Этот сайт как использует Сookie, не парься и жми ОК
OK
Сообщество

5 ошибок UX/UI

По данным Forbes, в 2020 году в мире было 9 миллионов приложений. Что же такое должно быть у вашего продукта, чтобы среди них всех выбрали ваше? Например, хороший UX/UI дизайн.
Первое впечатление станет последним, если не увлечь пользователя с первых секунд. Проработанный интерфейс и эргономика помогут в этом.

Мы выделили 5 ошибок, которых стоит избегать и исправлять.


Чрезмерно нагруженный дизайн

источник: reddit

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

Посмотрите сайт Йельской школы искусств. Эта школа входит в топ-3 по направлению дизайна. Такой концептуальный дизайн, возможно, подойдет для школы искусств, но подобное отсутствие понятной эргономики негативно скажется на сайте бизнеса.

Копирование других

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

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


Видите кнопки прокрутки на этой карусели? В погоне за эстетикой функциональный элемент сделали еле видным. Пользователь может попросту не заметить стрелок и пропустить карусель.

Или другая проблема: фиксированные хедеры. Если это маленькая изящная строчка, то проблем обычно нет. Но иногда это широкие, большие блоки, которые запросто могут перекрыть треть экрана. На телефонах это становится смертельным приемом.

На одном из наших сайтов мы использовали такое решение: вместо фиксированного хедера аккуратную кнопку сбоку, которая раскрывается в меню.

Формы

источник: блог prototypr.io

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

Сначала контент

источник: блог prototypr.io

Дизайн - способ выгодно показать продукт. Соответственно, дизайн подстраивают под продукт, чтобы все выглядело гармонично. Бывают случаи, когда создают макет с шаблонным текстом, но когда вставляют уже настоящий - все ломается.
В Yoko этот вопрос решили так: когда макеты заполняются текстом, дизайнеры сразу работают с редактором, чтобы контентная часть была в чистовом варианте и ничего позже не поломалось.

Не интуитивность

Это диспенсер для мешков. Пожалуйста, не кладите сюда собачьи какашки. Спасибо.

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

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


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