Любой успешный проект представляет собой сочетание хорошего дизайна, убойного контента и небольшого везения. Очень часто бывает, что неплохой дизайн не работает из-за проблем с пользовательским опытом (UX), что вносит в контент неразбериху и люди просто не понимают, как найти на сайте нужную им информацию.
Пользователи очень часто теряются, попадая на новый сайт, им трудно разобраться, что именно им нужно делать, чтобы достичь своей цели. Такие ошибки в дизайне встречаются повсеместно. К счастью, многие из них уже хорошо известны, так что не помешает использовать чужой опыт в своей работе. Что же это за UX-ошибки?
Нечитаемая типографика
В истории веб-дизайна был недолгий период, когда все увлеклись новыми и необычными шрифтами. В этом нет ничего страшного, если все делать правильно, но шрифтовой зоопарк становится проблемой, если пользователю трудно прочесть текст. Какой смысл в красивом дизайне, если люди не могут понять, что им хотели сказать?
Подбирая шрифты для нового проекта, нужно с самого начала думать, как будет выглядеть текст в целом. Речь идет об удачном сочетании символов. Далеко не все шрифты являются читаемыми, особенно в больших текстовых блоках. Также нужно обратить внимание на кернинг. Необычные, но плохо читаемые шрифты лучше использовать в качестве акцидентных, набирая ими короткие заголовки или подзаголовки. Так можно решить проблему с читаемостью и придать проекту индивидуальность.
Вкусы у всех разные, но все же есть некие правила использования шрифтов. Нужно быть осторожным с экстремальными курсивами и слишком конденсированными шрифтами. Далеко не всегда уместна в дизайне каллиграфия, которая плохо сочетается с наиболее распространенными шрифтами.
Если в дизайне используются потенциально нечитаемые шрифты, лучше сразу исправить эту ошибку. Никто не говорит, что нужно все текстовые блоки набрать шрифтом Helvetica, однако двигаться нужно именно в этом направлении. Наверняка найдутся интересные варианты.
Неправильное выравнивание
По левому краю, по правому или по центру? Что работает лучше всего? Тут бесполезно спорить, так как все зависит от конкретного проекта. Однако есть один важный момент – нужно быть последовательным. Последовательность в дизайне имеет ключевое значение. Шрифты и другие элементы дизайна должны гармонично сочетаться между собой комфортно укладываясь в заранее созданную сетку. Если выравнивание становится непоследовательным – это ошибка, нужно срочно приводить все в порядок.
Почему плохое выравнивание это проблема? Любой контент, размещенный на странице, представляет собой визуальный поток и выравнивание облегает пользователем чтение и переход од одного элемента к другому. Люди теряются в хаосе и могут пропустить важные моменты из-за неправильно расставленных блоков.
Чтобы не допустить эту ошибку, нужно четко придерживаться плана. Если было решено использовать выравнивание по левому краю, то этого принципа нужно придерживаться и далее. Дизайн должен быть уникальным, но при этом он должен быть предсказуемым и выравнивание является определенным ориентиром для пользователей.
Неуместные образы
Очень часто дизайнеры допускают ошибку при подборе иллюстраций. Такие картинки могут повлиять на восприятие контента. Если между текстом и изображениями нет крепкой связи, это может ввести пользователя в заблуждение и людям придется думать, а что же на самом деле им хотели сказать.
Ничего страшного, если картинка кажется немного неудачной, не всегда удается найти идеальную иллюстрацию. Но все же есть такие изображения, которые лучше не использовать.
Например, если фотография кажется постановочной: красивые люди в деловых костюмах натужно улыбаются. Не стоит использовать и картинки, которые присутствуют на других сайтах похожей направленности.
Также не стоит использовать изображения низкого качества, даже если они хорошо подходят по смыслу. Если картинка не в фокусе, темная или имеет артефакты, лучше сразу ее забраковать. Нет ничего хуже, чем плохая фотография, сопровождающая интересный текст.
Низкое разрешение также является ошибкой. Изображение должно быть четким независимо от того, на каком устройстве открывается сайт. Из-за появления экранов с высоким разрешением некоторые картинки на возрастных сайтах стали мозаичными, их пришлось переделывать, так что лучше всего сразу же устранить риск возникновения этой ошибки. Сегодня в дизайне нужно использовать фотографии и картинки в хорошем разрешении.
Не стоит использовать изображения только ради того, чтобы разбавить текстовый контент. Если фотографии не имеют никакой связи с текстом, это очень плохо. Иллюстрация должна улучшать контент, а не наоборот.
Дизайн и мобильные устройства
Сегодня все дизайнеры знают, что сайт должен хорошо отображаться на мобильных устройствах. Тем не менее, ошибки в дизайне встречаются очень часто. Почему так происходит? Дело в том, что адаптивный дизайн сам по себе ничего не решает, нужно помнить о логике и композиции.
Дизайнеры нередко упускают этот момент. Недостаточно того, чтобы сайт корректно отображался на мобильном устройстве. Как только меняется среда, сразу же меняется значение всех элементов дизайна. Многие элементы, которые отлично выглядят на большом экране, кажутся неуместными, если пользователь заходит на сайт со смартфона. Работая над отзывчивостью, нужно постоянно следить за размером шрифта и текстовых блоков, а также за качеством изображений, временем загрузки, кнопками и другими важными элементам. Логичное размещение все ключевых блоков обеспечивает хороший пользовательский опыт.
Неправильная цветовая схема
Скучающий дизайнер часто рискует создать бессвязный дизайн. Желая придать проекту индивидуальность, многие допускают ошибку, используя слишком смелые сочетании цветов и забывая о правильном подборе цветовой палитры.
Слишком много цвета на странице — это отвлекающий фактор. Дикие цветовые сочетания придают сайту любительский вид, что плохо для UX. Нужно помнить, что на один успешный проект, в котором присутствуют все цвета радуги, приходится 1000 неудачных. Есть действительно яркие бренды с необычными цветовыми схемами в гайдлайне. Тут никуда не денешься. Но если требования менее жесткие или их нет вовсе, то лучше не увлекаться цветовым разнообразием.
Чтобы не допустить эту ошибку, нужно создать сильную, но сдержанную цветовую палитру. Начинать нужно с поиска доминирующего цвета и затем подобрать ему один или два дополнительных оттенка. Нужно помнить, что чем больше цветов, тем труднее пользователям просматривать контент.
Ограничение действий пользователя
Каждый пользователь хотя бы раз попадал на красивый, но непонятный сайт. Очень плохо для UX, если люди не знают, что им делать дальше. Если человек начинает думать над следующим действием – это ошибка дизайнера.
Хороший дизайн это сочетание контента и элементов взаимодействия. В дизайне должна присутствовать последовательность, которая помогает пользователям перемещаться между страницами сайта. У человека, посетившего сайт, есть определенная цель и дизайнер должен позаботиться о том, чтобы как можно скорее привести его к этой цели.
Каждая страница должна решать конкретную проблему. Проще говоря, она должна сообщать, что нужно сделать пользователю. Например, нажать на кнопку или заполнить форму, сыграть в игру или купить продукт. Структура хорошего сайта включает в себя смелые элементы пользовательского интерфейса, поощряющие посетителей совершать нужные действия. Любой ограничение действий является очень большой UX-ошибкой.
Лучшее враг хорошего
В своем стремлении к идеалу многие дизайнеры чересчур увлекаются и загромождают сайт очень привлекательными, профессионально сделанными, но при этом совершенно ненужными элементами. Отсутствие чувства меры является серьезной проблемой.
К примеру, в распоряжении дизайнера есть супер-иллюстрация. Ее обязательно нужно использовать. Сложности возникают тогда, когда подобных иллюстраций несколько и появляется соблазн использовать их все. Это чревато размытием контента и ухудшением опыта пользователя.
Иконки, картинки, шрифты – везде должен быть баланс между содержанием и сопровождающим контентом. Не стоит слишком перегружать страницу – даже если все элементы будут сделаны на самом высоком уровне, это только повредит восприятию.
Нужно неуклонно следовать изначальной стратегии и использовать только те элементы, которые способствую повышению качества контента. Все остальное, каким бы оно привлекательным ни было, нужно безжалостно выбросить. Такой подход позволит избежать перегрузки сайта лишними элементами, что является очень распространенной ошибкой, снижающей показатели UX.
Вывод
Каждый дизайнер допускает ошибки в своей работе. Это неизбежно. Не ошибается лишь тот, кто ничего не делает. Но всегда можно зафиксировать проблему, признать ошибку и исправить ее. Нужно помнить, что красивый дизайн важен, но опыт пользователя важнее. Сайт должен выполнять определенную задачу, он создается прежде всего для людей, так что все элементы дизайна должны работать на результат. Это очень простой принцип, о котором забывают многие дизайнеры. И тогда появляются ошибки. Но если знать, где скользко, то риск ошибиться минимален.
Источник
0 комментариев