Удобство сайта или UX/UI

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

UX (сокращение от user expirience), — пользовательский опыт, взаимодействие пользователя с сайтом.

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

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

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

UI (сокращение от user interface) — пользовательский интерфейс, собственно сам дизайн сайта, это все и шрифты, и отступы и адаптивный дизайн.

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

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

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

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