Красота — не всё: как сделать сайт максимально эффективным
![Красота — не всё: как сделать сайт максимально эффективным](https://static.wixstatic.com/media/72c0b2_5f65a777c2634159b25fc247d093e82e~mv2.jpg/v1/fill/w_92,h_53,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_5f65a777c2634159b25fc247d093e82e~mv2.jpg)
Главная задача Wix – не просто помочь в создании красивого сайта, но и сделать его понятным и удобным в использовании. Для начала наша платформа предлагает вам выбрать один из дизайнерских шаблонов, которые можно легко настроить по вкусу, но это еще далеко не все: мы постараемся помочь вам совместить современный дизайн с функциональностью, чтобы посетителям было не только приятно смотреть на ваш сайт, но и пользоваться им.
Узнайте, как превратить любительский сайт в по-настоящему профессиональный, используя современные принципы веб-дизайна:
01. Навигация: логика — мать порядка
Ключевой элемент в любом профессиональном сайте – это интуитивно понятная навигация. Никто не захочет тратить свое драгоценное время, гадая, как перейти с одной страницы на другую. Ваша задача сделать этот процесс максимально простым для всех. Вот несколько советов, которые помогут вам в этом:
Меню должно быть хорошо заметным. Используйте цветовую схему, которая выделила бы меню на фоне всех остальных элементов на странице.
![Настройка стиля меню в редакторе Wix](https://static.wixstatic.com/media/72c0b2_657a4ba227a94e6aba33b33e4d5fa187~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_657a4ba227a94e6aba33b33e4d5fa187~mv2.jpg)
Выделяйте активные ссылки другим цветом, чтобы пользователи понимали, на какой странице они сейчас находятся. Это можно сделать, поменяв настройки в «Дополнительных стилях» меню в редакторе Wix.
Ссылка в логотипе должна вести на главную страницу сайта. Это давно стало стандартом в навигации, поэтому большинство пользователей будут искать её именно там.
![Добавление ссылки на главную страницу сайта в редакторе Wix](https://static.wixstatic.com/media/72c0b2_ca001b1923ee45bea4ccbd2ce943c70c~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_ca001b1923ee45bea4ccbd2ce943c70c~mv2.jpg)
Если вы используете подразделы, обязательно добавьте выпадающее меню, в котором пользователи смогут легко выбрать нужную категорию.
Первая кнопка в меню всегда должна вести на главную страницу.
02. Мобильная версия: будьте доступны с любого устройства
Не стоит дискриминировать посетителей по виду устройства, с которого они зашли на ваш сайт: пусть у каждого будет возможность просмотреть ваш сайт в любое время, с любого устройства. Согласно недавнему исследованию Mail.ru, за последний год пользователей мобильного интернета в России стало в полтора раза больше, в то время как наиболее часто мобильный интернет используют как раз для поиска информации. Это в очередной раз доказывает, что наличие мобильной версии для сайта просто необходимо для расширения охвата аудитории. Мобильный редактор Wix позволяет за пару кликов сделать ваш сайт доступным для просмотра с любого мобильного устройства, будь то смартфон или планшет. При этом, мобильный сайт сохраняет свой изначальный вид, но его структура перестраивается в соответствии с требованиями используемого устройства.
![Редактор Wix: мобильная версия сайта в режиме предпросмотра](https://static.wixstatic.com/media/72c0b2_736b9f1c66d74ca5b5442151a36d9219~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_736b9f1c66d74ca5b5442151a36d9219~mv2.jpg)
03. Визуальный язык: не говорите лишнего
К последним трендам в веб-дизайне относятся плоский дизайн, длинная прокрутка, фиксированные хедеры и хорошо продуманные иконки – и это лишь некоторые из них. Каким бы ни был стиль вашего сайта или тренд, которому вы хотите следовать, главное, что вам нужно сделать, – это использовать единый стиль на всем сайте. Минимализм на одной странице, десяток динамических галерей с анимацией на другой и акцент на текстовую информацию и шрифты на третей, – такой подход не только идет вразрез со всеми правилами веб-дизайна, но скорее всего еще и оставит вас без посетителей. Как только вы определитесь с тем, какие визуальные элементы вы хотите использовать на своем сайте, попробуйте найти сайты, которые уже используют такой стиль. Вы заметите, что даже на страницах с совершенно разным контентом соблюдается один и тот же стиль. Такого же подхода нужно придерживаться и вам: визуальная составляющая вашего сайта должна быть целостной и запоминающейся.
![Страницы сайта, оформленные в едином стиле.](https://static.wixstatic.com/media/72c0b2_eb7831eb7e3c4c0380672d00d72b4521~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_eb7831eb7e3c4c0380672d00d72b4521~mv2.jpg)
04. Функционал сайта: думайте на шаг вперёд
С одной стороны, вы не должны перегружать сайт излишними элементами и функционалом, с другой – вы должны предоставить посетителям все необходимые инструменты для максимально эффективной работы с вашим сайтом. Подумайте, как вы можете использовать эти инструменты:
Поисковая строка позволяет посетителям осуществлять поиск на сайте;
Якорные ссылки делают навигацию более удобной;
![Редактор Wix: добавление якорной ссылки](https://static.wixstatic.com/media/72c0b2_3d7d82db8a9843ea9dfc104d8f752a2c~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_3d7d82db8a9843ea9dfc104d8f752a2c~mv2.jpg)
Многоязычный сайт подойдет для многоязычной аудитории;
Встроенные новостные ленты поспособствуют продвижению вашей активности в соцсетях.
![Редактор Wix: встроенная лента новостей из Instagram](https://static.wixstatic.com/media/72c0b2_6a8833aa60fb489fb28c3447ecfec99b~mv2.jpg/v1/fill/w_117,h_81,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_6a8833aa60fb489fb28c3447ecfec99b~mv2.jpg)
Добавьте эффект увеличения фотографий для детального ознакомления с товарами в вашем онлайн-магазине.
Не все эти функции могут подойти вашему сайту, но вы должны всегда рассматривать новые варианты для его улучшения. Следите за новостями Wix на наших страницах в Facebook, ВКонтакте или в Google+ и подпишитесь на блог Wix, чтобы быть в курсе последних обновлений и регулярно получать от нас советы и вдохновение.
Ваша команда Wix
#UX #WixAppMarket #каксоздатьсвойсайт #мобильныйсайт #полезныефункции #советыповебдизайну #Тренды #юзабилити