初心者向けのUX：実用的なガイド。 パート2

記事の最初の部分では、UXとは何か、使いやすさが視覚/グラフィックデザインとどのように異なるか、 メーリングリスト 、Webアプリケーション、またはオフラインサービスなど、製品インターフェイスで作業を開始するときに実行する必要があるものについて説明しました。 翻訳の第2部では、著者はUX設計プロセスの構成要素について説明します。情報アーキテクチャから始めて、テストで終わります。 さらに、チームにおけるユーザビリティユーザーの役割について話します-初心者と仕事をするか、大企業の場所に同意することを決定するときに初心者のインターフェイスデザイナーが知っておくべきこと-以下のすべてについて読んでください。

情報アーキテクチャ

「作業では、共通の「言語」と単一の構造に従うことが非常に重要です。これは、重大な決定を下す際に必要です。 組織内の人々が異なる言葉を使用して同じことを説明すると、問題が発生する可能性があります。 解決されていない意味論的および分類上の論争は、多くの場合、作業量と混乱の量を不当に増加させます」とIAinstituteの社長でHow To Clean Up Any Messの著者であるAbby Covertは述べています。



ユーザーが膨大な情報の流れに対処できない場合、またはサイトのナビゲーションで混乱している場合、製品、ブランド、またはサービスとやり取りする際のユーザーエクスペリエンスはマイナスになります。 このような状況を回避するために、ユーザビリティチームは、いわゆる情報アーキテクチャを設計します。



情報アーキテクチャは、ユーザーが目的を達成するために必要なものを簡単に見つけることができるように、サイトのコンテンツを構造化および整理し、カテゴリに分類するように設計されています。 情報アーキテクチャを通じて、ユーザビリティユーザーは、コンテンツの各要素がサイトにどのように収まるかだけでなく、これらのすべての要素がこの構造でどのように相互に組み合わされるかを見つけます。



情報アーキテクチャの利点：

• 顧客の独立性を高め、その結果、顧客満足度を高めます
• 効率的なナビゲーション
• 低いカスタマーサポートコスト
• 製品またはサービスからの拒否の数を減らす

これはどのように起こりますか

サイトにコンテンツの階層を作成する方法はいくつかあります。 最も一般的なものの1つは、カードの並べ替えです。 カードの並べ替えセッション中に、ユーザーはさまざまなサイト要素をいくつかのカテゴリに分類します。 その後、彼らは各カテゴリーの名前を考え出す必要があり、それは彼らの意見では、その内容を正確に説明するでしょう。 この場合、実際のカード、紙、またはオンラインサービスの1つを使用してカードを並べ替えることができます。

ワイヤーフレーム-ワイヤーフレーム

UXデザインのワイヤーフレーム-サイト、ソフトウェアインターフェイス、またはアプリケーションページの画像または図：

• このページのスペース割り当て。
• 画像とコンテンツの配布。
• コンテンツの優先順位付け。
• 利用可能な機能。
• 予想されるユーザーの動作。

「フレーム」はめったに色が作られず、画像を含まず、プロジェクトとして様式化されません。その目的は、ユーザビリティチームがWebサイト上のさまざまなテンプレート間のリンクを理解して確立するのを支援するためです。 まず、これらのパターンを特定してから、プロセスの美的側面について考える必要があります。 サイトまたは製品のナビゲーションと構造に焦点を当てることにより、UXデザイナーが視覚的なコンポーネントに気を取られることはほとんどありません。



ワイヤフレームは、紙に鉛筆で描いた単純なスケッチで、後でデジタル化してプロトタイプを作成したり、詳細を追加したりできます。



最初の「ワイヤフレーム」を作成するためのガイドをここで見つけることができます。

「フレーム」を使用する理由

これらを使用して、サイトの視覚的なデザインと情報アーキテクチャ間の接続を確立します。 「ワイヤフレームモデリング」プロセスは、情報を表示または表示するさまざまな方法を特定するのに役立ちます。また、ユーザーの期待と目標に応じて、ユーザーにとって重要な順序でコンテンツ要素を配信できます。 「フレーム」を使用すると、ユーザビリティユーザーはページの主な機能を決定し、プロトタイプ開発のために設計チームを準備できます。



