Пытаться использовать плохо продуманный интерфейс - все равно что вставлять квадратный колышек в круглое отверстие.

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

 


  • Кнопки, которые слишком малы для точного нажатия.

  • Ссылки, расположенные слишком близко друг к другу

  • Меню, в которых трудно ориентироваться

  • Текст, который трудно читать

  • Всплывающие окна, которые навязчивы и раздражают.


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

Бесконечная капча


Все мотоциклы, все светофоры, все поезда... Вы можете часами пытаться перехитрить машину и все равно потерпеть неудачу. Но кто здесь проиграл?

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

ошибки ux дизайна

Слишком много кнопок "купить"

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

 

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

 А это последнее, о чем вы хотите, чтобы подумали ваши пользователи!

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

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

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

неудачные примеры UX-дизайна

Слишком много фильтров в интернет-магазине

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

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

 

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

Спасибо, что отфильтровали это для нас!

примеры ux дизайна

Пикселированные изображения

Вы когда-нибудь пытались разобрать, что находится на пикселированном изображении? Это нелегко, не так ли? А еще сложнее, когда вы пытаетесь сделать это на маленьком экране.

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

 

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

ui ux дизайн примеры

Раздражающие всплывающие окна

Давайте посмотрим правде в глаза: все мы ненавидим всплывающие окна.

Вы занимаетесь своими делами, читаете статью или пролистываете список продуктов, когда - БАМ! - из ниоткуда появляется всплывающее окно, загораживающее обзор и требующее вашего внимания. Этого достаточно, чтобы вам захотелось выбросить компьютер в окно. Но как бы они ни раздражали, всплывающие окна служат важной цели: они помогают веб-сайтам получать доход. Однако это не обязательно означает, что они полезны для пользователей. Всплывающие окна могут нанести вред пользовательскому опыту.

 

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

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

 

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

Заголовки-кликбейты и ложные обещания - обычная тактика, чтобы заманить людей нажать на всплывающее окно. И даже если информация, содержащаяся во всплывающем окне, актуальна, ее зачастую сложно понять или переварить. В результате пользователи чувствуют себя растерянными и разочарованными. Избавьтесь от них и привлекайте пользователей более тонкими способами.

ux дизайн примеры работ

Бесконечная прокрутка

Бесконечная прокрутка позволяет просматривать контент без необходимости переходить по страницам.

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

ux ui дизайн примеры работ

Блоки неформатированного текста

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

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

 

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

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

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

 

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

ошибки ux дизайна

Слишком много анимации

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

 

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

 

Поэтому в следующий раз, когда вы будете разрабатывать сайт, не забывайте соблюдать баланс анимации. Ваши пользователи будут вам за это благодарны.

 

Не дружественный к мобильным устройствам


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

В конце концов, почти две трети всего интернет-трафика сегодня поступает с мобильных устройств, и это число будет только расти. Однако, несмотря на это, многие сайты до сих пор не оптимизированы для мобильных пользователей. Это огромная ошибка!

 

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

неудачные примеры UX-дизайна

Длинные регистрационные формы

Случалось ли вам заполнять длинную регистрационную форму на сайте, но потерять результат из-за случайного перехода со страницы? Если да, то вы знаете, как неприятно иметь дело с длинной формой.

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

 

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

примеры ux дизайна

Заключительные мысли

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