9

単一のボタンを考えてみましょう。

極端な例として、次のような黒い OpenGL ウィンドウがあります。

  • 長方形の輪郭 (白)
  • ビットマップは、「OK」と言って、その中にフォントを変更しました

対極にある Mac OS X には、次のようなボタンがあります。

  • 丸みのある
  • 光の効果を示すグラデーションがあります
  • 素敵なアンチエイリアス「OK」
  • ある種のソフトシャドウ

これら 2 つの UI は、非常に異なるユーザー エクスペリエンスを提供します。前者は「これは80年代のものだ」と言い、後者は「これはプロだ」と言います。

これは私がプログラマーとしてよく理解していないことです (そして、これについてどこで学べばよいかわかりません)。

これに関する優れた技術リソースを知っている人はいますか? [私は、「色 XYZ をグラデーションで使用する」とだけ書かれているデザイン本よりも、なぜ何かをするのかを述べるために、心理学/知覚に関する文献を利用することを好みます]

4

5 に答える 5

7

ここに何かがあります。http://www.alistapart.com/articles/indefenseofeyecandy

このリンクをチェックアウトして、コメント内のクエリの一部に答えることができます. サンプルへの参照がたくさんあり、役立つリンクもいくつかあります。http://www.usernomics.com/user-interface-design.html

誰もが知っているように、UI をデザインする際の知覚と心理学の部分は、ルールや手順ではありません。それは時間の経過とともに開発されます。アプリケーションをユーザーフレンドリーで楽​​しいものにすることで、魔法や契約のその部分は経験\調査から追加され、素人のテストを含めることもできます. 何度もやります。

箱から出して考えることも。ボックス内で解くと解が得られます。しかし、よく考えてみると、より良い解決策が得られます。

もう 1 つの有用なことは、優れた学習者および観察者であることです。サイトにアクセスしたり、他のアプリケーションを使用したりするときに便利で便利なことに注意してください。それに気付かないかもしれません。それは非常に些細なことかもしれませんが、適切な場所で使用すると大きな違いが生まれます。

于 2010-03-02T11:46:31.067 に答える
3

ヒューマン ユーザー インターフェイスのガイドライン HIGUsabilityを読みたいと思うでしょう:

Apple のヒューマン インターフェイス ガイドライン

Windows ユーザー エクスペリエンスのガイドライン

プラットフォームに依存しないガイドライン

Amazon には HIGに関する本がたくさんありますが、使いやすさに基づいた本もお勧めします。Steve Krug の「Don't make me think」は素晴らしい本です (主に Web ユーザビリティ向けに仕立てられています) など。

于 2010-03-02T11:33:31.527 に答える
1

代替テキスト

古典:日常のデザイン

ヒューマン インターフェースの使用と理解の背後にある心理学について説明しました。少し時代遅れで、GUI のプログラミングに直接焦点を当てていませんが、ここから始めます。

于 2010-03-03T07:07:17.790 に答える
0

ウィトルウィウスの硬さ、商品、喜びから始めたいと思います。ギブソンのアフォーダンスも。また、多くの HCI 研究者が活動理論を適用しましたが、結果はまちまちです。Norman の DOET は良いスタートですが、Vitruvius のトライアドの最初の 2 つしかカバーしていないと思います。McCloud の Understanding Comics も参照してください。

于 2010-03-03T15:08:47.170 に答える
0

Opera の Web 標準カリキュラムには、美的側面、特に色の使用に関する非常に優れたセクションがあります。Web 開発だけでなく、すべてのアプリケーション設計に非常に役立つと思います。

配色デザイナーのウェブサイト もあります。ここでは、色彩理論のいくつかの側面を試すことができます。絶対に訪れる価値があります。

于 2010-04-08T19:49:53.240 に答える