UX
UI
UXデザイン関連

【超速和訳】海外のUI/UXの10箇条(+30箇条・・・)

More than 3 years have passed since last update.

「確認フォームは表示せず、ひとまず実行させた後に、画面下部などにUndoを表記して戻せるようにしろ」

「疑問系?よりも断定を使え!」

「サインアップと表示するだけでなく、ユーザの利益に繋がる文言も添えろ。「クーポンを利用する(ユーザ登録)」など」

こんな感じで良いネタでしたので、

自分のメモ用にざっと和訳してみました。

Goog UI(英語)

1.コンテンツは複数列より1列でまとめるべし

2.短期間のプレゼントキャンペーンを添えるべし

3.いつの間にか増えている重複項目に注意すべし

4.利用者の声を掲載せよ

5.CVボタンを繰り返し表示せよ

6.サイト上の現在位置をフォーカスさせろ

7.複数選択項目は同列で表示せず、おすすめを1つ選び、それを目立たせろ

8.確認フォームは表示せず、ひとまず実行させた後に、画面下部などにUndoを表記して戻せるようにしろ

9.全ての人!ではなく、特定の人としろ。

10.?よりも断定!

11.色彩のコントラクトを使え!

12.商品掲載は私が作りました的な情報、地域などもそえろ

13.一度に表示する入力項目は少なく。

14.短い選択項目はプルダウンとせず、すべて表示するべし

15.文章など表示する際に一部隠すなどはせず、全部表示しろ、ただし通し番号をつけるなど文章間にリズムをつけること

16.CV以外のリンクはつけるな

17.項目表示などで何かしらのアクションがある場合はそれを明示すること。例えばある商品を購入したら一覧でその商品に「済」などを表示するなど。

18.サインアップなどと表示するだけでなく、ユーザの利益に繋がる文言も添えろ。「クーポンを利用する(ユーザ登録)」など

19.更新、削除ボタンは別枠とせず、対象項目と一緒に表示し、マウスホバー時に表示しろ

20.ユーザ登録などは遷移せず、同画面で一緒に行え。

21.状態遷移などは瞬時(0.5s)に変化させて気付かせる。

22.すぐにユーザ登録などではなくデモを使って導け

23.枠線は極力避けて色や空白で代用すること

24.商品の特徴よりもユーザの利点で説明しろ

25.検索結果など結果がない場合は、0とはせず次に繋がるアクションを表示しろ

26.オプトインよりもオプトアウト。○○を希望するチェックボックスは使わずYesNoの2択でYesを選択したラジオボックスを使う

27.ボタンなどの位置、色、形などは一貫性を持たせる

28.入力フォームで過去に入力した内容等予測可能な項目は事前に入力した状態で表示する

29.一般的な表示規約に従う。設定のアイコンは歯車、閉じるは画面右上、戻る・進むの位置は左、右など。

30.人は利益よりも損失を嫌う。よって損失を強調すべし

31.項目ごとに段落を使え

32.項目は用途ごとにグループ化すべし

33.入力項目は最後にエラーチェックせず、都度エラー表示すること

34.入力項目は寛容とすべし

35.出来ないと表示するだけでなく、いつ可能かを明示すべし

36.豊富よりも希少性。残りいくつなど希少性を明示すべし

37.ゼロから入力させるよりも、いくつか提案すべし

38.リンク、ボタン、入力フォームは色や大きさなどで目立たせるべし

39.待ち時間は一気に表示するよりも順に早く表示すべし

40.ボタン押下の操作だけでなくキーボードショートカットも使え