プロダクトのリデザイン | うまくいくための工夫とヒント
プロダクトのリデザインは、デジタル製品の多くの側面、特にその UX（ユーザーエクスペリエンス）、ビジュアルデザイン、技術的バグ、ビジネス価値を改善する機会です。
また、製品チームは、製品をより適切で最新のトレンドに対応させることで、製品のライフサイクルを延ばすこともできます。
UXPin Mergeのコンポーネント駆動型プロトタイプで、プロダクトリデザインの範囲を改善し、優れた結果を出しませんか。詳しくは Mergeページをぜひご覧ください。
プロダクトリデザインとは
デジタル製品の「リデザイン」とは、Web サイト、アプリ、ソフトウェア、ゲームなど、既存の製品の更新や改善のことを言います。
このようなリデザイン、変化するテクノロジー、トレンド、需要に対応し、製品の関連性と競争力を維持するのに非常に重要です。
リデザインの程度はプロジェクトの範囲によって異なり、UX の向上やユーザーニーズの変化への対応、技術的な問題への対処のために、UI（ユーザーインターフェース）、機能性、新機能に大幅な変更を加えることが含まれる場合があります。
リデザインのプロセスでは通常、現行製品の徹底的な分析、ターゲットユーザーのニーズや嗜好を理解するためのユーザーリサーチ、新しいデザインコンセプトやプロトタイプの開発が行われます。
そしてデザイナーは、最終的な製品がデザインブリーフの目標と目的を満たすようにすべく、そのプロトタイプをテストして反復しないといけません。
また、プロダクトリデザインは、デザイナーが多くのステークホルダーと協力し、過去の調査を見直し、新たな調査を行う必要があるため、複雑で時間のかかる場合が多いです。
製品をリデザインする理由
UX向上
UXの向上は、リデザインのプロジェクトの範囲に関係なく、優先されることがよくあります。
デザイナーは、製品がよりユーザーに使いやすく、効率的で、楽しめるようなものになることを目指します。
例えば、企業はWebサイトをリデザインして、より直感的でナビゲートしやすいものにするかもしれません。
技術上の問題
デザイナーは、パフォーマンスや機能に悪影響を与える技術的な問題やバグを解決するために、エンジニアと協力することがよくあります。
例えば、セキュリティ上の欠陥を修正するために、エンジニアリングチームが新しい認証システムを求めることがあります。
その際デザイナーは、リリース前に新しいログインフローをテストし、潜在的なユーザビリティの問題を特定しないといけません。
業界の新しいトレンドや需要に応える
組織は、業界のトレンドやベストプラクティスに対応するために製品をリデザインすることがよくあります。
業界のトレンドに合わせてデザインを変更したいい例として Instagram が挙げられます。同社は過去１０年間で、Snapchat に対抗した「ストーリー」 と、TikTok に対抗した「リール」の2つの大きなデザイン変更を行いました。
変化するユーザーニーズに応える
テクノロジー同様に、ユーザーのニーズも進化するので、組織は変化に合わせて製品をリデザインします。
また、ターゲットとするユーザーが変わることもよくあることで、その度に組織は新しいニーズや優先順位に合わせて製品をリデザインしないといけません。
パフォーマンスおよびスケーラビリティの向上
製品が急成長を遂げると、新しい技術やトラフィックの増加、成長に伴う使用量の増加に対応するために、製品をリデザインしないといけなくなることがよくあります。
新しいデバイスに最適化する
新しいデバイスや IoTが頻繁に市場に登場する中、デザイナーは需要に合わせて UI や機能をアップデートしないといけません。
例えば、２０２１年５月、Google は折りたたみ可能なデバイスに対応するための新しいレイアウトやコンポーネントを含むマテリアルデザイン３をリリースしました。
ビジネス目標との整合性を上げる
商品のリデザインは、多くの場合ビジネスの目標や目的に沿って行われ、その目標は、初売り、バレンタインデー、クリスマスなどの季節的なプロモーションや新製品に関連する場合があります。
例えば、ある ECブランドはが新しい製品群をリリースする予定がある場合、その製品を Web サイト上で宣伝して優先順位を付けるにはリデザインが必要になります。
ブランドアイデンティティの向上
企業は、組織のアイデンティティをよりよく反映させるため、あるいはリブランディングに合わせるために、製品のビジュアルデザインやブランディングを一新したいと思うかもしれません。
例えば、ある組織は製品のデザインを古く感じ、ブランドを現代のデザインのトレンドに合ったものにするためにデザインを変更したいと考えるかもしれません。
競争圧力への対応
組織は、競合他社に追いつき追い越すために、製品をリデザインをしないといけないことがよくあります。例えば、調査チームが、市場で提供されていない機能や特徴の需要を特定し、そこで企業は、競争上の優位性を獲得するために製品をリデザインします。
UX のための競合分析については、こちらの記事でご紹介しています。
ビジネスの成長を促進する
新たな市場への参入、新規ユーザーの獲得、既存ユーザーの維持、エンゲージメントや収益の向上など、ビジネスの成長を促進するのに、多くの場合はリデザインが必要です。
例えば、広く使われているブログプラットフォームである Ghost は、クリエイターエコノミーに焦点を当てるため、過去５年間で製品をリデザインしました。
同プラットフォームは、ブロガーや出版社といった元々の顧客層を今も惹きつけていますが、デザインの変更により、サブスクリプションベースのビジネスやクリエイターにとって好ましい選択肢となりました。
一般的な製品リデザインのプロセス
以下は、通常行われるリデザインプロセスのステップです。
１．リデザインの目標と目的を定める
目標と目的を定めることは、リデザインのプロセスを導く重要な第一歩です。
このステップでは、ステークホルダーに会い、ユーザーのニーズを考慮しながらリデザインのビジネス目標をリストアップし、優先順位をつけます。
２．現行製品の徹底的な分析を行う
次に、デザイナーは現在のデザインを、その特徴や機能性、UX やパフォーマンスに細心の注意を払いながら分析します。
この分析により、リデザイン時にデザイナーが対処しないといけない問題や課題が特定されます。
３．ユーザーリサーチを行う
ユーザーリサーチによって、デザイナーは製品のターゲットとなるユーザーのニーズ、嗜好、行動を理解することができます。
また、ユーザーリサーチの手法には、インタビュー、アンケート、ユーザーテスト、フォーカスグループ、既存製品の分析などがあります。
そしてデザイナーは、この顧客からのフィードバックをもとに、ユーザーペルソナの更新や、リデザインのプロセスの指針となる新しいペルソナの作成などを行います。
４．デザインコンセプトおよびプロトタイプを作る
デザイナーは、ステップ１から３で集めたリサーチを分析し、デザインコンセプトのアイデアを練ります。
このフェーズでは、デザイナーはデザインスプリントや迅速なコラボレーティブプロトタイピングのセッションを実施し、多くのアイデアを速やかに反復します。
ステップ４は、ユーザーの問題を解決しながら、プロジェクトの目標と目的を満たすソリューションを見つけることを目指しています。‐ 本質的にはデザインチームのバランスをとるということです。
５．テストおよび反復
デザインプロセスにおいて、テストは欠かせないものです。デザイナーは、ステークホルダーにプロトタイプを提示し、ユーザビリティテストを実施して、アイデアに対するフィードバックを得ます。
そして、プロジェクトの予算と範囲によっては、デザイナーは何度も反復を行い、コンセプトを洗練させてからハンドオフする場合もあります。
６．デザインハンドオフと開発プロセス
次に、デザイナーはデザインファイル、プロトタイプ、ドキュメントをエンジニアに渡し、最終製品を開発してもらいます。
そしてエンジニアが開発プロセスを完了すると、デザイナーは QA（品質保証）を行い、最終製品がデザインプロジェクトの仕様を満たしていることを確認します。
７．監視および保全
組織がリデザインをリリースした後、プロダクトオーナーは事前に設定したメトリクス（KPI）を通じてパフォーマンスを監視し、ユーザーからのフィードバックを集めます。
また、彼らはこのデータを使って製品を更新または改善することで、そのライフサイクルと市場での関連性が最大化されるかもしれません。
UXPin Mergeで速やかなプロダクトリデザイン
UXPin Merge は、企業がデザインシステムを UXPin のデザインエディタに同期させることができるようになる高度なコードベースの技術です。
なので、デザイナーはデザインプロセスで、エンジニアが最終製品に使うのと同じコンポーネントを使うことができます。
そしてこのコンポーネント主導のプロトタイプのワークフローにより、デザイナーは最終製品の完全に機能するレプリカを作成し、正確なユーザビリティテストや、ステークホルダーからの有意義なフィードバックを得ることができます。
製品分析のためのバージョン管理
Merge のバージョン管理で、デザインチームは古い製品のプロトタイプを作成するためにデザインシステムの以前のバージョンに切り替えることできるようになります。これによってデザイナーは既存の製品のプロトタイプを作成し、問題や改善の機会を特定することができます。
高忠実度のプロトタイプを数分で実現
製品の分析とリサーチが完了したら、デザイナーはプロトタイプを作成し、ソリューションをテストして、反復と改善を行うことができます。
その際、既存のコンポーネントライブラリを使ってプロトタイプを作成したり、UXPin のパターン機能を使って新しいプロトタイプを作成することができます。
また、このコンポーネント駆動型のプロトタイピング環境により、チームは従来のデザインワークフローよりも高い忠実度と精度で、ビルド、プロトタイプ、テスト、反復を行うことができます。
UXPin を使ったウェビナーでは、製薬会社の大手である ジョンソン・エンド・ジョンソン の UX デザイナーが、組織のデザインシステムを使って、１０分以内に UI の完全なリデザインを構築する方法を紹介しています。
