プロダクト マネージャーのチュートリアル: ユーザー エクスペリエンスの要素と製品設計の手順

WBOY
リリース: 2016-07-25 08:43:44
オリジナル
1012 人が閲覧しました
今、製品開発者がよく口にする言葉は「ユーザーエクスペリエンス」です。今日、誰もがユーザーエクスペリエンスにますます注目していますが、最も無視されがちな重要な要素でもあります。では、ユーザーエクスペリエンスを満たす製品をどのように設計すればよいのでしょうか?製品を設計する際に注意すべきユーザー エクスペリエンス要素をいくつか見てみましょう (http://www.maiziedu.com/course/pm/115-1118/)。これらの点が満たされていれば、ユーザー エクスペリエンス デザインは完了します。 (http://www.maiziedu.com/course/pm/) 良い決断を下すことができます。
ユーザー エクスペリエンスの要素
ユーザーが体験するすべてのものは、慎重な検討と議論を経て決定される必要があります。
ユーザー エクスペリエンスを検討し、それを構成要素に分解し、さまざまな視点から理解します。そうして初めて、決定の結果を完全に制御できるようになります。
プレゼンテーション層: プレゼンテーション層 (表面) では、画像とテキストで構成される一連の Web ページが表示されます。
フレームワーク層: プレゼンテーション層の下には、Web サイトのスケルトン層 (スケルトン) があります。 、コントロール、写真とテキスト領域の位置;
構造レイヤー: フレームレイヤーと比較して、構造レイヤーはより抽象的な構造です。フレームワーク層は、チェックアウト ページ上のインタラクティブな要素の位置を決定します。構造層は、ユーザーがページに到達する方法と、完了後にどこに移動できるかを設計するために使用されます。ウェブサイト 特徴と機能の最適な組み合わせ。これらの特徴と機能がウェブサイトの範囲を構成します。
戦略層: ウェブサイトの範囲は、基本的にウェブサイト戦略によって決まります。これらの戦略には、運営者が Web サイトから得たいものだけでなく、ユーザーが Web サイトから得たいものも含まれます。
各レベルは、その下のレベルによって決まります。
携帯電話のオン/オフキーの設定から Nokia と iPhone のデザインを見てみましょう。
Nokia の戦略層は電話機の周囲に実装され、スコープ層は従来の電話機のデザインをモデルにして、構造層は数値キーボードと画面、フレーム層はオンとオフを含むボタンのレイアウトです。電話機のキーを一緒にセットします。プレゼンテーション層は、ハングアップ ボタンのパターン、タッチ フィール、およびシャットダウン画面です。すべての設計は「電話のように機能する」戦略に基づいて実装されています。
iPhoneの戦略層は「ハンドヘルドコンピュータ」を中心に開発され、スコープ層は「PDA」(ジョー氏が実験したニュートン)とコンピュータをモデルにし、構造層は電源ボタンとタッチスクリーン(容量性スクリーン (手で直接クリック)、フレーム レイヤーがオン/オフ キーです。一度押して画面をオフにし、長押ししてシャットダウン メニューにアクセスし、確認してシャットダウンします。プレゼンテーション層は、ボタンを押したときの触感、画面を閉じるまでの時間間隔(ユーザーの想定範囲内、短すぎると誤って押しやすく、長すぎるとユーザーの操作性を損ねる)です。中断して何度も試行します)、スライドしてシャットダウンする画面が表示されます。すべてのデザインは、「ハンドヘルド コンピューターのようにクールに動作する」戦略に基づいて実装されています。
製品設計の一般的な手順
ユーザー調査
多数のユーザーのニーズをいくつかの管理可能な部分に分割し、ユーザーセグメンテーションを通じてユーザビリティとユーザー調査を完了します。ユーザーが何を望んでいるのかを理解するには、まずユーザーが誰であるかを知る必要があります。ユーザー調査の分野は、合意に達するために必要な情報を収集することに重点が置かれています。
ペルソナ (ペルソナまたはユーザー プロファイルとも呼ばれる) を作成することで、ユーザーをよりリアルにすることができます。ペルソナは、実際のユーザーのニーズ全体を表す架空の人物です。
タスク分析
タスク分析は、ユーザーがタスクを完了するために実行する正確な手順を注意深く分析する方法です。このタスクの分解は、ユーザー インタビューを通じて行うことができ、ユーザーが自分のストーリーを語ったり、経験について発言したりすることもできます。また、オンサイト調査を通じてユーザーの行動を「日常生活環境」で直接調査することによって行うこともできます。
情報主導型製品の場合、カードソートは、ユーザーがさまざまな情報要素をどのように分類または整理するかを調査するために使用されます。ユーザーに、情報要素、画像、またはコンテンツの種類の名前と説明が記載されたインデックス カードのスタックを提供します。ユーザーは、グループまたはカテゴリに基づいて、自分にとって最も自然に感じる方法でカードを配置します。複数のユーザーのカード配置結果を分析することで、商品情報に対するユーザーの見方を把握することができます。
機能仕様
機能仕様には、製品のすべての詳細を含める必要はありません。設計または開発プロセス中に混乱を引き起こす可能性のある機能の定義のみを含める必要があります。また、機能仕様は、製品の理想的な将来の状態を思い描く必要はありません。製品の作成時に行われた決定を文書化するだけで十分です。
インタラクション デザイン
インタラクション デザイン () と情報アーキテクチャはどちらも、ユーザーに表示される各要素の「パターン」と「シーケンス」を決定するという 1 つの重要な点を強調しています。インタラクション デザインは、ユーザーがタスクを実行および完了するのに影響を与える要素に焦点を当てます。情報アーキテクチャは、ユーザーに情報を伝える要素に焦点を当てます。
情報アーキテクチャ
情報アーキテクチャは、製品に関して、ユーザーが情報をどのように認識するかというプロセスを研究し、ユーザーに提示される情報が合理的で意味があるかどうかに焦点を当てます。
ノードは、情報アーキテクチャの編成原則に従って配置されます。文字通りに言うと、組織化原則は基本的に、どのノードをグループ化し、どのノードを独立させるべきかを決定するための基準です。
これらのプロパティは、図書館科学用語では「ファセット」と呼ばれ、ほぼすべてのコンテンツに対して、シンプルで柔軟な編成原則とメタデータのセットを提供します。
管理された辞書は、ウェブサイトで使用される標準的な言語セットです。これはユーザー調査の重要な領域です。ユーザーと対話し、ユーザーのコミュニケーション方法を理解することは、ユーザーにとって自然に感じられる命名規則のシステムを開発する最も効果的な方法です
インターフェイス デザイン
成功するインターフェイス デザインとは、ユーザーが「何が最も重要か」を一目で理解できるものです。インターフェイスのデザイン。一方、重要でないものは、そこに存在すらしていないために、気づかれるべきではありません。
Web サイトでは、サイネージには通常、ナビゲーション デザインと情報デザインが含まれます。 Web サイトのナビゲーション システムは、Web サイトのさまざまな領域へのアクセスを提供するだけでなく、これらのオプションを明確に伝える必要があります。
ワイヤーフレーム
ワイヤーフレームは、Web サイトのビジュアル デザインを正式に確立するプロセスで必要な最初のステップですが、開発プロセスに関与するほぼ全員が、タスクの他の時点でワイヤーフレームを使用します。戦略、スコープ、構造レベルを担当する設計者は、ワイヤーフレームを使用して、最終製品が期待どおりであることを確認できます。実際に Web サイトを構築している人々は、ワイヤーフレームを使用して、Web サイトがどのように機能するべきかについての質問に答えます。
匂いと味
デザインプロセス全体において、これはユーザーにエクスペリエンスを提供するための最終段階であり、デザインが最終的に人間の感覚器官によってどのように感じられるかを決定します。
コントラストと一貫性
デザイン内で要素が目立つと、ユーザーはそれに気づきます。 「統一されたブランド アイデンティティ」を使用して、ユーザー (顧客、潜在顧客、経営陣、従業員、その他の訪問者) に提示される製品の「メディア全体の一貫性」を強化します。このブランド アイデンティティの一貫性は、企業のあらゆるレベルでデザインする必要があります。すべての画面に表示されるナビゲーション要素から、一度だけ表示される通常のボタンまで、さまざまな製品に対応します。
デザイン構成とスタイルガイド
これらのデザイン上の決定事項を伝える権威ある文書がスタイルガイドです。この概要ドキュメントでは、最大の要素から最小の要素に至るまで、ビジュアル デザインのあらゆる側面を特定します。

このトピックは、2016-5-18 10:39 に Xiaobei によってレビューされ、承認されました


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート