Есть некоторые заблуждения про UX/UI-дизайн, которые свойственны не только посторонним наблюдателям, а иногда и тем, кто уже начал работать в этой сфере. Чтобы быть эффективным и успешным специалистом стоит отделять мифы от правды и учитывать специфику отрасли.
Сегодня разберем несколько заблуждений, которые дают не совсем верное понимание процессов и целей UX/UI-дизайна. 8 пунктов, в которых объясним нюансы. Это поможет тебе лучше понять, как это работает и избежать досадных ошибок. Схема проста – миф и реальность.
1. Цель UX/UI-дизайна в удобстве пользования продуктом
В первую очередь UX/UI-дизайнерам объясняют, что всё в проекте нужно делать практично и удобно. И в целом это верно. Но в понятие проектирования пользовательского опыта входит гораздо больше.
Ты помогаешь пользователю достигать целей на сайте, получать приятный опыт от посещения ресурса и при этом нужно выполнять запрос владельца сайта (прохождение по воронке).
Хороший UX/UI-дизайн — это не то же самое, что юзабилити. Это также положительные эмоции, демонстрация индивидуальности сайта/бренда, способ увлекать пользователя. И если оставить только удобство и отказаться от эстетики, мы можем получить скучный продукт, который вроде бы и полезен, но никому не интересен.
2. Сперва юзабилити, потом эстетика
Из первого мифа вытекает и второй – главенство юзабилити над эстетикой. Не подумай, что мы пытаемся доказать, что эстетика все-таки первична. Но это два груза на чашах весов – если что-то из них будет преобладать, то баланса не выйдет.
Да, бывают не самые эстетичные, но удобные и популярные сайты. Да, сначала смыслы, потом уже их украшение. Но давай честно, если бы к удобству добавить капельку искусства, разве сайт не станет лучше?
В пользовательском опыте важную роль играют эмоции. И визуально приятный ресурс отрабатывает лучше. Не только с субъективной точки зрения посетителя, а по вполне объективным маркетинговым показателям. На эстетичной платформе проводят больше времени, заходят чаще и друзьям рекомендуют с большей вероятностью.
А еще приятное первое впечатление – это повышение лояльности к бренду. Некрасивый сайт с классным юзабилити найдет своего клиента, бесспорно. Но этому клиенту придется привыкать к отсутствию эстетики. В то время как красивый дизайн увлекает с первых секунд.
“Удобство” не включает в себя понятие подбора палитры и форм под психотип аудитории, не делает упор на удовольствие от пользования. А это важнейшие факторы. Обычный прямоугольник грамотно расположенный в сетке – функциональный элемент. Но он гораздо приятнее воспринимается с минимальным закруглением. И такие мелочи во всем, не пренебрегай этим.
3. Простой дизайн – значит минимализм
Один из главных постулатов UX/UI-дизайна – делать просто и понятно, убирать лишнее, стремиться к однозначности толкований дизайна элементов. И часто это сводится к логичному заключению, что простой дизайн – это минималистичный дизайн. Но сокращение количества элементов и их вида не всегда делает дизайн понятнее и проще.
Иногда упрощение оправдано автоматизмом действий. Для сайтов и приложений, рассчитанных на постоянных пользователей, которые уже не задумываясь нажимают на одни и те же кнопки, делают все действия интуитивно. Но такая ситуация чаще всего может сложиться только при смене паттернов поведения целых поколений! Когда уже большинство из нас делает одно и то же в определенных ситуациях. Например, набор номера на дисковом телефоне. Современные дети просто не понимают, как это работает. Им нужно учиться. Хотя для старшего поколения это абсолютно понятный естественный процесс.
Простота является ключом к современному UX/UI-дизайну. Но целью должно быть упрощение понимания и пользования, а не упрощение визуала так таковое. Слишком большой уход в минимализм наоборот привносит сложность, ведь действия становятся неочевидны.
Нестандартные жесты, иконки без подписей, скрытые элементы и даже пресловутое меню-гамбургер работают плохо! Нельзя жертвовать понятностью в погоне за упрощением.
Минимализм подразумевает простоту пути к цели, пользователь не должен “спотыкаться”. Поэтому дать пояснения и разжевать что-то более подробно иногда лучше работает, чем сокращение.
4. “Бесполезное” пустое пространство
В продолжение темы минимализма нельзя не обсудить вопрос воздуха. Пустое пространство между элементами – тоже деталь дизайна, и немаловажная. Мы писали об этом подробно в отдельном материале.
Белое пространство – это не бесполезная трата экрана, не пассивный фон. Это способ обеспечить читабельность, выделить важное, помочь взгляду пользователя пройти нужный путь и не перегрузить мозг.
Человек не может сосредоточиться на слишком большом количестве деталей сразу. Поэтому важно обеспечить оптимальное восприятие, снизив нагрузку. Пустоты и расстояния работают как усилитель акцентов.
Кроме того, правильно используемый пустой фон помогает создать впечатление утонченности и того самого визуального минимализма, который нам нужен.
Пространство вокруг изображений, поля, отступы и межстрочный интервал – стоит уделять им внимание и не пренебрегать изучением правил композиции.
5. Можно делать дизайн без контента
Нередко дизайнеру и копирайтеру дают задачу работать над сайтом/лендингом одновременно для экономии времени. В итоге мы получаем, может, и эстетичный, но не всегда рабочий дизайн. Подгонять контент под дизайн не самая лучшая идея. Гораздо логичнее и правильнее делать наоборот – сначала прототип с реальными текстами, а потом уже дизайн.
Содержание всегда важнее формы. Да, твоя задача сделать эту самую форму красивой и удобной. Но статистически хороший контент с простейшим дизайном работает лучше, чем хороший дизайн с посредственным контентом.
Не опираясь на реальные данные ты не можешь в полной мере отобразить посыл, который тексты будут нести позже. Даже если есть наброски.
Вставлять “lorem ipsum” уже моветон. Это стоит делать только в крайнем случае. И то, лучше попросить чат GPT набросать текст в нужном стиле. Так это хотя бы будет приближенно похоже на то, что нужно.
А еще дизайн без контента – это путь к дополнительным правкам. Потому что не всегда совпадает мысль дизайнера с реальным положением вещей. Где-то надо будет сократить текст, добавить пункты, поменять вид слайдера. Лучше избежать этого и сразу делать нормально, опираясь на контент.
6. Крутой дизайн не обязательно тестировать
Профи сразу видит частые ошибки и несовершенства. Если ты новичок, то стоит советоваться и давать на проверку свою работу. Но никогда не отказывайся от тестирования. И после проверки, и даже тогда, когда сам являешься мощным специалистом и щелкаешь крутые дизайны без труда.
Потому что чаще всего эксперт не является целевой аудиторией. И препятствия для пользователя не всегда очевидны. Как бы ты не продумал схему, какие бы не привнес фишки – посетитель может думать иначе. И это нормально, мы ведь все разные.
Иногда посетители нас могут искренне удивить ходом своих мыслей и возникающими сложностями. Спроси у любого представителя техподдержки сайта. Если проблема может возникнуть – она точно возникнет.
Юзабилити тестирование может дать неожиданный результат, поэтому для действительно подробного анализа интерфейса экспертной проверки будет мало. И кроме стандартной степени удобства можно выявить эмоциональный отклик юзера.
Профессионал основывается на своем опыте и усредненных знаниях о подобных интерфейсах. В то время как тест показывает реальную картину. Это уже не догадки, а факты. Поэтому сначала стоит провести экспертную оценку для устранения недочетов и несоответствий, а потом все равно протестировать продукт.
7. Рационально = удобно
Продолжая мысль предыдущего пункта нужно отметить важный фактор – нерациональность мышления. Казалось бы, сделать удобно означает сделать логично и последовательно. Вроде бы звучит правильно, но на практике это не работает.
Человеческая реакция чаще основана на эмоциях, чем на рациональности. Именно поэтому и существует маркетинг как наука – мы можем продать более успешно продукт, который не выигрывает по объективным данным. Но грамотная подача решает все.
Поэтому не всегда при создании дизайна нужно руководствоваться логикой. Стоит давить на эмоцию. Использовать правильно подобранные цветовые схемы и шрифты, подкреплять впечатление сочной картинкой. И тогда ты не упустишь лида. Может быть, он не пройдет по логично продуманной воронке, но отвлечется на яркий рекламный баннер и все равно попадет в нужное тебе русло. Иррациональность предсказуема, если углубиться в психологические аспекты UX/UI-дизайна.
8. UX дизайн — это отрисовка
Понятие UX/UI-дизайн появилось относительно недавно и иногда название вводит в заблуждение, якобы дизайн – это то, что относится к работе с визуальной частью. Это только верхушка айсберга.
UX/UI-дизайн это очень обширное понятие, которое включает в себя процессы, не связанные с созданием визуала как такового. Еще очень много работы входит в этот цикл:
- Стратегическое планирование
- Изучение бизнес-модели и потребностей клиента
- Исследование целевой аудитории и ее болей
- Анализ конкурентов
- Тестирование продукта и улучшения
UX/UI – это далеко не только внешняя оболочка и эстетика. Это продукт на стыке маркетинга, планирования, психологии и визуала. И если в это все при правильной реализации ты сможешь добавить творчество, то это уже высший пилотаж.
Как это все учитывать, запоминать и применять – это вопрос. Ответ на него однозначный: нужно учиться у лучших, расширять кругозор и применять все на практике. Для этого есть даже специальный онлайн-курс «UX/UI легенда». Приходи, сделаем из тебя профи!