UX-design #Day25（Booking.com） #7

【UI/UXの観点から気づいたこと】

• まず、この画面で特徴てきなのはヘッダーかなと思います。検索条件が黄色い枠で囲まれていて、これは検索画面の最初の画面でも同様に黄色のstrokeで囲まれていました。なので、一つ前の画面と繋がっていることがわかります！個人的には好きなUIコンポーネントです。
• さらにヘッダーにはタブがあり、検索結果を調節できるようになっています。どのタブもテキストラベルがついているので、それぞれのボタンで何ができるのかがわかりやすいです！デジタルネイティブ世代なら、アイコンだけでも伝わるかもしれないです。ですが、ナビゲーションバーなどどうように、シンプルすぎるとつたわらないことがあるので、ちゃんとラベルをつけることは大事だと思います。
• この黄色の四角＋中央に丸のアイコンは確かにわからないですね。初めて見るアイコンです。ですが、画面の真ん中にちゃんと解説があります。これでユーザーも困りません。しかも、このアイコンがついている宿泊施設のすぐ下に表示されていることで、適切なタイミングで解説が表示されていると思います。このようなものは勉強になりますね！
• スコアやセールなど強調したい部分はラベルのようになっており、目立ちます。ユーザーもおそらく気にする部分だと思います。さりげなく目立たせるってこういうことかなと思いますね。
• 元の価格よりこの表示価格が安いというのをつたえるための、手法ですね〜。赤色の取消線で高い価格も表示しておくというのは、Amazonでもあった気がします。結局、多くのユーザーにとっては安いことが重要事項であることをしっかりわかっていますね。