Разглагольствования против красивого дизайна приложений

«Остерегайтесь тщеславия, которое заискивает комплиментом или питается им». – Чалмерс

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

Да, я знаю, что некоторые из этих сайтов, демонстрирующих дизайн, не обязательно предназначены для реальных продуктов, но я все же говорю, что они должны отражать вдумчивый подход к дизайну, в первую очередь задавая главный вопрос: «Для кого это? », «Как люди будут использовать мой продукт» и «Его действительно можно использовать?».

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

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

Я говорю об UX.

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

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

Отказ от юзабилити ради лести

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

Как сказал Дон Норман, которого часто называют «гуру работающих технологий», «Великие дизайнеры создают приятные впечатления».

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

Способ добиться этого определенно не в том, чтобы игнорировать устоявшиеся передовые методы и соглашения по дизайну и просто сосредоточиться на фасаде. Очевидно, Dribbble заикается: 1) вы не понимаете своего пользователя и 2) вы копируете причуды.

Игнорируйте условности на свой страх и риск

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

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

Два слова: полный беспредел.

Пользовательский интерфейс похож на шутку. Если вам нужно объяснить это, это не работает.

Помните об эвристике

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

Чтобы дизайн приложений хорошо работал в реальном мире, они должны соблюдать 10 эвристик юзабилити для дизайна пользовательского интерфейса, определенных Nielsen Norman Group, ведущим экспертом в области пользовательского опыта на протяжении 20 лет. Эти:

1. Видимость состояния системы
2. Соответствие между системой и реальным миром
3. Пользовательский контроль и свобода
4. Последовательность и стандарты
5. Предотвращение ошибок
6. Узнавание вместо припоминания
7. Гибкость и эффективность использования
8. Эстетичный и минималистичный дизайн
9. Помогите пользователям распознавать, диагностировать и устранять ошибки
10. Наличие помощи (это могут быть «краткие туры» или пошаговые руководства)

Подробнее об этих 10 общих принципах интерактивного дизайна читайте здесь.

Увлечение во имя инноваций

Часто концептуальные экраны приложений разрабатываются дизайнерами, которые ищут множество лайков на сайтах, демонстрирующих портфолио, с целью продвинуться в раздел ежедневных горячих снимков на Dribbble. Пара причудливых минималистичных дизайнов пользовательского интерфейса — это не продукт. Это похоже на проектирование двери автомобиля без представления о том, как выглядит остальная часть автомобиля или как это работает в реальном сценарии.

Не поймите меня неправильно! Нужны дизайнерские инновации. Это здорово и важно для процветания любой дисциплины или творческой области. Но это не должно происходить за счет хорошего UX. Давайте проведем здесь различие и назовем это дизайнерским экспериментированием. Под видом чистого, минималистского дизайна, просто стремящегося быть отличным и крутым, многие из так называемых инновационных дизайнов, выставленных напоказ на этих сайтах, жертвуют базовым удобством использования.

Юзабилити 101

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

Полезность приложения определяется с точки зрения полезности, а также удобства использования. Утилита предоставляет пользователям необходимые функции; удобство использования — это то, насколько легко и приятно использовать эти функции. Таким образом, причудливый дизайн приложений, который игнорирует эти основные принципы удобства использования, оказывается бесполезным по определению.

Понятно, что дизайнеры ищут инновационные и интересные способы оформления навигации в своих приложениях. Но есть тонкая грань между неожиданным и бесполезным. Три вещи, которые следует учитывать при проектировании навигации, — это согласованность, ожидания пользователей и контекстуальные подсказки. Неважно, насколько интересна ваша электронная коммерция, например, концептуальный дизайн приложения. Если пользователи не могут найти продукт, они не могут его купить.

Полезный дизайн

Как сказал Стив Джобс: «Дело не только в том, как это выглядит и на что похоже. Дизайн — это то, как это работает».

Он говорил о полезном дизайне .

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

Один из самых основных принципов дизайна взаимодействия заключается в том, что пользовательский интерфейс должен иметь означающие, если он хочет быть полезным. Если у пользователей нет визуальных подсказок в пользовательском интерфейсе, которые сигнализируют о доступных им действиях или взаимодействиях с помощью жестов (так называемые указатели ), дизайн вашего продукта — DOA.

Как бы вы, как дизайнер, ни были увлечены своим продуктом, пользователи гораздо больше заботятся о его полезности. Они не хотят изучать ваше приложение, и они не хотят отправляться в путь открытий или экспериментов, чтобы увидеть, что работает, пытаясь провести что-то в пользовательском интерфейсе. Как сказал Стив Круг, консультант по юзабилити с более чем 20-летним стажем, в своей книге «Не заставляйте меня думать »: «[Юзабилити] — это главный принцип, решающий вопрос при принятии решения о том, работает дизайн или нет».

Безусловно, как сказал Дитер Рамс, легендарный немецкий дизайнер из Braun в 70-х годах и вдохновитель всего Apple:

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

Другими словами, дизайн должен работать на всех уровнях.

Вот 10 заповедей хорошего дизайна от Дитера Рамса:

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

Уменьшить умственное усилие

При плохом дизайне в действии Мистер и Мисс Дизайнер просят людей расшифровать и интерпретировать расплывчатые значки и символы, тем самым увеличивая их когнитивную нагрузку (общий объем умственных усилий, затрачиваемых на рабочую память). С другой стороны, хороший дизайн пользовательского опыта снизит когнитивную нагрузку. Этот тип эгоистичного дизайна — да, я был там — ставит препятствия на пути людей, увеличивая трения и разочарование. Это действительно цель?

