UXデザインの成果物の包括的な概要

UXデザイナーは毎日何をしていますか?多くのこと! UXの専門家は、デザインのアイデアと調査結果を幅広い聴衆に伝える必要があります。その目的のために成果物(発生した作業の有形の記録)を使用します。以下のリストには、UXデザイナーがユーザー向けの優れたエクスペリエンスを作成するために作成する最も一般的な成果物が含まれています。

読みやすくするために、UXアクティビティに従って成果物を組み合わせました。

  • プロジェクト評価、
  • 競合他社の評価、
  • ユーザー調査、
  • 情報アーキテクチャ、
  • インタラクションデザイン。

プロジェクト評価

プロジェクト評価は、UX設計者が製品の現在の状態を理解するのに役立つ評価プロセスです。

分析監査

分析監査は、Webサイトまたはアプリのどの部分がユーザーの頭痛の種であり、コンバージョンを減らしているかを明らかにする方法です。分析監査中、監査人はさまざまな方法、ツール、および指標(トラフィックソース、トラフィックフロー、コンバージョン(および放棄)ホットスポットなど)を使用して、製品のどこが間違っている(または正しい)かを分析します。最終的に、分析監査により、UXデザイナーは、ユーザーがWebサイトまたはアプリで目標を達成しやすくすることで、コンバージョンを促進する方法を知ることができます。

ユーザーが製品と対話する方法(クリック、ユーザーセッション時間、検索クエリ、コンバージョンなど)について分析ツールが提供する数値は、UXデザイナーがユーザーテストで明示されていない予期しない浮上動作を発見するのに役立ちます。画像:Ramotion

ヒント:設計変更のA / Bテストの習慣を身に付けます。すべての変更がA / Bテストされることを知っていると、新しい(そして潜在的に危険な)ことを試すための途方もない自由が与えられます。それらが機能する場合、すぐにわかります。また、行った変更によってすべてが台無しになることを心配する必要はありません。

コンテンツ監査

コンテンツ監査は、アプリまたはWebサイトの一部またはすべての情報資産を評価するプロセスです。コンテンツ監査とは、コンテンツインベントリと各ページのコンテンツの評価(人による定性的または分析を使用した定量的)および/またはコンテンツ所有者の割り当てであると言えます。将来のマーケティング活動に優先順位を付けるために、ウェブサイトまたはアプリのすべてのコンテンツを収集し、相対的な長所と短所を評価します。監査することで、コンテンツをよりよく理解できます。存在がわからないものを見つけたり、重複したコンテンツや古いコンテンツを見つけたり、コンテンツ内のあらゆる種類の関係を特定したりできます。コンテンツ監査の結果は、グローバルタスク(コンテンツ戦略の作成)またはローカルタスク(特定のページの最適化)に使用できます。

ユーザビリティテストレポート

ユーザビリティテストは、実際のユーザーでテストすることにより、製品の使いやすさを確認する方法です。ユーザビリティテストレポートは、ユーザビリティの調査結果を明確かつ簡潔で記述的な方法で要約し、プロジェクトチームが問題を特定して解決策に取り組むのを支援します。

ユーザビリティテストレポートの例。画像:ティファニーホ

ヒント:結果をランク付けします。ユーザビリティテストで発見されたすべての問題は、同様に重要ではありません。ユーザビリティレポートには、調査の規模に応じて5〜100個の調査結果が含まれる場合があり、チームがすべてを調査するのは圧倒される場合があります。そのため、調査結果は重大度(低、中、高)でランク付けする必要があります。これは、ユーザビリティ調査で明らかになった重要な問題をチームが特定するのに役立ちます。

競合他社の評価

競合他社の評価は、現在および潜在的な競合他社の長所と短所の評価です。ライバルの長所と短所を評価することは、独自のUX戦略の重要な部分です。

競合分析レポート

競合他社の製品を分析すると、既存の機能が同等の方法でマッピングされます。この競合分析レポートは、UXデザイナーが業界標準を理解し、特定の分野で革新する機会を特定するのに役立ちます。

