目次
UX-design #Day6（Amazon）
目次
Amazonのホーム画面をトレースしてみた！
6日目。今日はAmazonのホーム画面をトレースしました。結構難しかったです。なぜ難しかったかというと、Shadeが複数箇所あり目立っていなかった、画面両端の余白が統一ではなかった、アイコンが今までにないものが多く作ってみる複雑だった、などなど。まだトレース初心者なので、もっと頑張らないとなと思いました。個人的にはAmazonよりもSpotifyのUIデザインの方が好みですが、今日から当分Amazonから学びます！！気づいたことを列挙していく！
- 画面最上部のこのヘッダーみたいな部分のグラデーション。よくみると、左から右にグラデかかっていて、綺麗ですね。グラデーションの効果って、どんなのがあるんでしょう？前はグラデじゃなかった気がするんですよね。グラデになってから、あれ？なんかアマゾンのデザイン変わった？って思ったんです。ユニークではありますね〜
- 一番上の検索バー。Shadowがあることで、ちょっと目立っていますね。やはり、何か欲しいものがあってアプリ開く人が多いと思います。一番最初にしたい行動と画面フロー（UIデザイン）が一致していて良いUXですよね。
- 検索バーの下のタブ。一番右が途中で切れているため、横に続きがあることがわかりますよね。
- 真ん中の３つの四角。少し目立つと思ったら、Shadowがついていたんですね〜。ここは商品が一つずつ載っているのですが、やはり目に入りやすくなっていますね。Amazonの特徴として、商品画像が大きいことが挙げられます。見た目が購入の決定因子になりやすいということも考慮されているかもしれないですね。
- ナビゲーションバーについては、アイコンにラベルがありませんが、理解できますよね。これが凄い。Spotifyは確か、ラベルがありました。一部わかりづらいものがあったのでラベル必須でしたね。こちらは一目でわかり、大体他のアプリやサイトでも使われているものなので、ラベルなしで十分かもです。一番の感動ポイントはこのアイコンかもです。特に良いなと思うのが、カートアイコンです。これ、カートに幾つ入ってるかって気になりますよね。痒いところに手が届く感じ、ずるいわーって思います笑 もしかして、この数字の値が小さければまだ買える、という購買意欲を高める効果がありそうだと思いました。ユーザー心理を突いてますね。
コメントを送る
世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に