web-dev-qa-db-ja.com

ユーザーインターフェースを目に心地よくする属性、プロパティ、要素を説明できますか?

美しさは主観的であり、客観的であると読みました(状況に応じて両方の組み合わせを信じがちです)。ただし、科学者が一般に魅力的または美しいと見なされている人は、すべての人間と比較して平均サイズの顔の特徴も持つ傾向があることを科学者が発見したことも読んだことがあります。同様に、ユーザーインターフェースの設計にも取り組んでいます。私が引用した科学的研究はほんの一例だったので、「見栄えの良いインターフェースが平均的なサイズのコントロールを持つ」という意味ではまったくありません。しかし、私が言いたいのは、インターフェースを見やすくするだけの一連のプロパティまたは属性がなければならないということです。

Webアプリケーションのインターフェイスを見て、すぐに嫌悪感や愛情を感じることができます(たとえば、90年代初頭のHTML Geocitiesサイトと現在のZendesk Webサイトを比較してください)。インターフェイスを美しく見せるために定義できるプロパティまたはルールのセットが必要です。私はインターフェースを一から設計することを学ぶだけでなく、既存のインターフェースを取り入れてそれらを美しく見せることを目指しています。たとえば、チームメンバーから提出された最近のデザインでは、すべてが非常にばらばらでモジュール化されており、がらくたのように見えました。私はこれを説明するために最善を尽くし、最終的に彼らはそれに取り組み、見栄えがよく、滑らかで、...接続されたようにしましたか?ここで探している用語や「真実」がわかりません。

だから、誰かが私に、おそらく各用語の定義を箇条書きにしたリストで、どの視覚的なプロパティがユーザーインターフェイスを目に喜ばせるのか教えてもらえますか? Xに関連する色(Xはわかりません!)、または使用可能な画面スペースに関連するコントロールと要素のサイズなどが含まれる場合があります。これらは単なる例であり、何を期待するかわかりませんデザイン理論を学ぶのではなく、ここから出てきます!

[〜#〜] edit [〜#〜]:私が説明できる形式の回答の例は、食品のプレートです。カフェテリアで、ランダムなスプラットで皿の上に食べ物を盛り付けるだけでは、見た目が良くありません。グルメレストランでは、小雨を散らし、パセリを加え、適切なポーションサイズとプレートサイズを与えて、見た目が本当に素敵に見えるようにします。パセリと霧雨のUIデザインフォームとは何ですか?私は真剣です!

8
MetaGuru

優れたインターフェースは優れたアーキテクチャのようなものです。公式は1つではありませんが、グリッド、スケール、プロポーション、フォーカス、コントラスト、テクスチャ、フロー、方向など、ほとんどのデザインで共有される一般的な概念があります。

5
DA01

私は The Universal Principles of Design を読むことから始めようと思います。

また、私たちが喜ばしいことにはいくつかの科学がありますが、おそらくその分野でやるべきことはたくさんあります。キース・ラングスのビデオをチェックしてください 美学の科学

4
fluxd

List Apartもこのテーマに関する記事を公開しました

http://www.alistapart.com/articles/indefenseofeyecandy/

この件に関する別の記事を読んだ覚えはありませんが、atmが見つかりません。私が覚えているときに私の答えを更新します。

0
TomvB

確かに、優れたインターフェース設計の研究に基づいた原則があります。それらは、goodユーザーインターフェイスの設計に役立ちます。しかし、一歩先を行き、awesomeユーザーインターフェイスを設計するために、私にとって最も重要な要素は、Kathy Sierraが 不意の不在

ある意味では、急激さの欠如は、ユーザーにフィードバックを提供し、何が起こっているかをユーザーに知らせるための単なる別の形式として説明できます。ウィンドウまたはビューポートを単に閉じるのではなくスライドさせてビューから外すか、最小化することを選択したときにウィンドウがドック(Mac)またはタスクバー(Windows)に近づくにつれてウィンドウのサイズが滑らかに縮小するのを確認します。

0
Hisham