Характеристики хорошего дизайнера пользовательского интерфейса

Question

Каковы характеристики хорошего дизайнера пользовательского интерфейса? Сколько нужно иметь графические способности дизайна в эти дни, а не способности дизайна взаимодействия. Я вижу это растущее значение с появлением WPF и Silverlight.

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

Спасибо,

Craig

Answer 1

я смотрел бы на любом из Тафта книг Эдварда.

Якоб Нильсон также является хорошим автором.

Answer 2

Попробуйте Non-designer's design book.

По моему опыту, дизайн интерфейса - это умение само по себе. Графические дизайнеры умеют делать чудесно красивые, но совершенно запутанные и непригодные для использования интерфейсы.

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

Answer 3

По моему опыту, гораздо проще найти кого-то, чтобы делать красивые страницы, чем тот, кто может делать действительно потрясающие, тонкие, неочевидные варианты использования. Используйте случаи, которые не являются основополагающими формами ввода таблиц.

Если вы уже здесь, я бы посоветовал вам подумать о том, чтобы найти гитариста для совместной работы.

Answer 4

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

• Элементы управления и информация изложены логически, интуитивно и последовательно.
• Простота доступа к функции пропорциональна частоте ее использования.
• Пользователи считают это почти невозможным не чтобы использовать продукт правильно.
• Это нарушает «правила», когда это увеличивает его удобство использования.
• Это привлекательно в «девушке (или парне) по соседству». Приятно смотреть, но не отвлекать.

Answer 5

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

Это несколько датировано, но мне понравилось «Дизайн повседневных вещей». Хороший пользовательский интерфейс позволяет пользователю чувствовать себя хорошо, не замечая при этом никаких замечаний.

Answer 6

Большинство людей могут посмотреть на пользовательские интерфейсы (например, они смотрят на что-либо графическое) и сказать «хорошо выглядит» или «это не выглядит хорошо».Что обычно делает графическое лицо способным produc e красивый материал - это желание изменить и настроить вещи почти бесконечно и даже выбросить целые линии усилий, пока не появится то, что выглядит хорошо. У большинства программистов нет терпения для такого рода вещей, поэтому их пользовательские интерфейсы выглядят так, как будто они были спроектированы кем-то, кто не заботился о том, как они выглядели.

