Типичные ошибки UX на сайте и как их исправить

Мы испытываем это каждый день: запутанный уличный знак, дверь, которую вы не знаете, толкать или тянуть, или просто упаковку. Я не буду открывать это. В Интернете это кнопка, которая никуда не идет, форма, которую вы не можете заполнить, или всплывающее окно, которое покрывает весь экран. Если вы являетесь человеком в современном мире, вы столкнулись с плохим пользовательским опытом, возможно, несколько раз, прежде чем даже позавтракать.

Что такое пользовательский опыт (UX)? Проще говоря, если вы зайдете на веб-сайт и найдете все, что вам нужно быстро и эффективно, это хороший пользовательский опыт. Если вы посещаете веб-сайт и не знаете, где нажать, или вы застряли где-то и не можете найти то, что ищете, это плохой пользовательский опыт. Как и во многих вещах в жизни, вы обычно замечаете UX только тогда, когда это плохо.

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

Давайте посмотрим на некоторые распространенные ошибки UX и выделим, что вы можете сделать, чтобы их исправить.

UX ошибка 1: подача «таинственного мяса»

Когда вам преподносят кликабельный значок, кнопку или изображение, и вы не представляете, что он делает или куда вас приведет, это загадка. Разработанный в конце 1990-х веб-дизайнером Винсентом Фландерсом (основателем "Web Pages That Suck"), он относится к проектам, которые понятны для дизайнера, но просто сбивают с толку любого, кто пытается его использовать.

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

Со временем нас всех обучили искать определенные сигналы для просмотра в Интернете: маленький значок телефона приведет вас к номеру телефона, увеличительное стекло – к поиску и т. Д. Добавьте к смеси неожиданный или неоднозначный выбор, и люди запутаются.

Значит, значок утки приведет меня к …?

Если вы обеспокоены тем, что ваш сайт полон таинственных значков, кнопок или инструкций, спросите себя: «Если я впервые захожу на этот сайт, имеет ли это смысл для меня?» Если ответ «нет», возможно, пришло время для изменений.

UX Fix: Используйте универсально установленные значки и изображения для представления действия. Существуют отличные онлайн-ресурсы, такие как flaticon.com и graphicburger.com, которые имеют десятки бесплатных наборов иконок для вас, все с общепризнанным дизайном.

Ошибка UX 2: слишком много всплывающих сообщений

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

Почему веб-дизайнеры используют то, что так раздражает? Ну, проблема в том, что они действительно работают (для владельца сайта, то есть). Когда мы временно тестировали всплывающую новостную рассылку в блоге Jimdo, мы резко увеличили количество подписок. А с некоторыми действительно хорошими бесплатными инструментами их легко установить. Наш гостевой блогер Роберт Брандл даже проведет вас через некоторые варианты здесь. Но, как указывает Роберт (и дядя Бен Спайдермена), великая сила несет большую ответственность. Бизнес основан на доверии, и веб-сайты тоже, поэтому не жертвуйте опытом ваших посетителей ради быстрых, но поверхностных «конверсий».

UX Fix: Если вы собираетесь использовать всплывающее окно, просто используйте его и используйте его экономно. Также убедитесь, что то, что вы просите людей сделать с вашим всплывающим окном, действительно полезно, а не просто отвлекает от того, что они пытаются достичь.

Ошибка UX 3: игнорировать комментарии пользователей

Когда дизайнер UX Челси Регнани создала свое первое мобильное приложение, она попросила подругу прокомментировать, хотя результаты оказались не такими, как она ожидала услышать:

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

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

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

Ошибка UX 4: забывание мобильных посетителей

Использование мобильного сайта (иными словами, использование веб-сайта на смартфоне или планшете) растет на протяжении многих лет. В 2015 году Google объявил, что впервые в истории больше людей искали с мобильных устройств, чем с настольных или портативных компьютеров. Поэтому, даже если вы обычно используете компьютер, очень вероятно, что многие из ваших посетителей будут заходить через мобильные устройства. (Кстати, вы можете увидеть этот номер в вашей статистике Jimdo или в нашем новом приложении Analytics.)

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

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

UX Ошибка 5: изобретать велосипед

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

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

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

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

UX Fix: Изменение общих стандартов усложнит понимание вашего сайта. Размещайте различные предметы в местах, где люди часто ожидают их появления, и храните вашу самую важную информацию «выше сгиба», чтобы посетители могли ее просматривать без прокрутки. Для получения дополнительных советов по дизайну ознакомьтесь с этими тремя принципами веб-дизайна, которые должен знать каждый новичок.

UX означает считать пользователя

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

Также помните, что даже эксперты UX не начинают знать все ответы. Это учебный процесс. Конечно, есть основные принципы, которым нужно следовать, но лучший способ улучшить ваш сайт – это учиться со временем.