グラフィカルインターフェイスまたはテキストベースのインターフェイスのどちらを設計している場合でも、UIデザイナーは常により優れた最終製品を探しています。 この検索では、ほとんどの場合、基本的ですが広範囲にわたる質問がXNUMXつあります。それは、どうすれば設計を単純化できるかということです。
設計の単純さは簡単なプロセスのように思えますが、開発者や設計者に聞いてみると、言うのは簡単だと言われます。 UIまたはGUIデザインを最も簡単にするにはどうすればよいですか？ ガイドに従って、シンプルさを向上させるために何をすべきか、何をすべきでないかを理解してください。
悪いデザインを作る方法
時々理解する 反対の結果 あなたの目的のあなたがそれを達成する方法をよりよく理解するのを助けることができます。 事例：冷蔵庫Xの例を使用してみましょう。
今日の消費者レベルのアプライアンスには、通常、プログラムまたは構成するためのUIコンソールが付属しています。 RefrigeratorXのインターフェースの開発者がどのように設計に取り組んだかを次に示します。
- 複雑な多層メニューここの設計者は、チームにすべてを明確に概説する階層化されたメニューに高度に編成されたオプションを維持しました。 に 設計チーム、多層メニューにより、テストに必要なすべての機能を簡単に見つけてアクセスできるようになりましたが、エンドユーザーの観点からすると、このメニューシステムはどのように見えますか？ 日常のユーザーにとって、複雑な多層メニューは、UIを混乱させ、機能を見つけて優先機能を設定するのにイライラさせます。
- 業界固有の用語と略語冷蔵庫の設計者にとって、「温度制御システム」のような用語を「TCS」に短縮することは完全に理にかなっていますが、冷蔵庫の用語に慣れていないエンドユーザーにとっても同じ意味がありますか？ 彼らにとって、それは明確な説明のない紛らわしい頭字語のセットにすぎません。
- 簡単に混乱するコマンドとオプションあいまいなコマンドや反復的なコマンドは、デザイナーやプログラマーにとっては特定のコンテキストでは問題ないように見えますが、UIに同様のコマンドが存在する場合は、おそらく 非常に エンドユーザーを混乱させる。 たとえば、「温度の変更」という用語が、冷蔵庫Xの冷蔵庫セクションと冷凍庫セクションのXNUMXつの別々のメニューに埋め込まれている場合、ユーザーは互いに区別できない可能性があります。つまり、冷凍ケチャップと溶けたアイスクリームになります。
メーカーの観点からすると、おそらくこの設計はUIプログラマーにとって有用であるという議論がなされる可能性があります。 結局のところ、このアプローチにより、チームの開発は少し簡単かつ迅速になりました。
ただし、設計における重要なポイントは、エンドユーザーを認識することです（それが誰であるかは関係ありません）。 Refrigerator Xのプログラマーとデザイナーが製品の唯一のエンドユーザーになるのでしょうか？ もちろんそうではありません–そしてそれは彼らが大きな間違いを犯した場所です。
ここで重要なのは、デザインの背後にある「誰」を尊重することです。 そして、ほぼすべての状況で、それは単純な方が良いことを意味します。
より良いUI/GUIのための3つの設計原則
最良の結果を得るには、UIの設計と実装時にこれらの3つの基本原則に従ってください。
- あなたの聴衆を知っています。シンプルさはエンドユーザーによって始まり、終わります。 上記の悪いメニューデザインの例を見てください。 エンドユーザーは、多層メニューシステムが便利で、理解しやすく、使いやすいとは思っていません。 代わりに、その複雑なメニューは、XNUMXつの冷蔵庫の設定を変更することを非常に面倒にします。あなたの聴衆を知ることによって、あなたはあなたがあなたのデザインを単純化する方法をよりよく理解し始めることができます。 UIを整理するときは、次の質問に注意してください。
人々はこのデバイス/機器にどのようにアクセスまたは使用しますか？
人々はどこに機器を設置または使用していますか？
最も一般的に変更またはアクセスされるオプションは何ですか？このような質問は、機器やデバイスの所有者のことを思い出すのに役立ちます。 その結果、UIデザインを簡素化するために必要な知識を得ることができます。
- ユーザーの声に耳を傾けます。あなたの聴衆と彼らのニーズをよりよく理解するために、あなたは最初に彼らが言っていることに積極的に耳を傾ける必要があります。 設計者は、通常のエンドユーザーと同じようにメニューデザインを表示できない場合があります。 ユーザー自身よりも機能や使いやすさについて質問する方がよいでしょう。実際のユーザーフィードバックを取得することで、開発者やデザイナーはUIに最適なものについてより多くの洞察を得ることができます。 全体的な結果をさらに使いやすくするために、この側面を開発に含めるようにしてください。
- テスト、テスト、ユーザビリティのテスト（機能だけでなく）。明らかに、プログラマーはUIの全体的な機能をテストするために膨大な時間を費やします。 プログラミングのエラーや問題は、デバイス、アプライアンス、その他の機器にとって大きな問題であることは誰もが知っています。 デザインのシンプルさ ただし、機能だけに依存しているわけではありません。 それは使いやすさにもかかっています。 UI用のグラフィックコードを生成し、開発中にテストハードウェアで実行すると、製品が最終的なハードウェアに移行する前に両方をテストする機会が得られます。 これにより、最終的に時間とお金が節約され、最終製品の使いやすさが向上します。 それはwin-win-winです！
シンプルで効果的なUIデザインに向けて
皮肉なことに、UI開発者は作業する必要があります もっと強く UIを作成する 容易。 デバイスに必要なすべてのコンポーネントを、使いやすく便利なインターフェイスに組み込むのは簡単な作業ではありません。 ただし、顧客とエンドユーザーのために、簡素化された設計の聖杯に向けて努力してください。
何を見ることによって あなたの聴衆に耳を傾けることをするために、あなたはより単純でよりアクセスしやすいUIへの道を歩むでしょう。 開発全体を通して正しい軌道に乗っていることを確認するために、これらの原則を見失うことはありません。