目次
UX-design #Day10（Amazon）
目次
Amazonアプリのメニューページをトレースしてみた！
10日目。今日はAmazonアプリのメニューページをトレースしました。Amazonの画面のトレースで何が難しいかと言ったら、グラデーションがあることとShadowがあることですね。今回もよくみたらぐらであるじゃん！Shadowかかってるじゃんということで、苦戦しましたが成功ということにしました。自分に甘いかもです。ということで、気づいたことを列挙していく！！
- ショートカットと書いてある部分のアプリアイコンみたいな四角。背景色がこれ、グラデだった。全てにグラデかかってます。少しグラデがかかっていることで、ちょっと莉っ体的に見える。
- ショートカットの四角。さらにアプリアイコンのようなUIデザインになっており、それぞれ中身が完全に違う、異なる機能であることを認識することができるUI/UXになっていると思う。
- 画面全体的に青系の色で統一だれているが、目立っているのがオレンジ色っぽいAmazonポイントの部分。やはり、色が他のと違うので、目に入りやすい、かつAmazonのポイントを活用してほしい意図が汲み取れる。
- この画面のショートカットのコンテンツは人によって違うのでしょうか？私が気になっているところで言うと、一番上の横一列が私がよく使うカテゴリなので、個人間で違いそうという予想をしている。上の左から視線を動かすので、一番上をパーソナライズするというのは良い戦略だと思う。
- カテゴリー別にショッピングという部分は少し疑問。なぜShadowをかけているのか？推せることを認識してもらいたいのか、という考えしか思いつかない。Shadowがなくても良いかなと個人的に思う。
- 何度もいうが、Amazonの画面の両端を揃えてほしい。そうしたらもう少し美しくなると思う。
私がトレースしたものについて気づいたことやアドバイスがあれば、コメントいただけると嬉しいです！
またみなさんがこのアプリの画面で気づいがUI/UXについて共有いただけると嬉しいです！！
コメントを送る
世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に