競合分析により、設計者は、選択した市場で競合他社の長所と短所を評価し、製品の競争上の優位性を改善するための効果的な戦略を実施できます。画像:イエローペンシル

ヒント:強みと改善すべき領域を特定するための有用な出発点は、ユーザーエクスペリエンスヒューリスティックです。競合分析はヒューリスティック評価を再現することを目的としたものではありませんが、ヒューリスティックは情報を提示するための優れた構造を提供するため、出発点として適しています。ヒューリスティックには、効率的なナビゲーション、テキストとラベルの明確さ、一貫性、読みやすさ、スキャン可能性などが含まれます。

価値提案

価値提案とは、製品の重要な側面、つまり、製品の目的、使用目的、使用方法を示すステートメントです。価値提案は、チームが製品がどうなるかについてコンセンサスを形成するのに役立ちます。

価値提案は、UXデザイナーが重要なことに集中するのに役立ちます。画像:UX Mag

ヒント:価値提案が主要なビジネス目標に直接関連付けられていることを確認してください。これを行うことにより、UXアクティビティの時間と予算について議論するのがはるかに簡単になります。

ユーザー調査

ユーザー調査では、観察技術、タスク分析、その他のフィードバック方法論を通じて、ユーザーの行動、ニーズ、動機を理解することに焦点を当てています。

ペルソナ

ペルソナは、潜在的なユーザータイプと同様の方法で製品を使用する架空のキャラクターです。ペルソナを使用すると、設計者は設計プロセス全体を通じてユーザーに共感しやすくなります。ペルソナは、UXアーモリーで物議を醸すツールです。UXデザイナーの中にはそれを愛する人もいれば、嫌いな人もいます。したがって、UXデザインプロセスでペルソナを使用する前に、ペルソナの利点だけでなく欠点も理解することが重要です。

ペルソナは、ターゲットユーザーの行動、ニーズ、動機を強調する架空のキャラクターです。画像:xtensio

ヒント:最も効果的なペルソナは、詳細なユーザーインタビューと実際のユーザーの観測データから作成されます。ターゲットオーディエンスを代表する十分な数の人々にインタビューまたは観察することにより、ユーザーに関する情報と知識を可能な限り収集します。

ユーザーストーリー

ユーザーストーリーは、製品のユーザーの観点から語られた機能の簡単な説明です。基本的に、これは要件の非常に高レベルの定義(概念レベル)であり、開発者がそれを実装するために必要な労力の合理的な見積もりを作成できる十分な情報が含まれています。

画像:リアルタイムボード

ヒント:ユーザーストーリーを使用して、機能のクリープを防ぎます。機能クリープは、製品設計中に定期的に現れる用語です。より多くの機能を追加し、プロジェクトの範囲を拡大し続ける傾向を示します。特定の機能が重要である理由を説明するユーザーストーリーなしで、機能の追加を拒否するようにしてください。

ユースケース

ユースケースとは、アプリまたはWebサイトでユーザーがタスクを実行する方法の説明です。ユーザーの観点から、リクエストに応答するときのアプリまたはウェブサイトの動作の概要を示します。各ユースケースは、ユーザーの目標から始まり、その目標が達成されたときに終了する一連の単純なステップとして表されます。

ユースケースは、イベントのアクションまたはステップのリストであり、通常、目標を達成するためにユーザーとシステム間の相互作用を定義します。画像:スライドシェア

ヒント:ユースケースはUXフェーズ専用ではありません。 QAフェーズでも使用できます。そのため、特定の製品の使いやすさを確認するときは、QAスペシャリストがユースケースを用意しておくことが重要です。これにより、QAスペシャリストには、設計で対処する必要がある一連の基準が与えられます。

体験マップ

エクスペリエンスマップは、ユーザーが製品を使用するときに実行する複数の手順を示す図です。デザイナーは、旅行の各ステップでユーザーの動機とニーズを組み立て、それぞれに適したソリューションを設計できます。

