結婚セレモニースケジュールフローWebサイトのデザイン

UX/UIデザイン (Googleコース)
プロジェクトの概要
結婚式の準備とスケジュールを立てるためのマーケットプレイスとプランナーを含むウェディングプロジェクト。
ターゲット
結婚式を準備する時間がなユーザーのためのウェブサイト。
ゴール
明確なナビゲーション、迅速で便利なスケジュールプロセスを提供することで、ユーザーにフレンドリーなウェディングスケジュールフローのWebサイトを作成します。
自分の役割
インタビュー、紙とデジタルのワイヤーフレーム、低忠実度と高忠実度のプロトタイピング、ユーザビリティの調査、アクセシビリティの調査、デザインを担当しました。
プロジェクト期間
2021年12月~2022年1月
Wedding project image
ユーザーインタビューを行い、ユーザーのニーズをよりよく理解するための共感マップを作成しました。
多くのターゲットユーザーが、結婚式のWEBを楽しくリラックスできるアクティビティとして扱っていることがわかりました。
しかし、多くのウェディング・スケジューリングのWEBサイトは操作が難しくてわかりにくく、多くのターゲット・ユーザーを混乱させています。
デザイナーとしては、結婚式のスケジューリングを楽しめるWebsiteを作成する予定です。
ユーザー調査:概要
ユーザーのペイン・ポイント

1. ナビゲーション
複雑なナビゲーションに時間を費やすことができないユーザー

2. エクスペリエンス
普段、プラットフォームでは、結婚式のスタイルがタイプ別になっていない

3. 使いやすさ
ユーザーは普段、結婚式のコース全体の予算価格を1ページで見ることができない

Mayaは忙しいデザイナーであり、結婚を予定しているので、使いやすいWebサイトナビゲーションと検索フィルタを必要としています。結婚式のスケジュールプロセスにストレスを感じず、詳細情報を1ページにまとめたスケジュールプロセスを楽しめるようにしたいからです。
ペルソナ、問題ステートメント、
ユーザジャーニーマップ
Wedding - PersonaWedding - Problem StatementWedding - User Journey Map

デザインの開始

ユーザーにとってWebサイトのナビゲーションの難しさが一番の悩みだったので、その知識を使ってサイトマップを作成しました。選んだ構造は、ナビゲーションをシンプルで簡単にするように設計されていました。
サイトマップ
Information arch
次に、Webページの紙のワイヤーフレーム、ナビゲーション、ウェディングのスケジュールフローに関するユーザーの問題点を解決するようにスケッチしました。
また、 「Crazy Eights」 エクササイズでは、短期間にできるだけ多くのアイデアを生み出すようにし、クオリティではなくアイデアの量に集中し、エクササイズの終わりには、多様なアイデアを思いことができました。
ワイヤフレーム
紙のワイヤーフレームからデジタルのワイヤーフレームに移行したことで、この再設計時にユーザーの問題点に対処し、ユーザーエクスペリエンスを向上させるために容易に理解できるようなデザインになりました。
デジタルワイヤフレーム
Check a Low-Fi Prototype
Low-Fi 2
ユーザビリティ調査の後、メインフローのプロセスを変更しました。右側のパネルに日付と種類を確認することが複雑でした。ユーザーは、写真と説明を含む1ページにスタイル、料理、場所を確認しという希望でした。また、ユーザーは、選択したオプションに応じて価格がどのように変化するかを視覚的に確認する必要がありました。
ユーザビリティ調査
アクセシビリティに関する
考慮

1. ヘッディング
視覚的な階層を明確にするために、異なるサイズのテキストを使用

2. ボタンイメージ
画像を使用して、ユーザーがサイトを簡単なにナビゲートできるように

3. 使いやすさ
結婚式の全コースと予算の価格を1ページで見ることができる

ユーザビリティ調査から得られた情報に基づいて、サイトのスケジュールフローを改善するようにデザインを修正しました。
高忠実度プロトタイプ
Check a Hi-Fi Prototype
インパクト:

デザインはフローしやすいナビゲートができ、画像を魅力的にし、明確なビジュアル階層を示しました。

学んだこと:

ユーザーフローを優先し、ユーザーの問題を解決する方法によってデザインの変更の必要さが了解しました。
ユーザビリティの調査中に多くの間違いを理解し、これらの問題を見つけたらデザインの改善点が明らかになりました。そして、ユーザーフローも使いやすくなりました。
テイクアウェイ
1. テスト
再ユーザビリティのフォローアップテストの実施

2. デザイン
デザインを女性らしさを減らすこと
次のステップ