![見出し画像](https://assets.st-note.com/production/uploads/images/8477250/rectangle_large_type_2_b0ad724cb311b6ba5515b3f7973ed96f.jpg?width=1200)
Daily UI #030 商品を比較するために必要なこと
ファームノートでUXデザイナーをやっている秋山ウテです。
今回は価格比較ページにAdobe XDで挑戦しました。
目次
①同じフォーマットで表示
②重要な情報を大きく表示
③誘導したいプランにバッジを表示
①同じフォーマットで表示
比較する際に、同じ箇所に似た情報がないと、判断がつきづらいです。
そのため、同じように配置しています。
②重要な情報を大きく表示
価格が重要な要素なので、大きく表示しています。
また、単位は比較する際に重要な要素ではないので、サイズを小さくしています。
③誘導したいプランにバッジを表示
お客様にオススメしたいものに、”オススメ”バッジをつけています。
迷っている方を誘導するにはいいかもしれません。
明日は、File Uploadに挑戦しまーす。
ではでは!
このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ!
リクエストもお待ちしているので、お気軽にコメントくださーい!
この記事が気に入ったらサポートをしてみませんか?