さらに、ワイヤフレームは、迅速、安価、簡単な方法です。 インターフェイスを設計するプロセスでは、「ワイヤフレーム」の作成をできるだけ早く開始し、1つのオプションで停止しないでください。 フレームは、チームや開発者にアイデアを伝えるのに最適な方法です。



UXBeginnerリソースからのヒント：

「設計プロセスの開始点がわからない場合は、コンテンツから始めます。 テキストを書き始めるとすぐに、アイデアがいくつになるか驚くでしょう。」[これについては、 こちらをご覧ください ]。

最終結果

「ワイヤーフレーム」のモデリングを完了すると、ユーザーの調査結果を考慮して、サイトの外観が視覚的に表示されます。 ワイヤフレームは、ページ上のコンテンツ、画像、ボタン、およびその他のインタラクティブ要素の分布を表示します。 さらに、彼らの助けを借りて、サイトのあるページから別のページへのユーザーの移行を最終的な目標に向かって追跡できます。

プロトタイプ開発

プロトタイプは、将来のWebサイトまたは製品の概念であり、コードの記述を開始する前に、ユーザーインターフェイスを正確に表すことができます。 プロトタイピングにより、ユーザビリティ専門家は新しいアイデアを実験して試すことができます。また、開発にお金を無駄にしないように、製品の機能とユーザビリティをテストできます。 プロトタイプの作成により、各機能の意味が明確になり、UXデザイナーのチームはデザイン全体を確認して、矛盾や欠点を排除できます。 開発を開始する前にプロトタイプのインターフェースを作成することにより、ユーザビリティ学者はお金だけでなく時間も節約できます。



プロトタイプ開発のその他の利点：

• ユーザーのアイデアをすばやくテストできます。
• プロトタイプを作成するには、手元にペンと紙があれば十分です。
• プロトタイプの準備ができたら、それを使用して潜在的な顧客からフィードバックを得てから、元のバージョンの開発と改善を続けます。
• プロトタイプでは、最小限の費用で簡単かつ簡単に変更を加えることができます。
• プロトタイプを使用して、上司、顧客、およびその他の関係者に製品を紹介し、設計を明確に把握することができます。
• 相互作用には常に時間がかかり、変化します。 プロトタイプを使用すると、自分でデザインを試して、リアルタイムでユーザーエクスペリエンスを得ることができます。

UXデザインのプロセス：テスト

ユーザーオーディエンスリサーチと同様に、テストはユーザビリティ設計プロセス全体と同様に、ユーザビリティ作業の重要な部分です。 ユーザビリティ設計者は、製品またはサイトの初期設計を改善し、開発段階で行った変更がどのように重要であるかを確認できるため、テストを実施します。 これは、製品開発プロセスの開始前にユーザーが発見した欠点や問題を解消するための素晴らしい方法です。

友人や親relative以外の実際のユーザーがテストに参加するようにしてください！

テストは過小評価されています。 多くの場合、スタートアップや起業家はこの段階を延期し、時間とお金を費やすことを望みません。 それらのいくつかは単に実際のユーザーと話すことを恐れています。 ただし、最も単純なテストでも製品のアイデアを承認したり、製品をハッキングしたりする可能性があるため、テストは省略できません。 その結果、この段階でのテストに会社が費やすお金と時間はさらに節約されます。 一般的な考えに反して、テストは時間と費用がかかる必要はありません。 さらに、この調査では 、5人のユーザーのみが参加するテストにより、ユーザビリティの問題の最大85％を検出できることが示されました。

テストを行うと、最小限の労力で素晴らしい結果を得ることができます。

シンプルに始める

製品のテストは複雑なプロセスである必要はありません。 ユーザーとのテストは、紙のプロトタイプまたは「フレーム」を作成するだけで、潜在的な顧客に製品を紹介できます。 問題に対する許容可能な解決策が見つかるまで、これらの簡単な方法を使用して再テストできます。 さらに、プロトタイプを使用して、ユーザーのよりインタラクティブな要素をテストできます。



