UI/UXデザイン

OVERVIEW

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

①要件

② UI/UX改善提案

【課題①】

・フォームでの離脱率が大きくカートに商品が入っても購入完了まで至っている人が少ない


①要件定義

②ペーパープロトタイプ


➂完成したUI (1/2)



④完成したUI (2/2)

【課題②】

・ほしい商品が見つけづらく、商品をかごに入れずに離脱している人が多い

 ①要件定義

②ペーパープロトタイプ

➂完成したしたUI (1/2)

④完成したしたUI (2/2)

③ 工夫したこと

①ログイン画面

メールアドレスやパスワードの入力を毎回せずに、各アプリケーションと連携することでパスワード保存やシングルサインオンをしてスムーズにログインできるようにするために載せました。


②購入画面

星5段階評価・コメント数・お届け日・在庫状況の項目を追加することでユーザが購入するべきタイミングや検討する機会をこの画面で載せました。またコメントを追加することによって、購入した側のコメントを確認することが実現することが出来るようになります。


➂メニュー項目

各画面の下画面にてメニュー項目を追加することで、初めてのユーザの方でも操作がわからなくなった際にいつでもホームに戻れるようにホームのアイコンや自身のアカウントの確認するためにユーザアイコン、購入状況を確認するためにカートアイコン、その他のメニューはハンバーガーアイコンでシンプルにわかりやすいアイコンにできるようにいたしました。

④ 制作を通して学んだこと

①ユーザーの側の立場に沿って解決策を検討する

自分がもし、このアプリケーションを使うとするユーザの立場と考えながら解決策を検討すること。その中でこのアプリケーションを操作して改善するべきことをまとめるスキルが必要がある。


②1つの課題に対して、複数の改善策を提案する必要があること

1つの課題に対して複数の画面を行き来して課題制作する必要があること。慎重にその課題に対して改善策があるか丁寧に確認することで、複数の改善策が見つかるので課題解決につながる。