規約や注釈など、「見せたくない要素」をうまく扱う画面設計 4つのポイント - Feel Like A Fallinstar

久しぶりにユーザビリティねたを続けて。 企業のサイト特有の事情として、「ビジネス制約の関係から（載せたくもないものを）画面に載せないといけない」ことが多くあります。 具体的には 事情を知らない誰か（※詳細はご想像ください）が、「これ入れないといけないだろう」と言う → そういう人に限って、最終決定の権限を持っていたりして、、、 利用規約などの説明を延々行わなければならない サービス紹介の過程で、どうしても自社が弱いスペックも見せざるを得ない といったところでしょうか。 そこを何とかうまくやりくりするのも画面設計のスキル。 見せたいものと見せたくないものを両立させている画面を今日は紹介したいと思います。 1. 右カラムを有効活用する Doda転職サポートお申し込みフォームの例です。 「利用規約などの説明を延々行わなければならない」を綺麗に回避したページ。 通常1カラムで組むフォーム部分の右側

[nojukukaikeishi]

ナンバー汚すトラック運ちゃんみたいな感じか

[hiro_y]

ユーザーにそれほどメリットがないんだけど掲載しなければならない情報をどう見せるか。わざと視認性を落としたり、視線を遮断した後に持ってきたり。

[studio-m]

規約などをユーザーに無視させるデザイン。是非はともかく。右カラムを有効活用する、フォントサイズを小さくする、改行を減らしてユーザビリティを落とす、グレー背景にする、横線を見せたくない領域の上に走らせる

[nitoyon]

見せたくないけど書かなきゃいけないことを、目立たないように書く方法。実例のキャプチャ付き。右カラムに書く、強調せず平坦な文で書く、背景をグレーに、横線を引く。

[nshash]

読ませるかというテクニックはポンポン出てるけど、読ませないためのテクニックは初めて見た。規約は見えなかった云々で問題になりそうな気もするけど…

[leva]

読ませるかというテクニックはポンポン出てるけど、読ませないためのテクニックは初めて見た。規約は見えなかった云々で問題になりそうな気もするけど…