futureshopのカート画面にデフォルトで用意されている通信欄に入力ができない時の解決法です。
商品をカートに入れ決済画面に進むと、このような通信欄があります。
通常、文章を入力するための四角の枠にPCならカーソルを合わせる、スマホならタップで入力が可能になるものなのですが、フューチャーショップの通信欄はこの方法では入力することができません。枠を触っても何も反応がありません。
何も入力してないにも関わらず「変更」ボタンを押さないと初期入力ができない仕様
futureshopの決済画面の通信欄は、通信欄を触って入力可能になる仕様ではなく、まずは右にある「変更」というボタンを押さないと入力することができない仕様とのことです。
入力していないものを変更というのはイメージしにくいのはもちろん、やはり普通は初期入力はフォームを直接タップという操作が常識ですので、これはかなり分かりづらいと感じました。
また、目線は左や上からくるのにボタンが右にあり、左に入力したいのに先に右のボタンを押さなければならないというのも、気が付きにくい配置と感じます。
他の項目が全て入力するには「変更」となっているため、通信欄も同じ仕様になっていると思われます
どうしてこのような仕様になっているかと自分なりに考えたところ、おそらく他の項目の仕様に合わせているのではないかと思います。
他の項目は全て事前に入力がしてあり、左の項目を確認し、間違いがあれば右の変更を押すという流れです。
※個人情報ですのでぼかしを入れてあります。
仕様の中でできる事で工夫をします
「変更」ボタンを押してくださいという案内文を入れる
一番手っ取り早いと感じたのは、入力部分にあらかじめ「ここにメッセージを入力してください」という案内文を入れることです。
通信欄のボタンだけを「変更」ではなく「入力」にすることは不可
ボタンの表示は注文手続きページ「変更」ボタン全てに共通しており、通信欄のみを変更することはできないとのことです。
変更するなら注文手続きページ全てのボタンが変更されます。