このプロセスを開始するのが早いほど、変更が容易になるため、テストが最終製品の品質に与える影響が大きくなることに注意してください。 ユーザー主導のテストは、問題を特定し、最適なソリューションを見つけるのに役立つように設計されています。 しかし、リモートユーザビリティテストやA / Bテストなど、他のタイプのテストもあります。これについては後で詳しく説明します。

ユーザビリティテスト

使いやすさのテストは通常​​、個別に「実験室」条件で実行されます。 アイデアは、参加者（ターゲットオーディエンスまたは個人の代表が望ましい）が、製品、ウェブサイト、アプリケーションを使用してタスクを完了するように求められ、インターフェイスデザイナーまたはデザイナーチームがそれらを監督することです。 個々のユーザビリティテストの目的は、ユーザーがインターフェイスで遭遇した問題と、それらが発生した理由を見つけることです。 リモートユーザビリティテストと比較したこのタイプのテストの利点は、製品アカウントに対するユーザーの意見だけでなく、ユーザーが行ったアクションを記録できることです。

（ユーザーの話を聞いて行動を観察することの違いを忘れないでください。テスト中にユーザーを注意深く観察し、コメントを記録することで、より短時間でより価値のある情報を得ることができます）。

UXを設計するとき、ユーザーの決定を妨げたり、影響を与えたりすることなく、ユーザーの行動を監視することが重要です。 参加者は、ユーザビリティテスト中に声を出してコメントするように求められることがあります。これにより、インターフェイス設計者は、製品とのやり取り中にユーザーの考えをよりよく理解できます。

テストはどのように行われますか？

テストはさまざまな方法で実行されます。

• 簡単な観察;
• プロファイル;
• 世論調査
• インタビュー。

実際、効果的なユーザビリティテストを実施するには、このテストの目標を概説する明確な計画と、インターフェイスと対話し、意見を共有し、質問に答える実際のユーザーが必要です。 ユーザーを招待する前に、「このテストからどのような情報を取得する必要がありますか？」という質問を自問する必要があります。そして、それに答えるだけでアンケートの作成を開始できます。 インタビューやアンケートを行うつもりはないが、サイトや製品とやり取りするときのユーザーの行動を観察したいだけであれば、タスクは同じままです。

テスト中のユーザーの反応を観察するために、すべてのチームメンバーを招待する価値があるかもしれません。 これは、ユーザビリティの問題を理解し、ユーザーとの共感（この言葉も！）を示すのに役立ちます。 ユーザーの邪魔にならないように、ウェブカメラ、画面共有、マイクを使用する価値があります。

LevelGreen社の主なユーザビリティエンジニアであるHolger Eggert（HolgerEggert）は、ユーザーテストに関する推奨事項を提供してくれました。

「すべての問題を一度に解決しようとしないでください。 必需品から始めて、もう一度テストします。 これにより時間を節約できます。」

テストの最後に、結果を分析し、それらに基づいてレポートを作成できます。 必要に応じて、実装フェーズに進む前にデザインを変更できます。



グラフインターフェイスデザイナーのAlex Shirazi氏は次のように述べています。

「多くの設計者は、設計を線形プロセスとして認識しています。 ただし、これは動的プロセスと見なされる必要があります。 例：アイデア、ワイヤフレーム、レイアウト、プロトタイプ。 リソースの可用性を考えると、このプロセスのすべての段階でユーザーテストを実施することが重要です。

リモートユーザビリティテスト

リモートユーザビリティテストは、「実験室」条件でリアルタイムにテストを実行できない場合に、インターフェース設計者のチームにとって有用です。 たとえば、ターゲットオーディエンスの代表者との個人的な会議が費用がかかるか実装が難しい場合、またはテスト参加者がスケジュールを調整するのが難しいと感じた場合。



参加者、ファシリテーター、オブザーバーは互いに遠く離れている可能性があるため、彼らはオンラインで集まります。 この形式のテストは便利ですが、ユーザーとの直接的なやり取りの可能性によりテストの品質と精度が向上するため、結果の価値は（「ラボ」テストと比較して）少なくなります。 さらに、オンラインテストの場合、取得したデータを分析することはより困難です。



