目次
UX-design #Day7（Amazon）
目次
Amazonアプリのセールの品一覧ページをトレースしてみた！
7日目。今日はAmazonアプリのセールの品一覧ページをトレースしました。昨日が最難関だったと思いました。今日は凄い難しいところはありませんでしたが、強いて言うならShadowですね。これで正確にトレースできているのかわかりませんが、おそらく良いのではないでしょうか！気づいたことを列挙していく！
- ヘッダー部分ですね。アプリに関してはこの左矢印の戻るボタンは必須ですね。
- 検索バーのプレースホルダーが昨日トレースしたものと違ったんですよね。ページによってプレースホルダーの言葉が変化するって良いかもしれないです。ページごとに検索したいワードなど変わる可能性があるので、ユーザーにとって優しいUXになりそうだと思いました！
- 中央部分、タブなのかボタンなのかと言ったところですが、３つくらいボタンが並んでいる部分があります。その枠の下に若干Shadowがかかっているんですね〜。なので、微妙にこの部分が目立つんです。しかもボタンが「おすすめ商品」「クーポンセール」と言うお得を求めているユーザーにとっては見逃せないUXコピー。押したくなる工夫がたくさん詰まっていますね。
- その横の「フィルター」と言うテキストボタン。やはり、この色だと押せそうって思いますね。文字の色が黒だと押せないと思いますが、青系の色だと押せる認識になる。なるほど、勉強になります！
- 今日、気づいたのですが、Amazonの商品画像って、商品の全体がわかるようになっているなと。かつ、この商品画像の四角い枠にFillのような感じで載っていない。つまり、余白が作られていると気づきました。だから、Amazonの商品は見やすいのかと。そして、一応商品はこの四角い枠（薄い灰色）で並べられている。だから揃っているように見える。これは、お見事というか美しい。しかもこの四角い部分と背景のコントラストが弱い。目立たないことによって商品がより目立つという！！素晴らしいー！！！1番の感動ポイントかもしれないです。
- 商品の色がわかるのも大事ですよね。現在表示されている色、そして表示されていない色。さらに、他にも色が複数あることが一目でわかる（ここでは「+6」の部分）。ここもめちゃくちゃいいUIデザインだなと思いました！！
コメントを送る
世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に