【課題】UI /UX改善提案

OVERVIEW

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

YEAR 2024

【作成期間】2週間

【使用ツール】Figma

-----------------------------------

目次

1.要件
2.制作した提案資料
3.デザインカンプ
4.制作を通して学んだこと

-----------------------------------


1.要件


◆依頼資料


◆クライアント提供資料


2.制作した提案資料

クライアントが抱える課題のうち2つに対して、課題が発生している要因や解決策を考えました。また、ペーパープロトタイプ作成やデザインカンプの修正を行い、それらをまとめた提案資料を作成しました。


2-1.課題①の提案資料

2-2.課題②の提案資料


3.デザインカンプ

クライアントから提供されたデザインカンプを改善しました。


3-1.ホームから購入完了までの流れ
提供資料を元にホームから購入完了までの流れを整理し、課題を解決するために必要であると判断した情報を適宜追加・修正し、デザインカンプを改善しました。


3-2.課題② のデザインカンプ

ホーム〜商品詳細を閲覧するまでの流れの改善
改善したデザインカンプの一部を掲載します。



3-3.課題①のデザインカンプ

カートに追加〜購入完了までの流れの改善
改善したデザインカンプの一部を掲載します。


4.制作を通して学んだこと

ボタンなどのデザインをサイト内で統一することはもちろん大切ですが、訪問者が直感的に操作できるよう、他のサイトでもよく見かける一般的なデザインや動きを取り入れることの重要性を学びました。どんなにおしゃれで目を引くデザインでも、操作がわかりづらければユーザーにとって良いデザインとは言えないことを実感しました。 

また、ページの情報量が多すぎず少なすぎず、全体をさらっとみて把握できるような量が適量であること、1ページに情報を詰め込むのではなく、サイトを見ている人が操作し、判断することで情報を得るような流れを作ることが大切であることを学びました。