【実践課題】架空ECサイト UI/UX改善提案
OVERVIEW
SHElikes MULTI CREATOR COURSE Designer にて、UI/UX改善提案課題に取り組みました。Figmaを使用したデザインカンプ、改善のための提案資料を作成しました。
Request
■基本のデザイン/ルール
UI/UX改善提案
要件で提示された課題が発生する要因から仮説を立て、解決策を提示する資料を作成しました。
■課題1:フォームでの離脱率が大きく、カートに商品が入っても購入完了まで至っている人が少ない
■課題2:欲しい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い
工夫したポイント
■デザインについて
ECサイトのデザインは様々なECサイトを参考に、課題を解決するために必要な機能や情報が適切な位置にあるかということを意識しながら作成しました。また、ブランドイメージに合ったデザインになるよう、基本のデザインルールやトンマナを守りながら、課題を解決できるデザインに仕上げることを意識しました。
■提案資料について
提案資料はなるべくシンプルに、読み手に分かりやすいデザインでまとめることを目指しました。
学んだこと
課題解決における要因の仮説を立てることから、UIでの改善方法を考えデザインに落とし込む一連の流れを学ぶことができました。デザインの美しさを追求するのではなく、UI/UXの設計について深く考えることができました。様々なサイトを参考にする中で、ECサイトで使われる項目(カートやフォーム等)には同じようなパターンがあることに気が付きました。また、Figmaの使用方法や機能についても学ぶことができました。