![見出し画像](https://assets.st-note.com/production/uploads/images/97640867/rectangle_large_type_2_1fb22f6e2adbfe59759553916cda21f5.png?width=800)
DailyUI #012 E-Commerce Shop
以下のテーマで作りました!
🌈テーマ設定
・服のECアプリ
参考デザイン
![](https://assets.st-note.com/img/1675949061440-Nch5MJC8vI.png?width=800)
✏️取り入れたいと思ったところ
価格・商品名・色やサイズなど重要な情報はファーストビューで見せると良さそう。
ZOZOのようにブランドを横断する場合はブランド名も立たせる必要がある。
できたもの
完成したものがこちらです。
💬先輩のフィードバック
・数量のUIがWebサイトっぽいので、もっとアプリっぽくした方がいいかも
・カートのボタンが下に固定されることがわかりにくかったので、Figmaのデータ上で固定するなどわかりやすいデータを作るようにした方がいい
まとめ
なるほど。ほぼUNIQLOのトレースになってしまい、数量のUI(プルダウン)もそのまま脳死でパクってしまっていました。。
アプリっぽい数量のUIとはどんなものがあるのか調べてみたところ、以下のように+−で数量を入力するアプリが多かったです。
数量の選択肢をプルダウンにするの、単純にタップ数が増えるのであまりよくないかもしれませんね。
基本、服は1つだけ買うことがデフォルトで、大量に買うものではないので+−にしておく方がユーザビリティが高そうだなと感じました!
SHEIN
![](https://assets.st-note.com/img/1675949945997-iO1sW0Ae2N.png?width=800)
マクドナルド
![](https://assets.st-note.com/img/1675950446790-SxPatfHD5a.png?width=800)
Airbnb
![](https://assets.st-note.com/img/1675950344180-kTmoY0I3nI.png?width=800)
この記事が気に入ったらサポートをしてみませんか?