Art Circle
Дизайн

Как должен выглядеть многостраничный сайт согласно правилам UX?

Автор: арт-директор студии
Александр Дьяков
Создание полноценного многостраничного сайта — это довольно тяжёлая задача. В отличие от простых лендингов и промо-сайтов, где бал правит приятная обёртка и вау-эффект, в случае многостраничника на сцену выходит UX-дизайн. Мало сделать сайт просто красивым, он обязан быть удобным для пользователя, каждый его элемент должен быть помощником и «другом» человека, зашедшего на сайт, ведь в первую очередь он служит удобным источником информации. В данном случае как никогда подходит фраза, которую мы любим повторять: «Дизайн — это не то, как продукт выглядит, а то как он работает».

Сегодня мы хотим показать вам осуществление данного принципа в жизнь на примере проекта многостраничного сайта системного агрегатора «Астерос». Данный проект мы осуществили исключительно из желания потренироваться в данном направлении. Эта компания реализует инфраструктурные и инженерные проекты от стадии проектирования до стадии реализации. Как вы понимаете, тут мало «купить» потенциального клиента одним лишь красивым внешним видом, очень большую роль играет атмосфера надёжности и профессионализма. И лучше всего она создаётся благодаря UX-дизайну. Более того, все элементы должны быть понятны и просты для любого пользователя. Давайте взглянем на главную страницу:

Как мы говорили выше, сайт невероятно объёмен, в нём заключено большое количество информации, к которой должен быть обеспечен удобный доступ. Следственно, большую роль в данном проекте играет меню. В данном случае мы выбрали комбинацию «бургерного» и супер-меню. Это позволяет обеспечить максимально удобный доступ к информации, а также органично вписать дополнительные материалы:
А вот так выглядит меню при прокрутке:
Страница IT-инфраструктуры содержит в себе основную массу информации. Перед нами стояла задача вместить её полностью, но при этом не перегрузить страницу. На помощь пришли спойлеры и скрытые блоки. Так выглядит страница с одним из раскрытых спойлеров:
Создание такого сайта — неимоверно сложная и трудоёмкая задача. Не последнюю роль в её осуществлении играет UX-прототипирование и создание карты сайта, ведь вся масса информации должна быть логически верно выстроена между друг другом.
Если вам нужен сайт с сильной структурой и правильными решениями, то напишите нам: