すべての開発者が知っておくべき重要なUIデザインのヒントは何ですか？
開発者向けのUIリソースは多数ありますが（たとえば、Joel Spolskyのプログラマー向けユーザーインターフェイスデザイン）、1〜2ページで伝達できる箇条書きリストに興味があります。
UIデザインミーティングでカバーされる包括的なUIデザインの目標とは対照的に、私はより戦術的な日常のUIのヒントに興味があります（おそらく、UIセンスの良い人が少なくとも1人は出席します）。これらのヒントのコレクションは、日常のプログラマーが遭遇するケースの約80％をカバーする可能性があります。
もちろん、これらのルールはすべて破ることができます。ただし、正当な理由がある場合にのみ、それを壊してください。
ソフトウェアはユーザーを支援するためにあることを忘れないでください。ソフトウェアは、ユーザーが望んでいることをさせるのではなく、ユーザーが望んでいることを行う必要があります。
情報を変更または削除するアクションを実行しようとしているときは、「よろしいですか」と尋ねないでください。ユーザーは、アクションの一部としてボタンをクリックすることを学習します。システム設計で「元に戻す」を許可するようにしてください。
ほとんどのユーザーが満足するデフォルトの選択を行います。
戻るボタンを使用する必要のない、ユーザーがいる場所からの「抜け道」を常に提供してください。
最良の例:
エラーが発生した場合は、元の場所 (または少なくとも最初からやり直すことができる場所) に戻るリンクを提供します。
できるだけツール ヒントを使用します。これらの小さな人たちがエンドユーザーに大量のヘルプを追加できることは驚くべきことであり、アプリケーション自体には目立たない.
UI を設計するときは、できる限りシンプルにしますが、それ以上シンプルにしないでください。
正しいタブストップは必須です。
Microsoft の「Windows Vista ユーザー エクスペリエンス ガイドライン: http://msdn.microsoft.com/en-us/library/aa511328.aspx」から、このリンクが良い出発点になると思います。
そして、これはあなたが探している 2 ページの箇条書きリストに非常に近いかもしれません
。
「コンテンツが使用できなくなるサイズがある場合は、ウィンドウの最小サイズを設定してください」のような非常に現実的なヒント。
基本的な明快さと使いやすさを犠牲にして「見つけやすさ」を向上させないでください。
ユーザーが最も頻繁に行うことを見つけて、それを最も簡単に行うようにします。
例: 私は、電子レンジの設計に関して長年の個人的な不満を持っています。
多くの場合、電子レンジを使用する前に、まったく使用しない時計を設定する必要があり、電源が切れるたびに忘れてしまい、使いにくいボタンパッドを10回押す必要があります.
簡単なユーザビリティ テストでは、電子レンジで使用される最も一般的な調理時間は、標準の「分」とその倍数であることがわかります。したがって、理想的な電子レンジは、高出力で 3 回以下のアクションで製品を 1 分間調理できる必要があります。
1 分を超えるが、黄金の「1」分から 5 分以内の時間については、手順がわずかに多いはずですが、それほど大きくはなく、5 分を超える調理時間に必要なアクションの数はかなりの数だけです。（これはかなりまれです）
温度ダイヤルはアナログで、以前の設定から持続し、さまざまなスライド範囲があります。
時間ダイヤルはデジタルですが、シミュレートされたアナログです。ダイヤルを時計回りに回すと、時計の時間が長くなります (ダイヤルの下の照明シーケンスで示されます)。ダイヤルを反時計回りに回すと、時計の時間が減少します。調理すると時計の時間が減少します。
ドアが閉まり、時計の時刻に調理が開始されます。ドアを開けると調理が一時停止します。
標準操作:ドアを開く、ロードする、時刻ダイヤルを回す、ドアを閉じる (またはオプションで、最初にドアを閉め、クロックが 1 秒を超えるとすぐに調理を開始する)
時間を選択せずにスタートボタンを押すと、高出力で 1 分間調理が開始されます。
調理中にスタートボタンを押すと、時間が 1 分追加されます。
タイム ダイヤルはセッション間で保持されます。ダイヤルを回すと、ダイヤルの位置に保存されている時間がデジタル タイマーにコピーされます。
調理開始前に「電源」を押すと、
調理中に電源を押すと、その場で電源レベルが減少します。
標準操作: 1 分間の高さ = プレス開始。
1 分間のミディアム ハイ = プレス スタート、プレス パワー。
2 分強 = スタートを 2 回押します。
<いつでも> 高 = 満足するまでダイヤルを回し、スタートを押します。
<anytime> on <anypower> 満足するまでダイヤルを回し、満足するまで電源を押し、開始を押します。
<前に選択した時間> 高 = プレス出力、プレス開始
<前に選択した時間 + 1 分> 高 = プレス出力で、スタートを 2 回押します。
ここでわかるように、ボタンを少し追加するだけで、表現力豊かで機能的なデザインを大幅に追加できます。
時間を指定するための数字キーパッドを備えたデザインは、私の良いデザインの基準を満たさない傾向があります。
これらのデザインは、一部の人にとってはより高い学習曲線を持っている可能性がありますが、一度学習すると、筋肉の記憶が本能的になることに注意してください. 共通の目標を達成するためだけに、学習したユーザーでさえ退屈な任意の操作を実行するために繰り返し退屈な時間を費やさなければならない、より多くの (明らかな?) しかし過度に複雑な設計とは対照的です。
いくつかの廊下でのユーザビリティ テストを行います (コード レビューを行うのと同じ方法で)。
隣にいる男性との非常に簡単な「ねえ、これを試してみてください」ユーザビリティ テスト (それと呼べる場合) でさえ、大きな違いを生むでしょう。主なことは、作成したばかりの UI を自分以外の誰かに試してもらうことです。
あなたの新しい UI を使って他の人が何度も行き詰まってしまうのは驚くべきことであり、最大の問題を見つけるのに (通常は) 数分しかかかりません。
UIデザインの私の基本的なルールは、各「ページ」に1つのタスクと1つのタスクのみを実行させることです。ページをシンプルに保ち、デザインをクリーンに保ち、アプリケーションをより理解しやすくします。
このタイプの設計は、誘導ユーザーインターフェイスと呼ばれます。これは、Microsoftが2001年にこのトピックに関して発表したドキュメントです。テキストは少し古いかもしれませんが、原則は一般的にかなり良いです。唯一の注意点は、このような設計にはバランスが見られるということです。単純化しすぎると、ユーザーは単純なタスクを実行するためにあらゆる場所をナビゲートする必要があり、理解しやすさの向上は生産性の低下によって失われます。
皆さん... 正当な理由を添えて、上記の点を自由に洗い流してください!!!
エディターからポップアップを使用する場合は、必ず挿入ポイントまたは状態をポップアップ前の状態に戻してください。プログラムが多すぎると、「ぶら下がって」しまい、元に戻らなければなりません。
日々のユーザー インターフェイスの Web デザインとアプリケーション デザインのためのいくつかの簡単なヒント:
これは概念的な質問に対する私の用語です。「あなたのおばあちゃんは、電子メールと www.cutecats.com をチェックする以外にコンピューターを使用したことがありませんが、それを使用できますか? (彼女がその特定のアプリを使用するための実際の知識を持っていると仮定して)」.
共通することはすべて明白であるべきです。副作用のあるブラックボックスマジックであってはなりません。珍しいものは、ユーザーが以前に使用した一般的な形式でアクセスできる必要があります。
明確なラベル付け、明確なヘルプ ファイルへのルート、明確な効果を持つ明確なアクション。
おばあちゃんがペイント プログラムを使用できない場合は、UI について真剣に考える必要があります。
任意の「OK」ボタンと「キャンセル」ボタンの代わりに、コンテキストが与えられてあいまいになる可能性があり、ユーザーがやみくもにクリックする可能性があるため、ボタンにはその操作の簡単な説明が含まれている必要があります。
[Ok, Please Cancel my subscription ], [ Please do not cancel my subscription ]
よりもはるかに優れています
Cancel my subscription?
[ OK ] [ Cancel ]
(この種の失敗は、dailywtf でしばしば表面化します)
私はこれらのガイドラインに従うのが好きです: