優れたユーザーインターフェイスのインスピレーションはどこで得られますか?[閉まっている]


18

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

デスクトップアプリケーションの優れたメイン画面レイアウトのアイデアはどこにありますか?


1
どんなアプリですか?PhotoShop / GIMP / imagey、Eclipse / VS / codey、Maya / 3DStudio / Cad:y?
マッケ

個人金融アプリケーション、独自のデータベース内に保持されるデータ。
マイケルライリー-別名ガニー

7
ユーザーエクスペリエンスStack Exchange-答えではありませんが、UIの再設計を進めているので、面白いと思うでしょう。
ヤンニス

2
考えさせ
B Seven

1
@Yannis-ありがとう...昨日そこに完全に迷子になった(そしてそれがどこにつながるのか)。
マイケルライリー-別名ガニー

回答:


6

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

第二に、Steve KrugのDo n't Make Me Thinkをチェックしてください。Webページでのナビゲーションとデータ表現を扱いますが、多くの推奨事項(パンくずナビゲーション)は多くの場合、デスクトップアプリでもWebページと同じくらい意味があります。

別のポスターが示したように、媒体ごとの分離には優れた設計パターンは存在しません。特定の制限は媒体によって異なるため、アナログとデジタルの間であまりうまく翻訳されないものもあります(つまり、実際の新聞と実際の新聞の複数の列のテキスト)。あなたが話している媒体。



5

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

これは、優れたデザインとは何かを理解するのに役立ち、目を楽しませてくれるユーザーフレンドリーな長期的なデザインアプリケーションに役立ちます。

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


3
プロトタイプ作成のために+1。「1つの最高のアイデア!」に焦点を当てるのではなく、それらの全体を生成します。次に、プロトタイプのアイデアを多くの人に見せます。多くのフィードバックが得られ、設計を改善できます。
スティーブングロス

[Walmart]は、混乱を解消したときに文字通り10億ドル以上の売り上げを失いました。引用?
funkybro

3
@funkybro NYタイムズの記事:nytimes.com/2011/04/08/business/08clutter.html
_r


1

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

私が発見したことの1つは、ユーザーがインスタントレスポンスを好むことです。ハリウッドのようなものです。人々はピクセル(できれば色付きのピクセル)が大好きです。彼らは動くピクセルが大好きです。

そのようなUIを作成し、コーディング作業を単純化するために、何年も前に、私は今日でもまだ使用しているスキームである差分実行を思いつきました。(私はそれを公表するのに多くの運があったと言うことはできませんが、そこにあります。それは公開されました、FWIW。)

だからそれはちょうど私の2セントです。


Wikiページが削除されました。それはどこか他にありますか?
マイケルライリー-別名ガニー

@ケープ:ええ、私はそこの膝で切断された- 新語について何か。なんでも。SOタグの「差分実行」について説明すると、sourceforgeに実装を配置します。また、いくつかの出版物もあります。最近の出版物は、目を見張る必要がある場合は喜んでお送りします。数年前に行ったオークションアプリが、おそらくあなたにzipできるかもしれません。VC6(MFC)にありますが、大きくはなく、正常に動作します。
マイクダンラベイ

@Cape:実際、Wikipediaのユーザーページにはまだありますが、私が見るとあまり良くありません。
マイクダンラベイ

クリックとキーストロークの最小化について考慮すべきことの1つは、考えるときの各クリックのコストです。人々は通常、いくつかの考慮を要するクリックよりもほとんど気にならない数回のクリックを好むでしょう。明らかに、いくつかの心のないクリックよりも心のないクリックの方が優れています。この原則については、「考えさせない」で少し説明します
whatsisname

@whatsisname:その洞察力をありがとう。私は、人々が望む可能性が最も高い「抵抗の少ない道」を作ろうとしています。ただし、常にできるとは限りません。
マイクダンラベイ

1

最初のステップはスタイル/テーマを決めることだと思います。たとえば、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


1
E-WPF-Health Care Applicationのリンクが壊れています。
マイケルライリー-別名ガニー

@CapeCodGunny、メモをありがとう、今は大丈夫です:)
NoChance

0

エドワード・タフテの著書「量的情報の視覚的表示」は十分お勧めできません。本当にあなたがあなたが提示しているものとその理由について考えさせます。彼の本はどれも素晴らしいが、私はこの本に最も言及していると思う。

私が見つけた良い「UIデザインパターン」ブックは、Designing Interfacesです。レイアウトの設計、ナビゲーション、複雑な情報の表示、入力フォームの設計に関するセクションがあります。ソーシャルインターフェースの設計に関する同様の書籍があります(適切に設計されています)。


Tufteの本から発見した最も有用なものの1つは何ですか?それはあなたの考え方をどのように変えましたか?
マイケルライリー-別名ガニー

シンプルなUIデザインを思い付くのは初心者にとって良い本だと正直に思いますか?しません。貴重な本ですが、クッキーを焼くだけでレストランをオープンすることを学ぶよう提案するようなものです。
ブライアンオークリー

@CapeCodGunny:本当に私に固執しているのは、彼の典型的なプレゼンテーションスタイルの分解であり、それらを最も重要な要素(第6章)と「グラフィカルな整合性」のセクションに減らしています。
TMN

@BryanOakley:彼は最初に画面解像度を640x480に設計したと言いましたが、それは数年前でなければならないので、彼は初心者だとは思いません。そして彼は、UIがシンプルである(またはそうではない)ことを示しませんでした。画面にたくさんのテキストボックスとラベルを貼り付けるのではなく、UIの設計を始めとき、私が助けてくれたいくつかのリソースを関連付けていまし
TMN

@Bryan-私の製品は20歳で、DOSからWindowsに移行しました。まだ販売していますが、時代遅れです。
マイケルライリー-別名ガニー

0

すでに推奨されている素晴らしい本がいくつかあります。UX Stack Exchange Webサイトは、このような質問を処理するためにより適切に装備されていますが、完全にトピックから外れているわけでもありません。

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

mediaqueri.es

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

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.