UXデザインプロセスのステージ

[(原文) The Stages of UX Design Process](https://www.uxpin.com/studio/blog/design-process-ux/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8)

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2020/12/The-Stages-of-UX-Design-Process.png.webp)

私たちが製品を使ってユーザーに提供する価値のことをユーザーエクスペリエンス（UX）と呼びます。SaaSアプリケーションであれ、Webサイトであれ、その他のソフトウェア/ハードウェア製品であれ、効率的なUXを開発することが製品の成功の鍵となります。

効率的で成功したUXデザインを開発するために、チームはUXデザインプロセスと呼ばれる標準的な手順に従わなければなりません。これにより、デザイナーはデザインの決定と方法論を反復して改善することができます。

UXデザインプロセスは、ブランディング、ビジネスチャンス、ユーザビリティ、機能性を維持しながら、統合から製品の進化に至るまでデザインのプロセス全体を定義します。

この記事では、UXデザインのプロセス、その異なるステージとベストプラクティスについて掘り下げていきます。

## UXデザインとは？

まずはUXデザインについてお話しましょう。1988年、認知心理学者でありデザイナーでもあるドン・ノーマンが初めてUXという言葉を発表しました。UXデザインまたはUXDは、製品のデジタルな顔を形成するもので、ユーザーをその機能の周りに誘導し、ユーザーがどのように感じるかに影響を与えるものを提供します。コンテンツ、構造、ナビゲーションのすべてが、ユーザーに意味のある体験を与えるために一緒に働きます。

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2020/12/01_5.png.webp)

それは、ユーザーと製品との間の相互作用を定義するプロセスです。UXは、ユーザーのゴール、ジャーニー、弱みに対処し、効果的なソリューションを提案することで、従来のHCI（ヒューマン・コンピュータ・インタラクション）を拡張します。

## UXデザインの目的とメリット

UXデザインの第一の目的は、ユーザーが特定の製品目標を効率的に完了できるように、そのような体験をデザインすることです。

充実したUXデザインは、ユーザーの満足度を大幅に向上させることができます。それがコンバージョン率の向上につながり、ビジネスや収益の成長につながります。

ここでは、良いUXデザインの主なメリットをご紹介します。

* ユーザーの獲得と忠誠心を高めます。
* より多くのトラフィックとビジネスを生み出す機会を最大化します。
* リソースを最適化します。また、開発のための時間とコストを削減するのに役立ちます。
* 製品の目標のためにより最適化された機能を設計するのに役立ちます。
* エラーの解決とメンテナンスコストを削減するのに役立ちます。

## UXデザインのプロセスとは

UXデザインのプロセスとは、特定のUX問題のセットのための設計ソリューションを探索する反復的なプロセスです。

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2020/12/02_5.png.webp)

各段階では、異なる設計上の決定と解決策を反復して行います。また、既存の設計判断を評価し、改善提案を行います。

それぞれの動きは、作られたすべての設計が効率的でアクセスしやすいよう製品に関連するステークホルダーを巻き込みます。

## UXデザインプロセスの重要性

ここでは、UXデザインプロセスの重要な側面をご紹介します。

* 標準的な設計プロセスに従うことで、より効率的で透明性の高い設計が可能になります。そのため、テストされた洗練された設計ソリューションを手に入れることができます。
* 反復を重ねるごとに、さまざまな観点から決定を再検証することができます。そして、より洗練されたものにします。
* テスト済みのソリューションを使用しているため、リスクを軽減することができます。
* チームメンバーや利害関係者の追跡や協力も容易になります。
* 存在すら知らないかもしれない問題の解決策を見つけるのにも役立ちます。

## UXデザインプロセスの各段階

成功するUXデザインプロセスは、ここで概説したものとは異なるかもしれません。それは完全にあなたのチーム、製品、または既存のプロセスに依存します。

通常、設計プロセスは6つの段階で構成されています。

最終的には、使いやすく、顧客が使いたいと思うような、よく機能した製品を手に入れることができます。

