Daily UI #030 商品を比較するために必要なこと

ファームノートでUXデザイナーをやっている秋山ウテです。

今回は価格比較ページにAdobe XDで挑戦しました。

目次
①同じフォーマットで表示
②重要な情報を大きく表示
③誘導したいプランにバッジを表示

①同じフォーマットで表示

比較する際に、同じ箇所に似た情報がないと、判断がつきづらいです。

そのため、同じように配置しています。

②重要な情報を大きく表示

価格が重要な要素なので、大きく表示しています。

また、単位は比較する際に重要な要素ではないので、サイズを小さくしています。

③誘導したいプランにバッジを表示

お客様にオススメしたいものに、”オススメ”バッジをつけています。

迷っている方を誘導するにはいいかもしれません。

明日は、File Uploadに挑戦しまーす。

ではでは！

このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ！
リクエストもお待ちしているので、お気軽にコメントくださーい！