На более глубоком уровне понятие «талант» или «врожденная способность» чаще всего используется в качестве предлога, чтобы даже не попробовать что-то (например, «я не музыкально талантлив, поэтому я даже не собираюсь попробуйте сыграть на фортепиано "). Если вы хотите стать чем-то хорошим, вам нужно много практиковать - альтернативы нет.

Answer 7

About Face также является хорошей книгой.

Тонкости всегда есть что-то хорошее, чтобы не смотреть. Резкие градиенты и некоторые цветовые комбинации - это просто боль.

Answer 8

В качестве ресурса для проектирования пользовательских интерфейсов в Windows я бы сказал, что Windows Vista User Experience Guidelines предлагает отличные советы и примеры по разработке пользовательских интерфейсов.

Он обеспечивает как хорошие, так и плохие примеры пользовательских интерфейсов от реальных продуктов Microsoft, поэтому я бы сказал, что это на самом деле довольно объективный и ценный справочник по использованию в качестве справочной информации при изучении дизайна пользовательского интерфейса.

Поскольку он разработан как руководство для приложений Windows Vista, он хорошо вписывается в дизайн пользовательского интерфейса для WPF, но предлагаемые советы достаточно общие, что они также могут применяться к пользовательским интерфейсам, которые не основаны на Windows также.

Я добавлю указатель на связанный с этим вопрос: Java User Interface Specification

Answer 9

Джоэл Спольски получил простое, элегантное представление в «коридоре Usability Test», а также series of posts on UI design.

Answer 10

Я полагаю, что первая книга, которую я хотел бы предложить это «заключенные работают на убежище». Это занимает немного, чтобы попасть, но, оказывается, большая книга.

Интернет ...
в w3 есть отличные идеи о том, как создавать веб-страницы.
дзен пальмовое кодирования должна быть обязательным чтением для графического дизайна для дизайнеров кпк.

Answer 11

Это можно обсуждать до конца времени, лично я считаю, что дизайн взаимодействия и графический дизайн - две совершенно разные вещи.

Но оба они должны быть узнаны, по крайней мере, до удовлетворительного уровня. Вы, вероятно, никогда не будете здоровы в этом, если у вас нет «таланта» для этого.

Книга, которую я сам не читал, но я слышал, что многие рекомендуют: "Don't make me think" от Steve Krug.

Answer 12

Это, безусловно, возможно изучить эти навыки.

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

Конечно, есть художественная сторона для дизайна, и, используя талант и креативность, дизайнер может сделать лучшие проекты.

Если вы хотите, чтобы стать лучше при проектировании, то есть две вещи, которые вы можете сделать:

1. Читайте все, что вы, возможно, может о дизайне. Найдите лучший блог проекта и вставьте его в свой RSS-канал. Прочитайте все, что возможно, о дизайне.
2. Создайте что-нибудь, затем спроектируйте его снова и снова, затем остановитесь! Теперь спроектируйте что-то еще ...
3. Узнайте как можно больше о HCI. Там есть отличные книги HCI, даже после очевидных выборов. Прочитайте как можно больше книг.
4. Присоединиться к сообществу разработчиков и контролировать работу людей, которые производят. Если у вас есть такая возможность, вы можете сотрудничать с кем-то лучше вас и посмотреть, как они гадают.

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

Мне нравится думать, что многие из постоянных концепций HCI, которые мы используем сегодня, не просто исходят из рассчитанного мышления; более художественное видение оживает.

Answer 13

Сайты, которые я рекомендую для пользовательского интерфейса и дизайна, специально являются:

1. Alert Box, о веб-дизайне, в частности. Хорошие примеры, примеры использования и исследования.
2. Humanized, принципы проектирования. Также проверьте блог, в частности this, и это статья setup.
3. Aza Raskin's Блог. Он является частью Humanized (и теперь Mozilla), и его личный блог - это проницательный комментарий к дизайну интерфейса.

Интересная вещь об этих сайтах заключается в том, что они не просто приводят примеры пользовательских интерфейсов «do's and don'ts», но вернут эти примеры с конкретными метриками и методами, которые вы можете реально использовать для измерения того, как " хороший "ваш пользовательский интерфейс. Блог Азы особенно интересен тем, что он проводит свою итерацию по дизайну по нескольким проектам, в которых он участвовал, и рассказывает о «whys» для многих решений UI, которые были сделаны.

Answer 14

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

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

Answer 15

Много ссылок здесь для хороших гидов, но исходный вопрос остается: «Каковы характеристики хорошего дизайнера пользовательского интерфейса?»

Возможность просмотра процесса, системы или практики и разработки интерфейса, который делает для него наибольшее улучшение.

Речь идет не о симпатичных интерфейсах, а о том, что лучше всего работает в этой конкретной ситуации. И мой совет стать лучшим дизайнером пользовательского интерфейса - это лучше поработать с пользователем. Мы могли бы все улучшить.

Answer 16

Великий UI означает:

• Все инструменты/данные вы видите действенную

То есть, все, что на экране имеет смысл. Если это не имеет значения или не влияет на то, что вы собираетесь делать следующее, его там не должно быть.

• Понимание и использование конвенций

Это большая часть времени. Иногда большой дизайнер пользовательского интерфейса изобретает новую модель интерфейса (теги были изобретены для лучшей обработки обмена фотографиями).

• Изготовление всего трений

Если вы хотите сделать что-то, что вы хотите сделать это, как несколько шагов, как это возможно.

• делая все чисто и понятно глаз

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

Answer 17

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

Что касается вашего второго вопроса - на мой взгляд, модель программирования WPF и Silverlight обеспечивает более четкое разделение между дизайнером и кодером (например, Microsoft Expression Design для дизайнеров, .NET 3.5 для кодировщиков, а Microsoft Epxression Blend - где-то посередине). При этом всегда лучше иметь дизайнера интерфейса, который может обрабатывать как дизайн, так и код.

И просто бросить книгу, которая мне нравится - Luke Wroblewski's Web Form Design - вы можете получить PDF-версию книги за $ 20 баксов.