2021年6月第1週号　1位は，UIとUXのちょっとしたテクニック，気になるネタは，Google、Googleフォトの5月末の無制限無料終了に向けて「高画質」の呼び方を変更

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

1. UI & UX Micro-Tips: Volume Five. | Marc Andrew

https://marcandrew.me/ui-ux-micro-tips-volume-five/

UIとUXのちょっとしたテクニックをまとめています。

  1. 計算で導き出した見出しサイズやグリッドのルールを場合によっては破ってもよい
  2. フォームのエラーメッセージを理解しやすいものにする
  3. ロード中に何が起きているのかがわかるようにする
  4. アクションを実行したときに何が起きるかを説明する
  5. タブバーには重要な項目だけを入れる
  6. ドロップダウンに重要なアクションを隠さない

図1　UIとUXのちょっとしたテクニック

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6fab714a-ed5b-45b4-82fe-f8de79582019/BD06B071-2153-4571-AE48-8233AC0AF639.png

2. 7 Modern Website Design Examples (and What You Can Learn From Them) - Usability Geek

https://usabilitygeek.com/7-modern-website-design-examples-and-what-you-can-learn-from-them/

7つの時流に乗ったWebサイトから、コンバージョンとエンゲージメントを高める方法を学ぼうという記事です。

Mailchimp、Tesla、Amazon、Netflixなどのサイトを取り上げて、色、余白、タイポグラフィ、画像、コピー、ボタンなどのデザインの工夫について解説しています。

図2　7つの時流に乗ったWebサイトのデザイン例

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/438426b2-d495-42a7-b969-8fc9405d7d7f/usabilitygeek.com_7-modern-website-design-examples-and-what-you-can-learn-from-them_(webtech_cap).png