インタラクティブなディスカッション: ユーザーシナリオと製品ニーズに基づいた設計

【編集後記】この記事の著者は @wbuild です。記事では、デザイナーの成長過程を3つの段階に分けて紹介し、その3つの異なる成長段階において自分のレベルに合った3つの異なるデザイン手法を解説しています。基本的な技術からエフェクトのデザインまで、デザイナーが最後に行うべきことはユーザーをデザインすることです。

デザイナーにとって、デザインにおいて最も重要なことは、製品のニーズを深く理解し、ユーザーが製品をどのように使用するかを深く考慮することです。

インタラクション デザイナーとして、開発にはいくつかの段階があると考えています。

初めてこの分野に入るとき、ほとんどの人はツールの使い方、ワイヤーフレームの描き方、アイデアを実際の目に見えるデモに変える方法に重点を置くかもしれません。

次の段階のデザイナーは、ワイヤーフレームをより合理的にする方法、より優れたインタラクティブ効果を実現する方法を検討し、タスクフローと情報構造、およびユーザビリティの原則の設計に重点を置く場合があります。

より高いレベルに進むには、デザイナーは最初の 2 つのレベルに基づいて製品を進化させ、製品の要件を深く理解し、ユーザーが製品をどのように使用するかを深く考慮する必要があると思います。ユーザーが製品を使用するためにたどるパスと、これらのパスでの実際の使用シナリオは何ですか。どれが強力なシナリオで、どれが弱いシナリオか、各シナリオにおけるユーザーの目標は何なのか、ユーザーのニーズは何なのか、どれが強力なニーズで、どれが弱いニーズなのか...

WebBase 製品の設計に適した第 3 レベルの設計手法についてお話ししたいと思います。

まず、製品開発の初期段階では、PMから要件を受け取ったらすぐにワイヤーフレームを描き始めてはいけません。製品を作るとき、デザイナーの仕事は 2 つの主要な問題を決定することです。1. どのページが必要で、それらのページ間の関係は何か。2. 各ページをどのようにデザインするか。

最初の質問についてはこのように考えます。まず、製品のユーザー ベースと使用シナリオを決定します。ここでのユーザー ベースとは、製品に実際に存在する相互に排他的な複数のグループを指します。分類方法は多数あり、製品自体の特性に基づいて、または事前のユーザー調査に基づいて決定できます。このアイデアに基づいて、次のマインドマップが生成されます。

もちろん、どのシナリオが強力で、どのシナリオが弱いかを判断し、設計時にトレードオフを行う必要があります。たとえば、強力なシナリオでは、よりコアなパスの入り口を明白な場所 (ナビゲーションなど) に追加することを検討できます。

Baidu を例にとると、このモデルに従ったページ パスの大まかなリストは次のとおりです。

（ここでは設計モデルに焦点を当てており、その中で分類方法を最適化する余地があるかどうかについてはここでは詳しく議論しません）

設計時には、これら 2 種類のユーザーを総合的に考慮し、食べ物やビジネスの検索など、最も強力なシナリオをいくつか選択しました。これには、明確なビジネス集約ページと食べ物集約ページが必要です。

必要なページとそれらの間の関係が明確になったので、次の製品アーキテクチャ図を作成できます。

最初の問題は解決しました。単一ページをデザインする方法を見てみましょう。

まず、最初の質問に似た設計モデルを引用しましょう。このページには相互に排他的なユーザーが複数存在し、これらのユーザーがこのページでどのような使用シナリオを持っているか、各使用シナリオでユーザーがどのようなニーズと対応する機能を持っているかを考えてみましょう。各機能について、その機能の強さは深さ、幅、頻度の 3 つの次元から評価されます。機能が強力であればあるほど、最も目立つ位置に最も目立つように表示するなど、設計時にその機能に高い優先順位を与える必要があります。機能が弱い場合は、非表示にしたり、統合したり、コア ビュー領域以外の場所に配置することを検討してください。

Baidu XX 製品 APP 公式サイトを例にとると、このモデルを引用すると、次のマインドマップを導き出すことができます。

このモデルから、プラットフォームの入り口、ダウンロードの入り口、製品の機能などのスコアが高くなることがわかったので、これらは設計時に重点を置き、強調する必要がある情報です。そこで、次のようなデザインを作成しました。

製品を設計するプロセスにおいて、上記の設計モデルを導入することで、真に「ユーザー中心」の設計が可能になり、同時に、以下の問題を明確に解決できます。

盲目的な主観的な仮定を避けるために、実際のユーザーが実際に製品を使用する方法をシミュレートして再現します。

デザイナーと PM は同じ問題を同じ考え方で検討できるため、無限の議論を避けることができます。

各ユーザーの使用パスを真に考慮し、タスク プロセスを最適化し、ページ パスを合理化するための基礎を提供します。

各ページのユーザーの目標とニーズを再現し、ページレイアウトと機能の表示がより合理的になり、ユーザーの期待に応えます。

オリジナルリンク: http://qing.weibo.com/1899099217/7131f45133002570.html

元のタイトル: インタラクションの議論: ユーザー シナリオと製品ニーズに基づいた設計

キーワード: インタラクション、ディスカッション、ユーザー フィールド、製品、需要、編集者、この記事、著者、@wbui、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化