【課題】UI / UX改善(ECサイト)

OVERVIEW

SHElikes MULTI CREATOR COURSE課題で架空ECサイトのUI/UX改善提案に取り組みました。UIデザインカンプ、改善提案資料を作成しました。 ■使用ツール:Photoshop ■制作時間:約20時間

YEAR 2023

1. 要件


2. 提案したUIデザイン


提案したデザインカンプ


改善前のデザインカンプ


3.  課題に対する提案資料


課題1:フォームでの離脱率が大きくカートに商品が入っても購入完了まで至っている人が少ない

提案資料(全4ページ)


課題2:ほしい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い

提案資料(全3ページ)

4. 工夫したこと

■アプリの操作性向上

ユーザー視点に立って考え、登録済みの会員情報を引用するなど可能な限り入力の手間を減らせるような仕組みを取り入れました。また、ユーザーが必要な情報に素早く辿り着けるように、感覚で操作できるUIとなるよう工夫しました。

■デザインの統一性

新たに追加した項目やテキストはトンマナに沿った配色になるよう意識しました。また、項目間の余白は全ての画面で統一されたルールとなるように、何度も微調整しました。


5. 制作を通して学んだこと

今回の課題に取り組むにあたり複数のECサイトを参考にしました。普段何気なく利用しているサイトにはユーザーの手間を減らし手軽に商品を購入してもらえるような工夫や、他の商品も買いたくなるような工夫が張り巡らされていると学びました。

また、UI/UX改善においてはデザインの手法だけではなくリサーチ力も重要であることを学びました。