2018年09月12日(水)

モバイルのフォームに最適なツールチップの表示方法

• 0
• 86
• 6
• 54

フォームフィールドで便利な情報を表示する際には、どのようなインターフェイスを使うべきでしょうか？

答えはツールチップです。フィールドのラベルよりも明確に情報を伝える必要があるとき、フォームフィールドにはツールチップが必要です。

たとえば、フォームのラベルがユーザーに馴染みのないわかりにくい用語のときが挙げられます。また、通常より個人的な情報を聞く際に、なぜその情報が必要なのか説明するときにも配置すべきでしょう。

デスクトップでツールチップを表示するのは簡単です。ユーザーはマウスでホバリングできますし、画面に十分なスペースがあり、ユーザーは簡単にツールチップからヒントを得られます。

しかしモバイルでは画面のスペースに制限があり、マウスでのホバーはできないため、デザインがより難しくなります。したがって、モバイルでフォームにツールチップを表示する最善の方法は何か、という疑問が生まれます。

見つけやすく、タップしやすく、読みやすい

モバイルのツールチップは、つねに見つけやすく、タップしやすく、読みやすいものでなければなりません。これはアイコンの見た目とツールチップの配置場所によって決まるでしょう。

アイコンを見つけてタップする

大きいアイコンは、小さいものよりタップし...