リモートテストの利点は、ユーザーが既に知っている環境（たとえば、自宅やオフィス）で製品と対話することです。 これにより、慣れない場所で不安や不安を克服し、テスト結果に影響を与える不安感や不安感を回避できます。

「後戻りして、設計が本当に機能するかどうかを忘れないでください。 調査を行うときは、多くの反復で構成する必要があることに注意してください。 1ラウンドのユーザビリティテストを実行することは、常に馬鹿げた作業です」と、90PerCentOfEverythingからHarry Brignallが引用しました 。

A / Bテスト

A / Bテストは、サイト、アプリケーションなどの2つの作業バージョンの定量的特性の比較分析の形式です。 その目的は、1つまたは別のユーザーアクションの統計的に重要な改善を目的とした変更を導入することです。 このタイプのテストでは、テストを正しくコンパイルして結果を分析するために、統計を深く理解する必要があります。 さらに、テストの目標を正確に選択するためには、経験が必要です。目標は、望ましい結果につながる可能性が高いです。



要確認：A / Bテストは、完成した製品（サービス）が既にあり、それを改善する必要がある場合にのみ有用です。 設計段階でA / Bテストから始めるべきではありません-代わりに、ユーザー参加でテストしてください。 A / Bテストは正確なデータを取得するのに優れていますが（たとえば、上司を説得するのに役立ちます）、すべてのデザインがその助けを借りてチェックできるわけではありません。



A / Bテスト（スプリットテストとも呼ばれます）は、Webページ、製品、電子メール、またはシステムの2つのバージョンを比較し、より成功したバージョンを判断することから成る調査方法です。 バージョンAとBを作成することにより、インターフェイスを変更し、仮説をテストし、ユーザーエクスペリエンスを向上させることができます。 個別のテストの目的は、2つのユーザーグループの動作の違いを確認し、各バージョンがアクションに及ぼす影響を評価することです。



A / Bテストの助けを借りて、2つのインターフェースのどちらがより適しているかを判断するという事実にもかかわらず、その理由はわかりません。 そのため、品質テストを実施することが非常に重要です。



例：

2つの異なるアカウントから同じニュースレターを誤って購読したことがある場合、これらのアカウントの同じ手紙のトピックが異なることに気づくでしょう。 これは、このニュースレターの作成者がA / Bテストを実施して、どの見出しが受信者の注意を引くかを調べるために発生します。 1つの手紙は「冬のセール。 すべてのニットウェアの10％割引」、および2番目-「低価格の帽子、スカーフ、手袋」、両方の文字の内容は同じになります。 その結果、メーリングリストの作成者は、どのバージョンのレターが最も多くの視聴を受け取ったかだけでなく、どの受信者が購入を決定したかも判断できます。 ユーザーの行動を追跡する機能により、商社は製品の販売および広告方法、および購入者の心理に最も影響を与える記述形式に関する貴重な情報を得ることができます。



演習：

潜在的な顧客が製品とやり取りするときに答える必要がある質問のリストを作成します。 アンケートを作成するとき、「このテストからどのような情報を取得する必要がありますか？」という質問を自問してください。



そして最後に、 ユーザビリティワークスのユーザビリティ主義者ダナ・チスネルからの知恵の言葉：

「ここに私の主なヒントがあります。ユーザーにデザインを気に入ってもらいたいなら、それを愛してください。 つまり、できるだけ多くの時間を費やして、製品とやり取りするときの気持ちを理解します。 それらを見て、聞いて、問題を感じてください。 それらを専門家のように扱い、そこから学びます。」

UX設計プロセス：実装

チームの使いやすさ

ジョブの使いやすさは、会社の状況に大きく依存しており、ある会社でのその役割は、別の会社での役割とは大きく異なる場合があります。 最後のセクションでは、中小企業のUXデザイナーの長所と短所を検討し、それぞれの場合に必要なスキルについて説明します。



