Найти в Дзене
NET Watcher

UI\UX на плохих примерах

Оглавление

Если вы делаете клиентскую часть сайта, эти примеры могут быть вам полезны, чтобы вы знали, как делать не надо, т.к. основаны они на собственном опыте (и боли). Итак, начнем.

Слишком большие вложенные меню

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

Изображение с сайта AntiSTARforce
Изображение с сайта AntiSTARforce

Потеря данных, при обращении к некоторым элементам

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

Дефолтный TAB в многострочных полях редактирования

Суть проста: изначально клавиша TAB переводит фокус на другой элемент сайта (т.е. делает его активным), в то время как все профессиональные редакторы используют ее для вставки длинных пробелов (табуляций). Что особенно обидно, многие онлайн редакторы и форумы, предполагающие работу в многострочных полях, пренебрегают этим. Вот и получается, что автор хочет сделать красивый отступ, а переводит фокус на какую-нибудь кнопку...

-2