【課題】UI/UX改善

OVERVIEW

SHElikes MULTI CREATOR COURSE Designerの課題で、ECサイトのUI/UX改善に取組みました。クライアントからの要件書を基に、ペーパープロトタイプ、Figmaを使用したデザインカンプ、改善提案資料を作成しました。

YEAR 2022

┃要件

┃UI/UX改善提案

■制作したUI/UX改善 全体データ(Figma)

■基本デザインルール
既存のECサイトのブランドイメージ・クオリティを保つために、デザインルールも既存のものに則り、トンマナを揃えながらUIパーツを変更・追加しました。

┃課題に対する提案資料

最初の要件で提示された課題に対して、その課題が発生する要因から仮説立て、それぞれに対する解決策を提示した資料を作成しました。

課題①:一回の購買における購入商品数が平均1個となっており、購入単価が低い


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


┃工夫したこと

  • 元のECサイトがシンプルな構造だったため、いきなり大幅リニューアル!とするのではなく、ユーザーの利便性を考えながら必要な機能をシンプルにまとめました。また、今後のサービスの展開を意識して、カテゴリが増えた時に対応できるよう次回の改善案を含めて考えました。
  • 資料は会議に参加していない人でも内容を理解できるように、順を追って作成することを心がけました。
  • デザインでは、新しいボタンや要素を追加しましたが、Shelikesの世界観が崩れないようにトンマナを統一することを意識しました。

┃制作を通して学んだこと

まずはFigmaの基本的な使い方を学びました。UI/UXを改善するにあたり、普段自分自身が無意識に使っている機能や機能の設置場所を改めて色んなECサイトやアプリを見直すことで、どこを改善すべきなのかを考えることができました。また、一つの課題に対しての解決方法は一つではなく、かつ全て一気に改善すれば良いものでもないと気づきました。改善の目的やタイミングに合わせて、改善後の結果を加味しながら解決方法を当てていかなくてはならないと学びました。