web-dev-qa-db-ja.com

優れたユーザーインターフェイスのインスピレーションはどこにありますか？

現在アップグレードしているデスクトップアプリケーションのメイン画面インターフェイスを設計するまで、私は精神的なブロックを持っています。このプログラムを最初に開発したとき、画面の解像度は640 X 480でした。今日、複数の画面解像度があります。

デスクトップアプリケーションの適切なメイン画面レイアウトのアイデアはどこにありますか？

guiuser-interfacedelphiuser-experiencedesktop-application
18
Michael Riley - AKA Gunny

奇妙なことに、デスクトップアプリケーションのGUIの設計に焦点を当てていない2、3冊の異なる本をチェックすることをお勧めします。とにかく、これらのテキストは、ユーザーが必要とする情報を、ユーザーの脳が理解できる形で取得する方法について考えることを始めるのに役立ちます。とにかく、最初の本は、ロビン・ウィリアムスによる 非デザイナーズデザインブック です。この本は、グラフィックデザインではない指向の用語で構成について説明します。この本は、人間の心がデザイン要素をどのように認識するかについて考え始めるでしょう。

次に、Steve Krugによる Do n't Make Me Think を確認してください。 Webページでのナビゲーションとデータ表現を扱いますが、推奨事項（つまり、パンくずナビゲーション）の多くは、デスクトップアプリでもWebページと同じくらい意味のあるものです。

別のポスターが示すように、媒体ごとの分離では良い設計パターンは存在しません。媒体によって一定の制限が異なるため、アナログとデジタルの間でうまく変換できないものがあります（つまり、実際の新聞の複数列のテキストと新聞のアプリ）。ただし、媒体によって適切なデザインの多くの原則が当てはまります。あなたが話している媒体。

6
Trav

私がよく耳にするヒントの1つは、インスピレーションを得るために好きなデザインを見ることです。これは、デスクトップアプリケーションだけを言うために分離されているのではなく、アート、アーキテクチャ、ウェブ、写真、製品などに拡張する必要があります。

これは、優れたデザインとは何かを理解するのに役立ち、目に優しく、ユーザーフレンドリーなhtロングランデザインアプリケーションで役立ちます。

デザインのプロトタイプを作成すると、ユーザーや他の開発者から助けを得て、フィードバックを収集しながらそれを試してみることができます。言うことだけでなく、彼らが何をするか。 （例：ウォルマートの雑然とした島は好きではないと人々は言いますが、あなたが雑然としたものを取り除いたとき、彼らは文字通り$ 10億以上の売り上げを失いました）

5
Bill Leeper

最初のステップはスタイルやテーマを決めることだと思います。たとえば、Windows 8 MetroとNTスタイル。

リソースとインスピレーションのためのいくつかの提案（私はWPF/Webについて言及していますが、もちろんそれを使用する必要はありません）：

A-プロトタイピングから始めたい場合、ここのコントロールスタイルはクールです Webコントロールスタイルとコントロール

B-コンポーネントファクトリーは、Windowsフォームに優れたフェイスリフトを提供します-次の場所で無料の製品を1つ提供します コンポーネントファクトリー

C-サードパーティのGUIコントロールメーカーには見栄えの良いデモがあります

D-このサイトで「本」という単語を検索してみてください。 ユーザーエクスペリエンス -たくさんの投稿が表示されます。

E-このWPFアプリケーション： WPF Health Care Application

F-このWPFアプリケーション： Billy Holis-WPF および完成したバージョン： WPF-StaffLynx

G-必要に応じてMetroスタイルツールがあります。これを確認してください： Metro Style

最も重要なことは、すでにご存じのとおり、努力と価値のバランスをとることです。

編集

DevXpressがMetroスタイルをサポートする新しいリリースをリリースしました。ビデオを見ただけです DevXpress-2

1
NoChance

私は常にクリックとキーストロークを最小限に抑えるというルールに従います。たくさんの色とふっくらしたボタンのある、セクシーな外観のUIを作るのはあまり得意ではありませんが、ユーザーは私のUIを簡単に使用できると言っています。 これは1つです

私が発見したことの1つは、ユーザーが即時応答を愛していることです。ハリウッドみたいです。人々はピクセル（できればカラーピクセル）を愛しています。彼らは本当に移動するピクセルを愛しています。

そのようなUIを作成し、コーディングの労力を簡略化するために、何年も前に、今でも使用しているスキーマ Differential Execution を思いつきました。 （私はそれを公表するのに多くの運があったとは言えないが、それはある。それは公表された、FWIW。）

だからそれは私の2セントだけです。

1
Mike Dunlavey

すでに推薦されているいくつかの素晴らしい本があります。 UX Stack ExchangeのWebサイトは、このような質問に対処するための設備が整っていますが、まったく話題から外れているわけでもありません。

何よりもまず、 mediaqueri.es は、さまざまな画面解像度とユーザーエージェントに適合するように設計されたWebサイトとWebアプリケーションのギャラリーであるため、特定の問題の優れたリソースです。

mediaqueri.es

Smashing Magazine でも確認してください。これは、UX/UI、HTML/CSS/Javascript、グラフィックデザイン、およびWebデザインに関する投稿を含む、フロントエンドの開発天国であるブログです。また、特定のWebサイトやマーケティングキャンペーンを研究し、UI/UXの決定で何が正しい（および間違っている）かを確認する投稿もあります。これらのトピックに関する毎日のヒントについては、このサイトを定期的に確認してください。

次に、インスピレーションを得たら、私がこの種のトピックについて具体的に主演したSO/SEの質問をいくつか見てください。これらは、OPだけでなく、誰にとっても一般的なリソースです。

0
gr33kbo1

エドワードタフテの本 The Visual Display of Quantitative Information はお勧めできません。提示しているものとその理由について本当に考えさせる。彼の本はすべて良いですが、私はこの本を最もよく参照しています。

私が見つけた優れた「UIデザインパターン」の本は Designing Interfaces です。レイアウトの設計、ナビゲーション、複雑な情報の表示、入力フォームの設計に関するセクションがあります。ソーシャルインターフェースの設計に関する同様の本（適切に十分、Designing Social Interfaces）がありますが、まだ読んでいないので、私は読みませんそれをお勧めするのに十分な知識。

0
TMN