【スクール課題】UI/UX 改善

OVERVIEW

設定された課題に対してUI/UXを改修 制作時間:2日

YEAR 2024

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

目次

課題内容(クライアントからの依頼内容)

解決する課題

課題発生の要因

要因を解決するための要件

UIUX改善後の画像

感想

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

課題内容

売り上げを伸ばすためにUIUX改善に取り組む。
クライアントの抱える課題点は以下の3点。そのなかから2つ選び、UIUXを改善する。
・フォームでの離脱率が大きくカートに商品が入っても購入にまで至っている人が少ない
・ほしい商品が見つけづらく、商品をカゴにいれずに離脱している人が多い
・一回の購買における購入商品数が平均1個となっており、購入単価が低い

解決する課題

①ほしい商品が見つけづらく、商品をカゴにいれずに離脱している人が多い
②一回の購買における購入商品数が平均1個となっており、購入単価が低い

課題発生の要因

課題①に対して
・一面に商品が羅列されており、たくさんのページを送らなければ全体の商品をみることができず、探すのが面倒。
・どういうカテゴリーや値段の商品があるのかが、すぐにはわからない。

課題②に対して
・商品紹介やカートに入れたあとに、他の商品を閲覧したり選ぶ(カートから買い物行動に戻る)導線がなく、ブラウザの戻るボタンで戻ったらカート内の商品が保持されるのかどうかわからず、ユーザーは他の商品を選びにくくなっている。

要因を解決するための要件

課題①に対して
必要要件:カテゴリーごとに商品を分けて、カテゴリーから商品を選べるようにする。
推奨要件:人気の商品や推したい商品をトップに見せる。

課題②に対して
必要要件:カート画面で「お買い物を続ける」ボタン、商品概要のページで「商品一覧へ戻る」ボタンをつける。
推奨要件:これまでユーザーが閲覧した商品を下部に表示する。
同じようなユーザーが閲覧か購入した商品をレコメンドとして下部に表示する。

UIUX改善後の画像

課題①
BEFORE

 AFTER

課題②
BEFORE

AFTER



感想

・いままでの課題で一番、取り組みやすかったし、楽しかった。(自分の考えをちゃんと制作物として作れているかどうかは別として。)

「なにかの問題解決としてのデザイン」を考えるのが好きだと感じた。逆に、いちから作成しなければいけないデザイン(バナーなど)は難しい。


・Figmaのなかでつくったイメージを画像ファイルにするやり方がうまくできなかった。今回は時間がなかったので、無理やりスクショを取り、そこからモックを作成した。