【課題】UI/UX改善

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題で、架空ECサイトのUI/UX改善を行いました。

YEAR 2024

【要件】


【制作物】

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

▼提案資料1P

▼提案資料2P

▼提案資料3P*議題2:「一回の購買における購入商品数が平均1個となっており、購入単価が低い」

▼提案資料1P

▼提案資料2P

▼提案資料3P


【工夫したこと】

  • 直感的に操作がしやすいように、アイコンにテキストを加えボタンを配置した。
  • 検索画面には、検索欄の他に、「新着」、「注目」などのタブ検索や、カテゴリ別のボタン検索などを加え様々な方法で検索できるようにした。
  • 商品詳細ページやカート画面それぞれに、おすすめ商品の紹介項目を設置。商品詳細では購入するか検討している方向けに「この商品と一緒にみられています」、カート画面では購入が決まっている方向けに「カート商品に合うおすすめアイテム」と文言を変更し、段階別にアピールした。
  • 商品詳細ページに季節やイベント、ターゲット層に合わせた特集ページのバナーを設置し、興味を惹くことで商品の追加購入を促すよう工夫した。

【学んだこと】

  • 目的を達成するために、いろんなケースを想定して仮説を立てること。
  • 「アイコン=誰でもわかる」ではないこと。ターゲット層以外や初めてECサイトに来た人にも操作ができるように、テキストなどを配置するなど工夫すること。
  • アイコンやボタンは位置や大きさによって、推し間違いなどがないか細かく調整すること。

【今回の課題の感想】

今回は前職の知識を活かすことができた課題だったと感じました。特に「購入個数を増やすため」の課題には、接客をしていた時を思い出し、どのタイミングだったら、お客様に反応いただけるか考えながら取り組めることができました。

Figma操作に慣れておらず、モックアップの作成に戸惑いましたが、便利なプラグインなども沢山あり、ツールをより使いこなしていきたいと感じました。