DailyUI 12 Eコマースショップ

#12 E-commerce Shop

DailyUI 12日目

Eコマースショップをデザイン

day13で洋服のEC サイトを作っていたので、それをブラッシュアップしてみる

UIに優れていると思ったサイト6選

個人的にとても心地よく見れるなと感じたサイト6選です。

1. IKEA：コーディネイトから商品を選択できるのが良い。
2. amazon：CTAボタンがわかりやすい。
3. ZARA：余白の使い方や文字の大きさがブランドを表現している。
4. 北欧、暮らしの道具店：読み物と買い物が混在しているのに、とても見やすい。カテゴリなどのテキストは文字間が広くなっている。
5. プロダクツストア：ファーストビューに商品がパッと出ていて、クリックすると商品ページに飛ぶようになっている。（これはカルーセル？）”作り手から探す”というのもとても面白い。

反省・学んだこと

写真は全部で何枚あるのかわかるように、ドットでスライド位置を把握できるようにする。
プルダウンで選択するものと、選択肢を全て表示させておくもの、選択肢の内容と数でどちらにするか検討する。
色を指定したら、上の画像もその色のシャツを表示する。
カートに追加するボタンを目立たせる。