架空UI/UX改善提案(ECサイト)
OVERVIEW
キャリアスクール「SHElikes MULTI CREATOR COURSE Designer」の課題でUI/UX改善提案に取り組みました。(制作期間:2週間)
目次
① 要件
② UI/UX改善提案
③ 工夫したこと
④ 学んだこと
① 要件
② UI/UX改善提案
■基本のデザインルール
■課題に対する提案資料
最初の要件で提示された課題に対しその課題が発生する要因を考え、解決策を提示した資料を作成しました。
【課題1】
フォームでの離脱率が大きく、カートに商品が入っても購入完了まで至っている人が少ない。
【課題2】
欲しい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い。
③ 工夫したこと
■ブランドイメージの維持
既存のECサイトのUIルールやトンマナに合わせたデザインを心がけました。
■他社のECサイトの観察
他社のECサイトを訪問・メニューの表示方法やボタンの配置などを観察し、デザインの参考にしました。
④ 学んだこと
■UI/UX改善の流れ
UI/UX改善の流れ(課題が発生した要因・UIで改善する方法を考え、導き出した解決策をデザインに反映させる)を学びました。又、UI/UX改善にはツールの基本的なスキルだけでなく、創造力・論理的思考力・観察力も問われることを知りました。
■figmaの操作方法
文字の入力や図形の作成だけでなく、コンポーネントの検索方法やエクスポート時の画像解像度調整方法について学びました。