UI/UX改善

OVERVIEW

SHElikes MULTI CREATOR COURSE Designer受講時に制作した課題。 クライアント様からの依頼を想定した架空ECサイト。

>目次

1.クライアント情報

2.要件書

3.制作物

4.工夫した点

5.学んだこと


1. SHE 株式会社 様


▶︎事業内容

一人一人が自分にしかない価値を発揮し、熱狂して生きる世の中を作る」をビジョンに捉え、ミレニアルズの私らしい生き方を叶える「ミレニアルライフコーチングカンパニー」。主な事業としては、ミレニアルズの私らしい働き方を叶えるプラットフォーム「SHElikes」、ワーク&ライフスタイルをアップデートするクリエイションパートナー「SHEcreators」の2つを成長エンジンとし、自分らしい生き方の実現に向けたサポートを行なっています。



2. 要件書


▶︎ターゲット

  • SHElikesの会員
  • まだ会員ではないがSHEに興味がある人

  • SHEの世界観が好きな人

▶︎目的

UIを改善することで顧客の購買体験を良くするとともに売り上げを伸ばしたい

▶︎トンマナ

既存のデザインルールに従う。(デザインデータの配布あり)

▶︎納品物

UI改善案をまとめた資料→記載項目:解決する課題、課題が発生している要因、要因を解決するための要件、ペーパープロトタイプ、完成したUI(モックアップ、概要、工夫ポイント、解説など)



3. 制作物


▶︎改善案①



▶︎改善案②







4. 工夫した点


ターゲットを意識したユーザー視点でのUIということで、入力フォームの改善では単純明快で心地よい操作性を大事にしました。セット購入を増やしたいという課題の方では、いかにSHEの世界観を作り、お買い物に集中してもらえるかを考慮してUIを完成しました。



5. 学んだこと


第一に、UIデザインとは何か、基礎知識を学ぶことができました。

課題が発生している要因を考え、それを解決するUIを提案するところまでを学ぶことができました。

UI改善案を提案するまでの具体的流れ①課題を明確にする→②課題が発生している要因の仮説をたてる→③要因を解決するための要件の提示→④様々な事例から解決策を思案する→⑤実際にビジュアル化する

他にも、既存のUIルールやトンマナに沿ってUIを作成することの重要性を学びました。

又、Figmaに触れることもできましたので、さらなる理解を深め今後サイト制作等にも役立てたいです。