【課題】UI/UX改善提案（ECサイト）

あかり｜ぽん
デザイナー（グラフィック・WEB）
OVERVIEW

SHElikes MULTI CURIATOR COURSEの課題でUI/UX改善に取り組みました。 課題が発生している要因を考え、それを解決するUIのデザインカンプ・提案書をFigumaで作成しました。

目次

１｜要件

２｜UI/UX改善提案 

３｜工夫したこと

４｜制作を通して学んだこと

ーーーーーーーーーーーーーーーーーーーーーー

１｜要件

２｜UI/UX改善提案 

【製作時間】6時間　【使用ツール】Photoshop/procreate


３｜工夫したこと

■トンマナを守りながらUI改善

元のサイトのデザインルールを守り、トンマナを崩さないようにしながら新たな要素を配置し、UI改善に取り組んだ。特にデザインルール外のものを入れる時は、伝えたい世界観に溶け込むデザインになるよう文字サイズや配色に気を付けた。

■参考サイトの良いとこどりで制作

日常的に使用している通販サイトをいくつか参考にし、今回の要件にあったものをピックアップしデザインに取り入れた。真似をするだけでなく、どこが良いと思い参考にしたのかを提案書にて言語化することで、UIの考え方を身に付けた。

４｜制作を通して学んだこと

■ユーザーに迷いを与えない

ユーザー目線となり、サイトを操作する中で迷いや不安・煩わしと感じることはとことん取り除いてくことがUI改善において重要であると学んだ。

■UIデザインには一定の型がある

サイトを比較する中で、同じ問題の解決方法として類似したＵIが使われていることが分かった。その中で必要なものを組み合わせることで、ユーザーが必要としているデザインが完成するのだと分かった。