シンプルなエクスペリエンスマップは、1つのシナリオで考えられる1つのパスを反映しています。画像:有効な

ヒント:カスタマージャーニーマップを作成するプロセスは、ユーザーを知ることから始める必要があります。ユーザーに関するデータの多くのソースを利用できますが、最も明白なものの1つはWebサイトまたはモバイルアプリの分析です。アナリティクスは、ユーザーがウェブサイトやアプリで何をしているかについての貴重な洞察を提供します。このデータは、説得力のある事例を構築するのに役立ちます。

ストーリーボード(現在)

ストーリーボードは、ショットを表し、最終的にストーリーを表すイラストです。 UXでは、このストーリーはユーザーが製品を使用している間に実行する一連のアクションです。ストーリーボードは、デザイナーが設計対象の人々の実際の経験を尊重するのに役立ちます。

人間の顔の笑顔と悲しみの表現は、強い感情的な影響を与えます。これにより、観客の心と心の中で物語を生き生きとさせることができます。画像:チェルシーホステッター

ヒント:絵コンテについて考えるとき、ほとんどの人は絵を描く能力(または能力の欠如)に集中します。良いニュースは、絵コンテを描く前に絵を描くのが上手である必要はないということです。はるかに重要なのは、伝えたい実際のストーリーです。情報を明確に伝えることが重要です。

調査

調査は、ユーザーの満足度を測定し、製品に関するフィードバックを収集するための迅速かつ安価な方法です。調査は多数のユーザーから情報を収集する優れた方法ですが、明らかな制限は定性的な洞察の欠如です。たとえば、顧客が特定の方法で製品を使用する理由などです。

ヒント:調査は短くしてください。調査を作成するときの誘惑は、さらに質問を追加することです。問題は、それが痛くて長くなる可能性があることであり、人々は単に質問をスキップします。より価値のある情報を収集する場合は、より適切なアプローチを使用する必要があります。調査を簡潔に保ち、1〜2か月後に別の調査を実行します。

情報アーキテクチャ

情報アーキテクトとは、何かを理解しやすいように配置する方法を決定することです。デジタル製品の場合、情報アーキテクチャにより、ナビゲーション、サイトマップ、分類法、およびワイヤフレームが作成されます。

画像:マレートンプソン、UXブース

サイトマップ

サイトマップは、階層的に編成されたウェブサイトのページの図です。 Webサイトの基本構造とナビゲーションを簡単に視覚化できます。

サイトマップの例画像:Behance

ヒント:サイトマップをすばやく簡単に作成する場合は、カードの並べ替え方法を使用します。

分類学

分類法は、ニュースWebサイトの記事、eコマースアプリの製品カテゴリなど、コンテンツとデータを分類する複数の方法を調査した結果です。分類法は、設計者がユーザーとビジネスの目標をサポートするコンテンツ構造を定義するのに役立ちます。

画像:クリスチャンリッチ

ヒント:分類法は生きたドキュメントであり、定期的に再テストおよび更新する必要があります。

ワイヤーフレーム

ワイヤフレームは、ページの構造とその階層および主要な要素を表す視覚的なガイドです。ワイヤフレームは、UXデザイナーがチームメンバーや利害関係者とアイデアを話し合い、ビジュアルデザイナーや開発者の作業を支援する必要がある場合に役立ちます。

ワイヤフレームはスケッチの形で表示できます。

スケッチは、アイデア(新しいインターフェイスデザインなど)をすばやく視覚化する方法です。画像:ニコラス・スワンソン

ワイヤフレームは、デジタルイラストレーションとしても表示できます。

モバイルアプリのワイヤフレームの例。 Adobe XD用に構築されたモバイルとWeb用の2つの無料のワイヤフレームUXキット、Wiresをダウンロードしてください。

