ユーザーエクスペリエンス: 印象派のホームページ再設計の視覚的側面に関する簡単な説明

。

。

。

少し前、私は Impression Pie のサイト全体の再設計に取り組んでいました。これには、ホームページ、リスト ページ、詳細ページ、テーマ ページ、その他のページが含まれていました。プロジェクト全体には長い時間がかかりました。 Impression Pie の新バージョンが少し前にリリースされました。ホームページの最初のドラフトは Congtou がデザインし、その後私が最適化を行いました。今は Impression Pie ホームページを出発点としてデザインを見直す良い機会です。

NetEase Impression（yxp.163.com）は、NetEaseが立ち上げたパーソナライズされた製品サービスプラットフォームです。NetEase Impressionでは、あらゆる種類のデジタル製品をオンラインで印刷できます。 Impressionist のビジネスが拡大し続けるにつれ、数年前に設計されたホームページは、インタラクションやビジュアルの面で既存のビジネスニーズを満たすことができなくなり、遅かれ早かれホームページの改訂が議題に上ることになります。

ホームページの再設計は多くの人が関わる長期プロジェクトなので、明確で効果的なプロジェクトプロセスが必要です。

プロジェクトプロセス:

1. プロジェクトの設立

プロダクトマネージャーは、製品計画を作成し、製品の市場要件と機能要件を決定し、関連事業部門の責任者と会議を開催して要件を議論および確認し、その後、インタラクション、ビジョン、フロントエンド、開発などのプロジェクト関連担当者を招集して、それぞれのタスクのタイミングを決定します。

2. ユーザー調査とインタラクション

ユーザー研究者は、過去 1 ～ 2 年間のデータ傾向に基づいてターゲット ユーザー グループを再定義し、製品コンセプトを改良します。要件に基づいて製品プロトタイプをインタラクティブに描画します。

3. ビジュアルデザイン

ビジュアルデザイナーは、初期段階のプロジェクト会議に参加して要件を把握した後、製品プロトタイプと製品機能計画に基づいてビジュアルデザインを実行します。ビジュアルデザインはプロジェクト全体をつなぐ役割を果たします。製品要件をプロダクトマネージャーと、ページの詳細をフロントエンドおよびバックエンドエンジニアと伝達する必要があります。

4. 開発

ビジュアルレビュー会議でビジュアル案が確定したら、次は開発段階です。この部分はプロジェクト全体の中で最も時間がかかるため、開発の遅延を避けるために、開発に渡す前にビジュアル ドラフトにマークを付けてカットする必要があります。

5. テスト

フロントエンドのテスト段階も非常に重要なリンクです。ビジュアルデザイナーの仕事はビジュアルドラフトの完成で終わると思っているなら、それは間違いです。リリースされるまで気を緩めてはいけません。テスト段階でよくある問題には、「なぜライトグレーの背景が白くなったのか」、「なぜここに2ピクセルのオフセットがあるのか​​」、「画像とテキストが揃っていない」などがあります。したがって、オンライン効果をビジュアルドラフトと100％一致させたい場合は、頻繁にテクニカルGGに校正してもらうことが不可欠です。

6. オンラインにする

オンラインになった直後は、データの変化に細心の注意を払い、データ分析とユーザーからのフィードバックに基づいて調整を行う必要があります。

7. フォローアップの最適化

成功する製品は、設計からユーザー データのフィードバック、そして再び設計に戻る検証プロセスである最適化の反復を通じて作成されます。

元のタイトル: ユーザーエクスペリエンス: 印象派ホームページのビジュアルバージョンに関する簡単な説明

キーワード: ユーザー、経験、簡単な議論、印象派、ホームページ、改訂、視覚、認識、前期、ウェブマスター、ウェブサイト、ウェブサイトの宣伝、収益化