Дизайнеры должны обеспечить четкую маркировку (ссылки и кнопки) и очевидные указатели (четкая навигация), чтобы помочь пользователям сформировать ментальную карту приложения и интуитивно понять, где что находится и как его использовать. Навигация должна быть четкой, ориентированной на задачу и логичной (например, элементы управления на экране подсказывают, как их использовать), а ее расположение должно быть постоянным (например, в строке меню) повсюду.

Сделайте очевидным, где пользователи должны нажимать, если они могут провести пальцем, и сделайте цели достаточно большими, чтобы их было легко нажимать. Предотвратить ошибки. Не заставляйте людей угадывать, что что-то означает. Не ленись. Избегайте меню гамбургеров и кебабов (три точки), поскольку они скрывают навигацию и затрудняют обнаружение контента. В частности, избегайте гамбургеров, которые даже не похожи на гамбургер-меню! Да, пространство ограничено, но было доказано, что комбинация вкладок (сверху вниз) и гамбургер-меню работает намного лучше, чем просто один гамбургер.

Это не идеальный мир

Если ваш продукт попадет в руки пользователей, смогут ли они его найти и использовать? У них может не быть доступа к супер-пупер-настройке, подобной той, которую вы использовали для разработки этих экранов. Подумайте еще раз об удобстве использования и доступности (инвалидность по зрению, физическая инвалидность, когнитивная инвалидность). Согласно данным переписи, в Соединенных Штатах не менее 19% людей имеют инвалидность, и этот процент, вероятно, выше в менее развитых странах. Если кто-то с далеко не идеальным зрением подхватит ваше приложение, сможет ли он его использовать?

Является ли ваш дизайн «удобным для пальцев» или его буквально сложно использовать? Насколько сильно люди должны напрягаться, чтобы добраться до разных частей экрана приложения? Вы рассматриваете потоки пользовательских задач, помещая элементы действий под кончики пальцев людей вместо того, чтобы заставлять их прыгать по четырем углам экрана? Действительно ли дизайн сенсорный? Учитывали ли вы затемненную область под рукой, которая держит мобильник?

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

Соответствует ли ваш дизайн рекомендациям руководства по человеческому интерфейсу iPhone от Apple о минимальном целевом размере 44 пикселя в ширину и 44 пикселя в высоту? В Руководстве по дизайну и взаимодействию пользовательского интерфейса Windows Phone от Microsoft предлагается размер сенсорного экрана 34 пикселя с минимальным размером сенсорного экрана 26 пикселей.

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

Лучший UX

Нам нужен лучший дизайн

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

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

Тренды в дизайне приходят и уходят. Средняя дизайнерская тенденция сохраняется только год или два; хорошее удобство использования, основа UX-дизайна, никуда не денется.

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

Если вы как дизайнер хотите стать лучше в UX — создавать полезные мобильные и настольные приложения, а не просто красивые — потратьте некоторое время на изучение хотя бы основ UX. Начните с подписки на блоги по UX и подпишитесь на информационные бюллетени и онлайн-публикации, такие как Toptal Design Blog, UX Magazine, UX Matters, UserTesting, uxdesign.cc, UX Design Weekly или Interaction Design Foundation.

Ознакомьтесь с пользовательскими исследованиями, проведенными с живыми, дышащими участниками — реальными людьми. Как говорится, цифры не лгут; все остальное - гипотезы и предположения.

Подпишитесь на лидеров мнений UX в Twitter. Прочтите статьи и официальные документы по UX, сливки сливок — The Nielsen Norman Group и Adaptive Path.

Medium — одно из моих любимых мест для чтения статей по дизайну UX/UI в Интернете. Дизайнеры во всем мире используют его, чтобы читать о дизайне, пользовательском опыте, удобстве использования и других темах, связанных с созданием и созданием отличных цифровых продуктов. Вот дизайнеры, за которыми стоит следить на Medium.

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

1. Основополагающая книга Дона Нормана по дизайну «Дизайн повседневных вещей».
2. Эмоциональный дизайн Дона Нормана: почему мы любим (или ненавидим) повседневные вещи
3. Стив Круг, Не заставляй меня думать
4. Lean UX Джеффа Готхельфа: применение принципов Lean для улучшения пользовательского опыта
5. Инженерия юзабилити Якоба Нильсена
6. Сьюзен Вайншенк: 100 вещей, которые каждый дизайнер должен знать о людях

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

1. Первые принципы интерактивного дизайна
2. Полный набор из 2397 рекомендаций по удобству использования (в нескольких отчетах) от NNGroup.
3. 10 эвристик юзабилити для дизайна пользовательского интерфейса от NNGroup
4. Статьи Baymard Institute: Baymard изучает поведение на сайтах электронной коммерции
5. Статьи о мастерстве UX: все, что связано с UX

И, наконец, добавьте эти пять UX-подкастов в свою библиотеку iTunes:

1. UX Pod: обсуждения с UX-дизайнерами и юзабилити в целом.
2. Inside Intercom: Интервью с ведущими дизайнерами ведущих компаний
3. Подкаст UX для людей, увлеченных поиском баланса между бизнесом, технологиями и пользователями
4. Подкаст UIE: взгляды разработчиков пользовательских интерфейсов на мир дизайна
5. Истинный север: раскрытие историй дизайна, посвященных тестированию и исследованиям дизайна

• • •

Дальнейшее чтение в блоге Toptal Design:

• Лучшие практики дизайна пользовательского интерфейса и распространенные ошибки
• Пустые состояния — самый недооцененный аспект UX
• Простота — это ключ — изучение минимального веб-дизайна
• Эвристические принципы для мобильных интерфейсов
• Дизайн для удобочитаемости — руководство по веб-типографике