web-dev-qa-db-ja.com

ユーザーインターフェイスを設計するための体系的な方法は何ですか?

ユーザーインターフェイスを設計するための1つの方法( GUIDe + GDD Sari Laaksoから)についての修士論文を書いていて、UI設計/相互作用の設計に他にどのような体系的な方法があるのか​​知りたいので、それらの間のいくつかの比較を行うことができます。

私は Virtual Windows からSoren Lauesenと Goal-Directed Design からAlan Cooperを知っていますが、どちらについてもよく知りません。 UIデザインを成長させるための明確に定義されたプロセスを持つそのような方法論は多くはないという先入観がありますが、より多くのデザイン方法に気づくことを望んでいます。

あなたが使用/知っている設計方法論について教えてください(すでに述べたものを含みます)。ユーザーの目標とニーズを入力として受け取り、ユーザーのニーズを満たすためにユーザーインターフェイスがどのようなものであるかを段階的に定義するメソッドに興味があります。つまり、どのデータと機能が必要ですか。そしてそれらがどのように使用されるか。 (つまりno視覚的なデザインまたは実装のガイドラインなどです。)

13
Esko Luontola

私が最初に使用するツールは、鉛筆と紙のシンプルなプロトタイピングです。 UIを描画し、それを別の人の前に置き、それが実際のインターフェースであるように見せかけます。ガイダンスなしで何をどのようにして理解するかを試す人もいれば、特定のタスクを完了するように依頼することから始める人もいます。クリックする前に、特定のアフォーダンスが何をする可能性があると思うかを尋ね、クリックするときに何を考えているかについて話します。修正をすばやく反応させて落書きし、改善するかどうかを尋ねることもできます。これは、私が見つけたUIを動作させるための最も安価で最速の方法です。

インターフェイスをブロックする方法をすばやく理解するために使用する2番目のツールは、主に本画面の両側からデザインする。共通グリッドで頻度を生成するスプレッドシートです。次の列を含むスプレッドシートを作成します。

「タスク名」「頻度」「人数」

ユーザーがアプリケーションを使用するために実行する必要があるすべてのタスクを特定し、それらを最初の列に入力してから、ユーザーがそれを実行する頻度を入力します。アプリを作成し、タスクを実行する人数を記入します(例:「全員」、「最も多い」、「少ない」)。次に、グラフの2つの軸(頻度と共通性)を作成し、結果をプロットします。アプリ内でグローバルに簡単にアクセスする必要のあるアイテムとして、頻繁に、すべてのユーザーが実行するタスクと、数回のクリックで「ほとんど」実行されないタスクを「ほとんど」実行しないタスクとしてすばやく識別できます。さらに、いくつかの項目が「まとまり」にあり、タスクを論理的に編成する方法についての洞察が得られます。

私の経験では、「ビジネス優先度」という3番目の次元があります。これは、頻度と共通性の分析とは相反することが多いため、その列を追加してこれも検討します。ビジネスの優先順位がこれらの他の懸念に勝る方法の例としては、プレミアムサブスクリプションへのアップグレードタスクを比較的少数のユーザーが一度だけ実行する場合でも、UIではるかに高くすることが挙げられます。したがって、この分析を3次元で考えることをお勧めします。私はこの種の内訳をグラフィックデザイナーに提供することは非常に好評であり、ワイヤーフレーミングへの優れたインプットであることがわかりました。

その後、それは測定、測定、測定です。目標追跡を使用して分析を設定し、主要なメトリックを追跡し、機能を追加(または削除)したときに、ユーザビリティテストとレビューを行うために顧客との着席を定期的にスケジュールします。

7
weston

うわー-良い質問エスコ。それ自体を参照するための実際の体系的な方法を見つけることはロングショットになると思います。しかし、より明確な参照を見つけることができるのは「ベストプラクティス」です。

「ユーザーインターフェース」という用語は、ウェブデザインからウェブアプリ、モバイルウェブ、ウェブに関連しない多数のインターフェース(OS、インタラクティブな購入時点表示、テレビのインターフェース)まで、幅広いカテゴリのアイテムをカバーできます。 、さらには電子レンジ、車、洗濯機などの基本的な機械装置のインターフェースです。したがって、Webおよびコンピューター関連のインターフェースを使用していると仮定すると、ここでは、探索するためのいくつかのトレイルを示します...

http://www.blueprintcss.org/http://960.gs/ などのCSSグリッドベースのフレームワークを調べます。

http://www.joomla.org/ または http://drupal.org/ に組み込まれているものなど、CMSベースのインターフェースを探索する

最新のWebデザインの基本的なベストプラクティスのいくつかを探る( smashing雑誌の素敵な記事

モバイルインターフェース設計の現在の傾向とベストプラクティスをいくつか紹介します...
- スマッシングマガジン
- Selma Zafarによるスライドショー
- W3Cからのいくつかのガイドライン

これは私があなたが役に立つと思う良いUI関連の記事をたくさん読んだもう一つの素晴らしいサイトです: http://www.uxbooth.com/

2
Joel Glovier

コンテキストデザイン は、まさにあなたが話しているように聞こえます。

1
kprevas

あなたのコメント/質問への応答:ユーザーが何を必要とし、どのようにそれらのニーズを満たすソリューションを設計するか。これは、その目的に応じて、各プロジェクトの主観的です。しかし、一般的なレベルでは、

ユーザーのニーズ-すぐに戻ってきたものをユーザーに提供し、何度も戻ってくるようにします。また、製品でユーザーに快適な体験を提供します。

上記を考慮して、ソリューションは色/タイプミス/ページ構造/ユーザーを導く情報を色の助けを借りて優先するように構築し始めます。

方法-製品の目標を特定するユーザーのタイプを特定する-上記の学生/ティーンエイジャー/大人/高齢者/サラリーマン/失業者は、製品の色と言語を示します。あなたの周りの同じエリアにいる他のプレイヤーを特定する...など.

これが初心者に役立つことを願っています。

0
iAspire

「Less Is More」と「Never、Never、Never the User Think」の2つの基本は

これら2つのことをエミュレートすればするほど、インターフェースの成功率も高くなります。

0
MvcCmsJon