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

Когда пользователя спрашивают нравится ему сайт или нет, он, обычно не задумываясь, отвечает что-нибудь вроде: «да!» или «вполне устраивает!». У пользователя начинает складывается впечатление сразу же с первого захода на страницу. И зачастую складывается оно из мелочей, о которых он даже может не задумываться.

Хочется привести несколько примеров.

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

Также интересный пример для сайтов, разделённых для пользователей по местоположению. Это сайты больших компаний, развитых в различных регионах (sberbank.ru), интернет-магазинов (mtonline.ru, technosila.ru) итд итп. Неопытные пользователи, прослышав о том, как просто и удобно покупать в интернет-магазинах, кидаются в глобальную сеть. Однако они часто не замечают, что нужно сначала выбрать город. Хотелось бы сделать это элемент удобным и вписывающимся в дизайн сайта.

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

Пример создания выбора города на сайте | Скачать архивом .rar

А как вы думаете стоит ли заострять внимание на таких мелочах?