スタートアップで働くユーザビリティマネージャーは、予算が少なく、従業員数が少なく、リソースが限られているため、プロセスの各段階を担当します。 彼はプロジェクトを最初から最後まで監督し、ユーザーオーディエンスの調査、テスト、デザイン自体を含む個々のプロセスに積極的に参加しています。 ただし、大企業で働いているユーザビリティスペシャリストは、研究者チーム全体を率いて、テストの進行状況を監視し、「管理」機能を実行できます。 この場合、彼はまだ最初から最後までプロセスを制御していますが、彼の直接の関与はずっと少なくなります。



UXデザイナーのポジションの求人を見るとき、「細字に注意を払う」必要があります。 この分野の相対的な新規性と用語の曖昧さにより、採用担当者はユーザビリティデザイナーの性質について常に知識があるわけではありません。



たとえば、実際には、研究者のチームをテストしたりリードしたりする人が必要な場合、企業はUXデザイナーを探します。 この場合、ユーザビリティはプロセス全体に関与するのではなく、その一部のみを担当します。 実際、ユーザーエクスペリエンスはさまざまな分野で一般化された概念になっています。



UX設計プロセスのあらゆる側面に参加したい場合は、スタートアップでの作業が適していますが、この場合、すべてのミスに対して責任を負い、すべてをゼロから学ぶ必要があることに注意してください。 ユーザビリティ設計の特定の側面が好きな場合は、大企業で専門チーム（たとえば、研究チーム）で働くことが適しています。 ほとんどの場合、よりUX指向の環境にいることに気づくでしょう（つまり、自由に使えるソース、ツール、ツールなどが広範囲になります）。



Levelgreen UXデザイナーのHolger Eggerが次のヒントを提供しました。

「優れた設計プロセスがあなたの秘密兵器になる可能性があります。 実行するタスクは変更され、使用するデバイスは間違いなく変更されます。 しかし、プロジェクトのコンテキストに合わせたユーザーフレンドリーなインターフェイスを作成し、ユニバーサルサポートを獲得できれば、成功するでしょう！」

スタートアップでのユーザビリティデザイナーの仕事

スタートアップでUXデザイナーとしての最初の経験を得ると、いくつかの利点が得られます。 リストを作成しました：



スタートアップで働くことの利点：

• 全体像が見やすくなります。
• 決定方法を学びます。
• 最終製品に大きな影響を与えます。
• あなたの仕事はより実験的です;
• スタートアップが成功した場合、金銭的な報酬だけでなく、あなたのメリットも認められます。

スタートアップで働くことの欠点：

• 作品の性質を感じる時間が少なくなります。
• 短期間に多くの変更。
• あなたが経験している圧力、短時間で結果を達成しようとする;
• 職場は常に保証されているわけではありません。
• 給与は大企業ほど高くありません。
• 多くのスタートアップは最初の年に存在しなくなります。

大企業のユーザビリティデザイナー

スタートアップで働くことが自分に向いていないと思うなら、大企業で働くことの長所と短所を見てみましょう。



大企業で働くことの利点：

• 安定性、高給、福利厚生およびその他の特権。
• 長期計画の実装を確認できます。
• 最新の技術と幅広いソースへのアクセス、専門家と相談する能力。
• あなたの仕事が多くの人々にとって有用であるという認識。
• [プロジェクトから]期待することの明確なアイデア。

大企業で働くことの欠点：

• 「統一された」作業環境。
• より多くのチームメンバー、より多くのレベルの官僚主義。
• 彼らの仕事の結果の実施を待つことは、長いプロセスであり、失望をもたらします。
• システム全体は、新しいアイデアや戦略にあまり適応していません。

これらのプラスとマイナスに対するあなたの態度は、あなたのワークスタイル、あなたの性格、ニーズと目標に依存することは注目に値します。 , , , , , , . «», , , ( ). , , . , , !

, , , :

• ;
• ;
• テスト;
• .

, «» , – . , , () . , , . , , , .

, , . , , , . , - [ ]. , , .



(Rob Tannen), - Intuitive, :

« , , – , . – . . . , , UX, ».

, ( ):

• – .
• – , , . - , .
• – , . , , – .
• – . , .
• – , . , .
• – , . U- , .

« »:

• , : 10
• : ,
• : email-
• email-,