uxpatterns 660x360 - Почему не нужно копировать UX паттерны крупных успешных компаний

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

Естественно смотреть в сторону таких гигантов дизайна, как Google, Amazon и Apple. Эти компании успешны и популярны среди клиентов, так почему бы не скопировать их решения для общих проблем дизайна?

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

Вот несколько наглядных примеров дизайнов, которые определенно не следует копировать, если вы не уверены или, если вам не нужно убедить кого-то еще!

Минималистские поля ввода

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему не нужно копировать UX паттерны крупных успешных компаний
Слева: традиционные поля формы отображаются в виде прямоугольников, в которых пользователи должны кликнуть или тапнуть, прежде чем начать вводить свою информацию. Справа: недавний минималистский подход к дизайну поля ввода использует только нижнюю строку для представления текстового поля.

Этот стиль полей ввода был даже принят Google: до 2017 года  он был включен в Google Material Design.

В Google явно много талантливых дизайнеров и разработчиков, которые делают фантастическую работу. Но даже талантливая команда не гарантирует, что все, что они попробуют, будет идеальным. В этом случае переход от рамок к линии фактически не улучшал пользовательский опыт, и в 2017 году Google изменил компонент поля ввода Material Design обратно на прямоугольники. Susanna Zaraysky и Michael Gilbert публично поделились результатами своих исследований этой эволюции дизайна, объяснив, что после тестирования юзабилити и пользовательских предпочтений сотнями пользователей они пришли к выводу, что «текстовые поля, очерченные прямоугольником (рамкой) работают лучше, чем с линией аффорданса».

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

Излишне декоративные меню

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

Например, некоторое время назад Amazon использовал декоративные тематические изображения в качестве фона для меню продуктов в своем мобильном приложении. Покупатели, просматривающие отдел Outdoor Heating, видели текстовое меню подкатегорий, наложенное поверх привлекательного изображения костра. К сожалению, фоновое изображение затрудняло чтение некоторых пунктов меню. Этот дизайн теперь заменен на меню категорий, которое гораздо легче читать, с высококонтрастными текстовыми метками на простом фоне.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему не нужно копировать UX паттерны крупных успешных компаний
Слева: в 2016 году мобильное приложение Amazon использовало меню, которые накладывались поверх фонового изображения, связанного с категорией меню, но некоторые пункты меню было очень трудно читать. Справа: более поздний дизайн отображает разборчивые метки меню на простом фоне, сопровождаемые репрезентативными изображениями.

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

Недоступный контент: серое на сером

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

Apple – компания, которая часто ассоциируется с превосходным дизайном и создавшая множество примеров превосходного пользовательского опыта. Но, к сожалению, она также продемонстрировала проблему чрезмерного снижения внимания к некоторым частям дизайна. На момент написания этой статьи на домашней странице Apple указаны цены на товары, отображаемые серым шрифтом на сером фоне с коэффициентом контрастности всего 3,47, что значительно ниже уровня контрастности 4,5, необходимого для удовлетворения самых минимальных требований доступности.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему не нужно копировать UX паттерны крупных успешных компаний
Apple.com: цены на продукты, показанные светло-серым текстом на сером фоне, не соответствуют минимальным требованиям к контрасту текста.

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

Помимо этого, информация, к которой Apple решила занизить внимание пользователя (цена), важна. Возможно, Apple хочет, чтобы клиенты игнорировали цены на ее продукты, но все наши исследования пользователей электронной коммерции (будь то B2C или B2B покупатели) единодушно пришли к выводу, что пользователи хотят видеть цену. Ценообразование является одной из самых важных частей информации, учитываемой при покупке продукта.

Используйте контекст для объяснения ограничений паттернов дизайна

Многие UX-профессионалы считают, что их коллеги защищают паттерны дизайна исключительно потому, что они используются другими успешными компаниями. Как сказал один из заинтересованных лиц: «Если это достаточно хорошо для Apple, это достаточно хорошо для нас». Проблема подобного утверждения в том, что вы не Apple. Обязательно используйте этот контекст, чтобы объяснить коллегам, как опыт отрасли, рынка и клиентов делают UX каждого бренда уникальным. И то, что ведущие технологические компании постоянно меняют дизайн. Поэтому даже дизайн, который они используют сегодня, может быть легко заменен чем-то более хорошим завтра. Сделайте свой собственный прототип или A/B тестирование, чтобы убедиться, что дизайн-решение работает с вашей аудиторией, прежде чем вы инвестируете ресурсы в его создание, только чтобы обнаружить, что оно не дает нужных вам результатов.

Свежие вакансии
                        GermanLanguage.ph LLC GermanLanguage.ph LLC German Language School – Product Designer (UX/UI) Удаленно Ереван
                        Региональная Академия делового образования Региональная Академия делового образования Технический дизайнер Удаленно Самарская область
                        BR LAb BR LAb UX/ UI web-designer Удаленно Москва 80 000 - 120 000 ₽
                        Rightapplications Rightapplications UX дизайнер Офис Харьков
                        Emlid Emlid UX/UI Designer Офис Санкт-Петербург
Все вакансии

Оригинал: nngroup.com

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

1
  1. Такая тупость. Эпл хочет чтобы вы не испытывали вообще никаких эмоций насчёт траты денег. Формально они должны написать стоимость, но были бы рады этого не делать вообще. На всем сайте кричат эмоции и ни слова про Купи. А ты хочешь чтобы яркой ценой это все пошло по пи… в магазинах такая же политика. Ты не должен думать и ощущать про Деньги ничего.

Добавить комментарий
Похожие записи

Тренды UI/UX дизайна на 2020 год

Подборка основных трендов UI/UX дизайна, которые мы увидим в 2020 году

Паттерн нижней панели навигации на мобильных веб-сайтах, исследование

Гамбургер-меню? Есть ли лучшая альтернатива? В этой статье я попытаюсь рассмотреть эти вопросы

О Доне Нормане, вандализации UX и широком подходе к дизайну

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