1. 問題点の理解
まず解決策を探し始める前に、問題を理解する必要があります。ユーザーのゴールや弱み、特定のタスクを実行するために何が妨げになっているのか、明確なアイデアが必要です。どのような問題を解決しようとしているのかを理解していなければ、解決策を見つけることはできません。

2. 研究の実施
無事に問題点を突き止めたら、次は研究です。これは製品開発の心臓部です。このステップで収集した知識や情報は、製品の基礎や機能性を左右することになります。また、このステップでは、関連するユーザーペルソナやジャーニーを定義します。

ユーザーインタビュー、アンケート、ワークショップなどは、広く使われている調査方法の一つです。

![image.png](https://lh3.googleusercontent.com/E9-16aldLg3jYwbnvxBpxYlDj51dx_sleZTsnTJtneXoJMmP3uZRLgVjRJEQShWTsfwIw5qqNG0SHsESwswhjurieC9lx3JUsNlmx-nloD6kPzmxFY-XsW2b04dBEU1NSNthWszh)
提供: [Pexels.com](https://www.pexels.com/photo/advice-advise-advisor-business-7075/)

3. 決定のスケッチとプロトタイピング
この段階では、提案されたデザインソリューションの視覚的な定義を行います。これには、スケッチ、図面、紙のモックアップ、インタラクティブなプロトタイピングなどが含まれます。デザイン決定のテストと評価もこの段階の一部です。[デザインチーム](https://www.uxpin.com/studio/blog/design-team-structure/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8)はモックアップを作成し、利害関係者やユーザーと共有して意見を聞きます。

4. 構築設計
このステップでは、実際のデザインを構築します。モックアップとワイヤーフレームをテーマとスタイルを持つビジュアルデザインに変えます。また、すべてのビジュアル実装のためのソース元として機能するデザインシステムを構築します。ここでは、[デザインステップで構築](https://www.uxpin.com/studio/blog/build-a-design-system-from-scratch-in-7-steps/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8)する主なものをいくつか紹介します。

* 製品ナビゲーション
* ユーザージャーニー
* モックアップとワイヤーフレーム
* 画像、イラスト、アイコンなどのビジュアルアセット

![image.png](https://lh5.googleusercontent.com/K6bRxTby12_8MBC9gSUTetd2mfKk_9azLqzkaF1JPH8cZCfqNjrz2dpLrw30DmuR9X9lfhWnKZAmg4Pw62UlorfpWIXwbWQqFf0ocHLLrd6t3FQCUveKilSblz3VLSK1DkMJ0eMC)
提供: [Saif71.com](https://saif71.com/freebie-vue-css-ui-kit/?__cf_chl_jschl_tk__=fa3de9a23622ee8e315fddbaf34a868b8b11aa5f-1615192068-0-ASFhGwQZAecCQwY2iC5P3W0mwtU-vqL8DZU5F5OFRCGELcwu1o6kcIM4j-xf8FlBDbNDHIw3C8cf6OI700r4ae2WAfi42B5yOxDxGrtXrMpnjWVHU0K-DqZlqrYZfwuD2j3VsyMk5wDlvFEABI7YydVx5Z2P_kZfooT3Q-hZF5grX6uBrGXXzWKn_FJMg6PK1kInbhIEZ9OGKwC4a6new3Xw_wxJX_qzd36xUrfMLoOHz4Fyuw8_tgLNR8V-o4jRmQsRFSnIi4xPe7MntdDXhggT9ufjUlRfdFaP-Mcaro1JMS26kOQroy2bvzuMH7KtcXK1WWbCguYGcilr2PFpCvFoI9vMWymVujcSImq4CG00)

5. デザインの実装
技術チームは、デザインフェーズが進行している間に実装を開始することができます。彼らはプロセスのすべての段階と反復に参加しているので、デザインについての明確なアイデアを持っています。

デザインチームが実装ステップに参加するのは標準的なことです。そうすれば、彼らは開発者が設計の様々な側面を説明するのを助けることができます。また、デザイナーは、必要とされるかもしれないいくつかのマイナーな変更を行うことができます。

![image.png](https://lh3.googleusercontent.com/P1RkcJqIPDZq2e118cgsiQMvvyZJjFCvNELs3ixXm0TUcQu0FYX-ZH31f0mW21rEHGWhlvb_wO7zXFoiUBVDw_ZQ2j_TBB3hchBtCFqB3itFuXPck4TeDq-NvoMaD7vVLEijACmo)
提供: [dribbble.com](https://dribbble.com/shots/3516949-UXPin-Design-Systems-Consistency)

6. デザインの検証
ということで、第一弾の開発が終わりました。いよいよ生産に移す時が来ました。仕事の重要な部分は、デザインチームのためにここに来て、デザインを検証することです。ユーザーがどのように製品を使用しているか、どのようにコミュニケーションをとっているか、彼らが望むゴールに到達できているかを監視する必要があります。もしそうでなければ、何が問題なのでしょうか？

この最終段階の後、必要な変更に応じてプロセスが再び再開されます。このプロセスは、製品のライフサイクル全体の中で行われます。

## ベストプラクティス

デザインプロセスの段階の順序は、すべての組織やチームにとって同じではないかもしれません。デザインプロセスを合理化する際に従うべきベストプラクティスがいくつかあります。

* ユーザー中心の考え方

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2020/12/03_4.png.webp)

エンドユーザーは私たちのデザイン決定の中心にあるべきです。ユーザー中心の思考は、製品の機能に関するユーザーのニーズや好みを理解するのに役立ちます。これは、優れたユーザー体験をデザインする上で最も重要な部分の一つです。

* 複雑さの軽減
デザインチームでヒューリスティックや現象学などの専門用語を使う場合は問題ありませんが、技術チームや他のステークホルダーとコミュニケーションをとる際には、それらを単純化することを忘れないようにしましょう。そうすることで、コミュニケーションがより良く、効率的になります。

* 関連するツールを試す
チームで作業している間、コラボレーションを簡単にする関連ツールを選択することが重要です。[UXPin Merge](https://www.uxpin.com/studio/merge-jp/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8)は、デザイナーと開発者が簡単に共同作業を行うための素晴らしいツールです。

* リサイクルとリユース

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2020/12/04_3.png.webp)

ブランディングのガイドラインやデザインシステムのような標準的な手法を作れば、同じ作業を何度も繰り返すことで何百時間もの時間を節約することができます。デザインのスピードを上げ、アイデアを素早く反復していくためには、再利用性が鍵となります。UXPinの[「Material UI Design UI Kit」](https://www.uxpin.com/material-design-ui-kit?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8)のようなUIキットを使うのもいいでしょう。

## まとめ

今回の記事では、UXデザインとそのプロセスについて詳しく取り上げました。また、UXデザインプロセスの重要性と各ステージの詳細についても取り上げました。効率的なデザインプロセスのために従うべきベストプラクティスについても議論しました。

UXPinは、デザインプロセス全体に必要なすべての機能を提供し、プロトタイピングを簡素化し、パワフルな機能でコラボレーションを実現します。UXPinを今すぐ使い始めて、あなたのデザインプロセスをキックスタートさせましょう。

![image.png](https://lh6.googleusercontent.com/EeevOV1UAPIHtxiMa_z9IO1Wj2yfRsh29hF5753iPrGTxxX2PYvzz0yNPNSzzP1M043cUFA4k-9-5B4f5b73_3u3mL70lhWGvY40HmR20add_P4PzB6Ksg9oeGINAJwlib_NpdMd)

UXPinは、世界中のプロダクトチームがアイデアをより早く製品に変えることを支援するデザインプロセスツールです。
UXPin の革新的なテクノロジーである Merge を使用すると、PayPal のような企業は DesignOps の課題を簡単に解決することができます。[UXPin Merge](https://www.uxpin.com/studio/merge-jp/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=UX%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8) は、最終製品との完全な一貫性を達成するために Reactコンポーネントを使用してデザインすることを可能にします。

本記事は、2020/12/21投稿、2021/1/20更新を翻訳したものです。