Художественные аспекты пользовательского интерфейса?

Question

Рассмотрим одну кнопку.

В одном крайнем случае у нас есть черное окно OpenGL с:

• контур (в белом цвете) прямоугольника
• растровый шрифт внутри него с надписью "Ok"

С другой стороны, у нас есть Mac OS X, кнопка, которая:

• хорошо округлено
• имеет некоторый градиент, отражающий световые эффекты
• хороший сглаженный "ОК"
• какая-то мягкая тень

Эти два интерфейса представляют очень разные пользовательские интерфейсы. Первый говорит: «Это из 80-х», второй - «это профессионально».

Это то, что я не очень хорошо понимаю как программист (и не знаю, где об этом узнать).

Кто-нибудь знает хороший технический ресурс для этого? [Я бы предпочел, чтобы вещи, опирающиеся на литературу по психологии / восприятию, объясняли, почему нужно что-то делать, а не создавали книги, в которых просто говорится «используйте цвет XYZ с градиентом бла») *

Answer 1

Вот что-то на этом. http://www.alistapart.com/articles/indefenseofeyecandy

Вы можете проверить эту ссылку, чтобы ответить на часть вашего запроса в комментарии. Он содержит множество ссылок на образцы и некоторые полезные ссылки. http://www.usernomics.com/user-interface-design.html

Как мы все знаем, часть разработки пользовательского интерфейса для восприятия и психологии не является каким-либо правилом или шагом. Это развивается со временем. Делая ваше приложение удобным для пользователя и приятным, эта часть волшебства или сделки добавляется из опыта \ опроса, а также вы можете включить непрофессиональное тестирование. Я делаю это много раз.

Также думать из коробки. Вы получите решение, когда решите это в коробке. Но вы получите лучшее решение, если подумаете.

Еще одна полезная вещь - быть хорошим учеником и наблюдателем. Обратите внимание на что-то хорошее и полезное, когда вы посещаете сайты или используете другие приложения. Вы можете даже не заметить это. Это может быть что-то очень маленькое или тривиальное, но оно имеет большое значение, когда оно используется в нужных местах.

Answer 2

Возможно, вам захочется прочитать Руководство по пользовательскому интерфейсу HIG и Удобство использования :

Руководство по интерфейсу Apple для человека

Рекомендации по работе с Windows

Руководство по агностике платформы

В Amazon много книг по теме HIG, но я бы также порекомендовал книги, основанные на удобстве использования. "" Стива Круга "Не заставляй меня думать " - отличная книга (в основном для удобства использования в сети) и т.д.

Answer 3

Классика: Дизайн повседневных вещей

Довольно быстро прочитал, обсудил некоторые психологии, стоящие за использованием и пониманием человеческих интерфейсов.Он немного устарел и не фокусируется непосредственно на программировании GUI, но я бы начал здесь.

Answer 4

В учебной программе по веб-стандартам Opera есть очень хороший раздел об эстетических аспектах, особенно об использовании цвета. Я думаю, что это очень полезное чтение не только для веб-разработки, но и для всех приложений.

• Глава 8: Теория цвета
• Глава 9: Создание каркаса сайта

Существует также веб-сайт дизайнера цветовых схем , который позволяет поэкспериментировать с некоторыми аспектами теории цвета. Обязательно стоит посетить.

Answer 5

Я бы начал с твердости, товара и восторга Витрувия. Тоже Гибсон. Кроме того, многие исследователи HCI применили теорию активности со смешанными результатами. DOET Нормана - хорошее начало, но я думаю, что оно охватывает только первые две триады Витрувия - вы спрашиваете об удовольствии. Можно также взглянуть на «Понимание комиксов» МакКлауда.