Дизайн веб-сайтов всегда должен создаваться с учетом удобства для пользователей. Независимо от целей вашего сайта, вам стоит избегать определенных особенностей дизайна интерфейса и знать, какие из них включать в ваш дизайн, а какие нет. Здесь мы представляем подборку из худших дизайнерских особенностей пользовательского интерфейса, которые могут нарушить работу вашего сайта и заставить пользователей покинуть ваш сайт.
Разработка интерфейса. Особенности, которых следует избегать.
-
Кнопка Reset на форме.
Мне не нужно объяснять, как раздражает Кнопка Reset на веб-формах, если вы имели «удовольствие» с ними столкнуться по крайней мере один раз. Кнопка Reset на формах, как правило, находится рядом с кнопкой «Отправить», так что пользователь может нажать на нее случайно. Если вы скопируйте и вставите ваше сообщение откуда-то (текста DOC, и т.д.), это означает, что у вас есть возможность скопировать текст еще раз без проблем, поэтому «промазать» мимо кнопки не так страшно. Но если кто-то пишет длинное сообщение и заполняет многочисленные поля с личными данными, он явно нет желание случайно завершить этот процесс из-за случайного неверного клика.
Вывод: никогда не используйте кнопку Reset на контактной форме или любой другой форме на вашем сайте, потому что это может заставить пользователя вводить одни и те же данные два раза. Это не облегчит вашу связь с клиентами, а только ухудшит отношения.
-
Кнопка «Отменить», расположенная рядом с кнопкой «Назад».
Эта проблема очень похожа на предыдущую. Снова кнопки и снова в неположенном месте. Дизайнеры, неужели у вас настолько недостаточно места на веб-сайтах, что вы постоянно ставите кнопки «Отмена» и «Назад» рядом, да и еще так близко друг к другу? Пользователи могут быть введены в заблуждение этим действием и это может испортить их впечатление о вашем сайте.
-
Кнопка X.
Часто пользователи жалуются на кнопку Х, которая настроена неправильно. Есть случаи, когда кнопка не закрывает приложение (или страницу), а делает его меньше размером. Кто просил делать это? Основная функция этой кнопки, чтобы закрыть страницу (приложение, и т.д.) по требованию пользователя!
-
Всплывающие окно Чата в течение первой минуты пребывания на сайте.
Возможно, вы делаете это (всплывающие окна я имею в виду) из лучших побуждений, но не стоит чересчур усердствовать. Что пользователи должны спросить, когда они не имеют ни малейшего представления о том, что вы делаете или продаете? Навязчивость является одним из худших методов, которые вы можете использовать для привлечения клиентов.
Пусть окно Чата всплывает по требованию — создайте хорошо видимую кнопку где-то на боковой панели, так чтобы любой мог воспользоваться ей при необходимости.
-
Скрытые значки пароля при регистрации.
Маскировка пароля — одна из худших черт дизайна пользовательского интерфейса. От кого вы защищаете пользователей? Думаете, у них постоянно кто-то стоит за спиной? Большинство пользователей ненавидят эти точки в поле пароля!
Дайте пользователям возможность выбирать: сделайте для них кнопку «Показать» рядом с полем пароля, так чтобы они могли включить эту функцию или выключить.
-
Автоматическое слайд-шоу.
Запуск слайд-шоу без дополнительных действий со стороны пользователя, может иметь неожиданное влияние на производительность вашего сайта. Размер и содержание слайдов при этом не имеет значения. Эта функция может поймать врасплох пользователей, что явно не сыграет в вашу пользу. Неожиданные действия веб-сайта могут привести пользователей к желанию поскорей закрыть страницу. Вы не можете полагаться на эту функцию, и надеяться, что она будет интересна пользователям и привлечет их внимание.
-
Карусель.
«Карусели» были в тренде несколько лет назад, но теперь их уже не стоит использовать. Первая причина — это их анти-мобильный характер. Сегодня, с использованием гибкой конструкции, карусели просто не употребляют в дизайне. Люди не смогут их посмотреть при просмотре веб-сайт на планшете или любом другом мобильном устройстве. Вы ведь не хотите, чтобы ваш веб-сайт выглядел устаревшим, не так ли? Так что даже не думайте использовать «карусель», как способ украсить ваш сайт или продемонстрировать портфолио.
-
Раскрывающееся меню.
Раскрывающееся меню — один из множества доступных методов навигации, хотя и не самый лучший. Этот стиль меню навигации называется так потому, что меню падает вниз, как правило, с щелчком или при зависании курсора над ним. Этот навигационный стиль имеет несколько недостатков, например, при мобильном использовании. Невозможно оптимизировать этот метод навигации для мобильных устройств. Кроме того, пользователи часто жалуются на выпадающее меню, это усложняет работу пользователей на сайте, и делает сайт тяжелее.
-
Фиксированная панель инструментов.
Фиксированная панель инструментов является полезным элементом дизайна, когда используется с умом. К примеру, можно зафиксировать панель навигации верхней части страницы, для удобства пользователей, чтобы им не приходилось перемещаться вверх для выхода с текущей страницы сайта. Ошибка многих разработчиков заключается в том, что они фиксируют всю верхнюю панель, и она постоянно сопровождает посетителя при прокрутке страницы вниз.
-
Логотип в навигации, при нажатии на который не переходишь на главную страницу.
Люди всегда должны иметь возможность вернуться на главную страницу. Если панель навигации меню не включает кнопку «Home» это действительно плохо, но когда ваш логотип не ссылается на главную страницу, это недопустимо.
-
Бессмысленная «Гамбургер» навигация на рабочем столе.
Значок «гамбургер» — это три небольших полоски, которые сейчас активно используют дизайнеры для обозначения меню на сайте, как правило располагается в правом верхнем или левом углу веб-страницы. Это позволяет скрыть навигационные позиции, но это заставляет пользователя совершать ненужные действия. Обычно пользователи выбирают нужный раздел меню сразу и переходят на него, но значок «гамбургер» заставляет сначала их нажать на него, чтобы увидеть позиции меню. Этот вид меню навигации является более подходящим для мобильных устройств, где экран слишком мал, чтобы показать большой бар меню навигации, но в дизайне основного сайта определенно следует избегать этого навигационного стиля.
Здесь я хотел бы показать вам один интересный пример — дизайн веб-сайта с «гамбургер» -навигацией (когда это абсолютно ненужно), который отсутствует в мобильной версии — как же пользователи должны просматривать веб-страницы, то?
Так выглядит меню на компьютерах:
Так выглядит (точнее не выглядит) меню на мобильных устройствах:
-
Расстановка неправильных приоритетов: когда Клавиатурная навигация приоритетнее навигации с помощью Мыши.
Параллакс и бесконечное прокручивание страницы инициировали тенденцию навигации с помощью клавиатуры. Вместо мыши колеса прокрутки, разработчики начали использовать стрелки на клавиатуре, чтобы прокручивать сайт. Клавиатурная навигация неудобна, к тому же — это необычно и несистемно. Вы можете запутать посетителей, даже если вы сделали небольшой раздел Инфо на главной странице, чтобы объяснить навигационные принципы.
Если вы не можете обойтись без опции Клавиатурной навигации на вашем сайте, предоставляйте пользователям выбор: работать с помощью Клавиатурной навигации или с помощью Мыши.
-
Неудачные Цветовые схемы.
Плохая цветовая гамма – это то что мы частенько видим в Интернете, и меняется это редко. Дизайнеры продолжают делать сайты в неудобных цветовых сочетаниях — что-то вроде красный текст на красном фоне, желтый фон с белым текстом, или — разная цветовая палитры для каждой страницы сайта.
Для тех, кто не дизайнер по профессии и призванию, но кто создает свой сайт самостоятельно, есть удивительная новая функция что вы никогда не видели раньше — Color Picker. Это эксклюзивная функция представлена в новой версии MotoCMS 3.0. Выбор цвета является частью панели управления, встроенной в шаблоны MotoCMS — это позволяет установить цветовую палитру для всего веб-сайта автоматически. Когда вы измените цвет определенного элемента на сайте, все элементы стиля изменят цвет без дополнительных действий. Это полезный инструмент, чтобы ваш сайт выглядел профессионально и был приятен для глаз пользователей без особых усилий с вашей стороны.
-
Меленький шрифт.
Вы хотите, чтобы пользователи надевали очки или брали лупу, чтобы прочитать содержание? Маленький шрифт почти никогда не оправдывается, особенно если он используется для веб-страниц с большим количеством текста. Наиболее оптимальный размер тип 16px — это не слишком большой, не слишком маленький, и это, как показывает практика максимально удобно для мониторов.
-
Защитный код (Captcha).
CAPTCHA раздражает. Вы просто заходите на сайт и вуаля – система уже хочет проверить, являетесь ли Вы человеком или роботом. Это иногда просто раздражает, а еще чаще пользователи просто покидают сайт и остаются неудовлетворенными. На самом деле, CAPTCHA не работает для защиты от спама, если вы используете ее с этой целью – забудьте. Вот одно хорошее решения, чтобы обмануть спам-ботов.
ЗАКЛЮЧЕНИЕ
Это был обзор наиболее распространенных ошибок в пользовательском интерфейсе, которые делают дизайнеры и разработчики. Всем удачи!
Хочешь знать все фишки интернет продаж?
Закажи свой комплект из самых лучших тренингов Михаила Христосенко со скидкой 60%.
Выбирай свой комплект «КОНВЕРСИЯ», «ТРАФИК» или «КОНВЕРСИЯ+ТРАФИК» со скидкой 60% >>>
И не забудь поделиться с друзьями!