見出し画像

〜ほぼ Daily UI vol.58〜 Shopping Cart

参考にしたサイト・アプリ

Nike
https://www.nike.com/jp/ja/cart

合計の部分だけフォント違うけど何目的なんやろ

画像1

Amazon
https://www.amazon.co.jp/ref=navm_hdr_logo

画像4

デザインを考える上でのポイント

個数を選ぶUI
普通のプルダウンにするかこう言う感じのやつ

スクリーンショット 2020-09-28 21.33.50

削除の位置
Amazonみたいにアイテム自体の情報の下にアクションを集めるパターン。個数表示で1からマイナスにするときはゴミ箱にすると言うのもいいアイデア。

スクリーンショット 2020-09-28 21.36.56

右上に削除ボタンを用意するパターン

スワイプして削除みたいなのDribbbleとかであったけど、普通に分かりづらいから本番では多分やらない方がいい

自分のデザイン

画像5

思ったこと

ちょっとやっつけになってしまった。


この記事が気に入ったらサポートをしてみませんか?