私が現在アップグレードしているデスクトップアプリケーションのメイン画面インターフェースを設計する限り、私は精神的なブロックを持っています。このプログラムを最初に開発したとき、画面解像度は640 X 480でした。今日では、複数の画面解像度があります。
デスクトップアプリケーションの優れたメイン画面レイアウトのアイデアはどこにありますか?
私が現在アップグレードしているデスクトップアプリケーションのメイン画面インターフェースを設計する限り、私は精神的なブロックを持っています。このプログラムを最初に開発したとき、画面解像度は640 X 480でした。今日では、複数の画面解像度があります。
デスクトップアプリケーションの優れたメイン画面レイアウトのアイデアはどこにありますか?
回答:
奇妙なことに、デスクトップアプリケーションのGUIデザインに焦点を合わせていない、いくつかの異なる本をチェックすることをお勧めします。とにかく、これらのテキストは、ユーザーが必要とする情報を脳が理解できる形で取得する方法について考え始めるのに役立ちます。とにかく、最初の本はロビン・ウィリアムズによる非デザイナーのデザイン本です。この本は、グラフィックデザイン指向ではない用語で作曲について説明します。この本は、人間の心がデザイン要素をどのように知覚するかについて考え始めます。
第二に、Steve KrugのDo n't Make Me Thinkをチェックしてください。Webページでのナビゲーションとデータ表現を扱いますが、多くの推奨事項(パンくずナビゲーション)は多くの場合、デスクトップアプリでもWebページと同じくらい意味があります。
別のポスターが示したように、媒体ごとの分離には優れた設計パターンは存在しません。特定の制限は媒体によって異なるため、アナログとデジタルの間であまりうまく翻訳されないものもあります(つまり、実際の新聞と実際の新聞の複数の列のテキスト)。あなたが話している媒体。
よく耳にするヒントの1つは、インスピレーションを得るためにあなたが好きなデザインを見ることです。これは、デスクトップアプリケーションと言うだけではなく、アート、アーキテクチャ、Web、写真、製品などにまで拡張する必要があります。
これは、優れたデザインとは何かを理解するのに役立ち、目を楽しませてくれるユーザーフレンドリーな長期的なデザインアプリケーションに役立ちます。
設計のプロトタイプを作成すると、ユーザーまたは他の開発者からフィードバックを収集しながら試してみるための助けを得ることができます。言うだけでなく、彼らがすること。(例:人々はウォルマートの雑然とした島は好きではないと言いますが、彼らがあなたが雑然としたものを取り除いたとき、彼らは文字通り売り上げで10億ドル以上を失いました)
私は常にクリックとキーストロークを最小限に抑えるというルールに従います。私は色がたくさんあり、ボタンがふっくらと見えるセクシーな外観のUIを作るのはあまり得意ではありませんが、ユーザーは私のUIが使いやすいと言っています。 ここに一つあります。
私が発見したことの1つは、ユーザーがインスタントレスポンスを好むことです。ハリウッドのようなものです。人々はピクセル(できれば色付きのピクセル)が大好きです。彼らは動くピクセルが大好きです。
そのようなUIを作成し、コーディング作業を単純化するために、何年も前に、私は今日でもまだ使用しているスキームである差分実行を思いつきました。(私はそれを公表するのに多くの運があったと言うことはできませんが、そこにあります。それは公開されました、FWIW。)
だからそれはちょうど私の2セントです。
最初のステップはスタイル/テーマを決めることだと思います。たとえば、Windows 8 Metro対NTスタイル。
リソースとインスピレーションに関するいくつかの提案(WPF / Webに言及しますが、もちろんそれを使用する必要はありません):
A-プロトタイピングを開始したい場合、ここにあるコントロールスタイルはクールなWebコントロールスタイルとコントロールです
B -コンポーネント工場は、フォームに窓に良いフェイスリフトを与えない-彼らも1つの遊離の製品を提供します:コンポーネント工場
C-サードパーティのGUIコントロールメーカーには見栄えの良いデモがあります
D-このサイトで「書籍」という単語を検索してみてください。ユーザーエクスペリエンス -たくさんの投稿があります。
E-このWPFアプリケーション:WPF Health Care Application
F-このWPFアプリケーション:Billy Holis-WPF および完成版:WPF-StaffLynx
G-必要に応じてMetroスタイルのツールがあります。これを確認してください:メトロスタイル
最も重要なことは、すでにご存知かもしれませんが、努力と価値のバランスを取ることです。
編集
DevXpressは、Metro Styleをサポートする新しいリリースをリリースしました。ビデオをご覧ください。DevXpress-2
エドワード・タフテの著書「量的情報の視覚的表示」は十分お勧めできません。本当にあなたがあなたが提示しているものとその理由について考えさせます。彼の本はどれも素晴らしいが、私はこの本に最も言及していると思う。
私が見つけた良い「UIデザインパターン」ブックは、Designing Interfacesです。レイアウトの設計、ナビゲーション、複雑な情報の表示、入力フォームの設計に関するセクションがあります。ソーシャルインターフェースの設計に関する同様の書籍があります(適切に設計されています)。
すでに推奨されている素晴らしい本がいくつかあります。UX Stack Exchange Webサイトは、このような質問を処理するためにより適切に装備されていますが、完全にトピックから外れているわけでもありません。
何よりもまず、mediaqueri.esは、さまざまな画面解像度とユーザーエージェントに対応するようにレスポンシブに設計されたWebサイトとWebアプリケーションのギャラリーであるため、特定の問題に最適なリソースです。
また、Smashing Magazineをチェックしてください。UX / UI、HTML / CSS / Javascript、グラフィックデザイン、およびWebデザインに関する投稿がある、フロントエンド開発の天国であるブログです。また、特定のWebサイトやマーケティングキャンペーンを調査し、UI / UXの決定に関して彼らが正しかった(および間違っていた)ことを確認する投稿もあります。これらのトピックに関する毎日のヒントについては、このサイトを定期的に確認してください。
次に、インスピレーションを得たら、この種のトピックについて具体的に主演したSO / SEの質問を見てください。これらは、OPだけでなく、誰にとっても一般的なリソースです。