ヒント:ワイヤーフレームをシンプルに保ち、注釈を付けます。ワイヤフレームの目的は、ページのデザインの構造を示すことです。詳細は後で説明します。チームにワイヤフレームを提示する予定がある場合は、注釈を含めるようにしてください。注釈は、コンテキストを作成し、重要なアイデアをすばやく提供するのに役立ちます。

インタラクションデザイン

インタラクションデザイン(多くの場合、IxDと略されます)は、インタラクティブなデジタル製品を設計する方法です。これは、設計者が論理的で考え抜かれた動作とアクションを備えた魅力的なユーザーインターフェイスを作成するプロセスです。

ストーリーボード(計画中)

基本的に、これはユーザー調査のセクションで見たのと同じストーリーボードですが、1つだけ違いがあります。これらのストーリーボードは、デザインソリューションの販売に使用されます。設計者はそれらを使用して、提案されたソリューションの利点を示し、利害関係者を説得します。

画像:digiflip

ヒント:明確な結果を設計します。ストーリーボードは、ストーリーの結果について疑いなく観客を引き離します。不利な状況について説明している場合は、問題の全容で終わります。ソリューションを提示する場合は、キャラクターに対するそのソリューションの利点で締めくくります。

ユーザーフロー図

ユーザーフロー図は、製品内のタスクを完了するためのユーザーのアクションを視覚的に表したものです。視覚化されたユーザーフローにより、改善または再設計する必要があるステップを簡単に識別できます。

ユーザーフローは、アプリまたはWebサイトの各ページの共通理解の構築に役立ちます。画像:Behance

ヒント:アクティブな設計段階の多くのプロジェクトでは、画面が変更されると図面がすぐに古くなるため、ユーザーフローの作成には時間がかかる場合があります。 BasecampのRyanは、ユーザーフローの簡易バージョンを提案しています。このフォーマットは非常に素早いスケッチであり、何が起こる必要があるかを伝えます。

プロトタイプ

多くの人が「ワイヤフレーム」と「プロトタイプ」という用語を同じ意味で使用していますが、2つの設計成果物には大きな違いがあります。ワイヤーフレームは建築設計図(建築計画など)に似ていますが、プロトタイプは最終製品の忠実度が中〜高レベルの表現です。プロトタイプの目標は、最終製品に多くの時間とお金を投資する前に、製品(または製品のアイデア)をテストすることです。

プロトタイプは、ユーザーが製品をどのように操作するかを試してみます。アナログにすることができます:

低忠実度のアナログプロトタイプ画像:UX Playground

または、デジタルにすることもできます。

Adobe XDで作成され、iPhoneにミラーリングされた高忠実度のインタラクティブプロトタイプ

最も重要なことは、プロトタイプを使用すると、ユーザーがコンテンツを体験し、最終製品の場合と同様の方法でインターフェイスとの主な対話をテストできることです。

ヒント:できるだけ実際のデバイスでプロトタイプをテストしてください。デスクトップのエミュレーターが機能する場合もありますが、実際のデバイスでデザインを体験することに置き換わるものはありません。

結論

ほとんどの場合、この記事に記載されている成果物の数に驚くでしょう。各プロジェクトは異なり、UXデザイナーはプロジェクトごとにすべてを作成する必要はありません。また、すべてのプロジェクトに同等に効果的な万能の成果物はないことを忘れないでください。各成果物は、適切なコンテキストで適切な対象者との効果的なコミュニケーションツールになります。

Nick Babichは開発者であり、技術愛好家であり、UXが大好きです。彼は過去10年間、ソフトウェア業界で開発に特化した仕事をしてきました。彼は彼の無数の興味の中で広告、心理学、映画を数えています。

当初blogs.adobe.comで公開されました。

オールインワンの設計およびプロトタイピングツールであるAdobe XDについて学習します。

  • Adobe XDをダウンロードする
  • Adobe XD Twitterアカウント— #adobexdを使用してチームと話をしてください!
  • Adobe XD UserVoiceアイデアデータベース
  • Adobe XDフォーラム