見出し画像

DailyUI #069 トレンド



1.DailyUI#069のお題

69日目のお題は「トレンド」。
ファッション系の通販アプリのトレンドページを制作しました。

2.ざっくりワイヤー


ざっくりワイヤー

3.制作したデザイン


制作したデザイン


4.デザインする上で考えたこと

・気になるアイテムごとにトレンドを見られるようにカテゴリーの絞り込み機能を入れた
・トレンドらしいスタイリッシュな雰囲気が出るよう、写真の縦幅はアイテムごとにバラバラにして不規則な配列に見えるようにした

5.反省点

・現在絞り込みをしているのかどうかがわかりづらいかもと思いました。制作した画面では、WOMENのみに絞り込みをしている状態を想定しているのですが、それが伝わりづらかったので、タブ切り替えではなくセグメンテッドコントロールで表示した方が良いかなと思いました。

・お気に入りに登録できるハートボタンの視認性が低かったです。色を変えるか背景に色をつけて見やすくした方がよかったです。


6.おわりに

トレンドページはショップのページと違って、目的を持たずにふらっと気軽に覗いて欲しいページだと思うので、写真をきっちり縦横揃えるのではなくランダムに表示してつい見たくなるように意識しました。


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