2021年4月第1週号 1位は,ユーザーインターフェイスを読みやすくする方法,気になるネタは,歌うように話すロボット「チャーリー」、ヤマハが発売 ボカロ技術の活用で

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2021年3月22日〜28日の間に見つけた記事のベスト5です。

1. How to Make User Interface Readable: Tips and Practices - Design4Users

https://design4users.com/how-to-make-user-interface-readable/

ユーザーインターフェイスを読みやすくする方法を解説した記事です。

読みやすくするためのヒントとして、以下の項目で解説しています。

  1. インターフェイスで使われるテキストは短くして一貫性を持たせる
  2. コンテンツをパーソナライズする
  3. 違うタイプのコンテンツのために分割画面を検討する
  4. 1つのテキストブロックに1つのアイデアを入れる
  5. 数字を使う
  6. リストを使うことを忘れない
  7. テキストの中のキーとなる情報が視覚的にわかるようにする
  8. コントラストを確認する
  9. 常識の範囲内でフォントで遊ぶ
  10. テキストに十分なスペースを与える
  11. コンテンツのブロックを区切る
  12. 文字をすべて大文字にすることの効果を利用する

図1 ユーザーインターフェイスを読みやすくする方法

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/63c1d7bc-4583-45ea-8055-9085c807ad3d/design4users.com_how-to-make-user-interface-readable_(webtech_cap).png