Существует несколько идей относительно веб-дизайна, которые, кажется, никогда не исчезнут, хотя они уже не так верны, как раньше. И все же некоторые концепции не выдержали испытания временем, поэтому стоит подумать, следует ли их использовать дальше.
Людям нравятся слайдеры? Простота – это минимальный дизайн? Вы действительно должны включить каждую страницу вашего сайта в навигацию? Определенно есть с чем разобраться!
В этой статье мы рассмотрим несколько мифов веб-дизайна и поделимся современными передовыми практиками, чтобы вы не попали ни в одну из ловушек старой школы.
1. Пользователи любят слайдеры
Когда вы в последний раз прокручивали слайдер или даже нажимали на него?
Хотя слайдеры по-прежнему популярны, на самом деле они не так уж полезны. Их использование, а также вращающихся каруселей исключительно низкое.
Более того, имеются довольно убедительные аргументы в пользу их устранения:
- Только 1% людей на самом деле нажимают на слайдер
- Слайдеры содержат слишком много информации и могут привести к путанице
- Они могут замедлить работу вашего сайта
- Посетители могут пропустить важные сообщения на веб-сайте
Все эти проблемы со слайдерами приводят нас к твердому выводу: есть варианты лучше.
Только от вас зависит как придумать более креативное дизайнерское решение. Возьмите информацию, которую вы собирались поместить в слайдер, и создайте экраны с помощью параллаксной прокрутки или разработайте несколько целевых страниц с целью сгенерировать различные воронки для того, что было бы контентом слайдера.
Главное, не попадайтесь в ловушку слайдера. Подобное буквально кричит о нерешительности — как со стороны дизайнера, так и со стороны пользователя.
2. Дизайн просто делает вещи красивыми
Хороший дизайн не просто нарисован на холсте. Хотя он должен быть эстетически приятным, по-настоящему хороший дизайн функциональен и красив.
Когда вы создаете что-то, что выглядит хорошо, вы думаете о полноценном пользовательском опыте? Как посетители будут взаимодействовать с дизайном? Смогут ли они сделать то, что они ожидают, благодаря визуальным подсказкам?
Попробуйте подумать о процессе разработки не только с визуальной точки зрения. Когда вы начнете сопоставлять проект, рассмотрите функцию с визуальными элементами. Это поможет вам каждый раз создавать лучший дизайн.
Используйте хорошие визуальные эффекты, чтобы помочь решить проблемы пользователя или найти ключевую информацию. Это включает в себя все — от изображений до цвета и выбора типографики.
3. Простота = Минимальный дизайн
Простой дизайн не обязательно должен быть минимальным.
И то, и другое — отличные дизайнерские концепции. Мы регулярно подчеркиваем в наших статьях, как простые методы создания дизайна могут способствовать хорошо разработанному проекту. Но если что-то простое, это еще не значит, что оно минимально.
Простой дизайн легок для понимания без особых заморочек в визуальных элементах или интерфейсе. Это как раз то, что вам нужно для эффективного взаимодействия и привлечения посетителей сайта.
Минимальный дизайн — это эстетика, которая удаляет все ненужные визуальные эффекты для гладкого, изящного внешнего вида.
Минимализм заключается в визуальном представлении, в то время как простота может быть визуальной и функциональной. Для большинства дизайнеров есть возможность использовать обе философии дизайна.
4. Пользователи не прокручивают
Был определенный отрезок времени, когда все практические советы говорили, что дизайн сайта должен располагать всю необходимую информацию над прокруткой. В противном случае пользователи никогда не увидят ее.
Правила прокрутки изменились.
- Глубина прокрутки на экранах рабочего стола (в основном горизонтальная) отличается от глубины экрана телефона или планшета (часто вертикальной).
- Пользователи достаточно хорошо умеют быстро прокручивать и просматривать контент, прежде чем принять решение придерживаться предложенного дизайна или отказаться от него. Вы можете думать об этом, как о быстрой перемотке рекламы по телевизору и нескольких быстрых кликах, чтобы увидеть, есть ли что-то, ради чего стоит остановиться.
Это означает, что вам нужен очень интересный контент в нескольких местах на каждой странице. В верхней части для пользователей, которые смотрят и потом решают уходить или нет, а также где-то еще на странице для тех, кто будет делать быстрое сканирование страницы.
Если вы действительно беспокоитесь о том, что пользователи не прокручивают, предоставьте инструкции или визуальные подсказки, которые поощряют это. Сайт Gngn, выше, делает это с помощью инструкции прокрутки в левом нижнем углу, а также точек временной шкалы.
Еще более важным может быть создание этих информационных фрагментов таким визуально интересным способом, что они почти заставляют пользователей останавливаться и смотреть. Это дает вам второй шанс превратить посетителя в того, кто завершает конверсию.
5. Все должно быть в навигации
Вероятно, Amazon — это единственный веб-сайт способный использовать уровни навигации, которые, кажется, продолжают работать. И все же, даже такой розничный монстр начал совершенствовать свои мега-меню.
Представление слишком большого количества вариантов в навигации может оказаться подавляющим и на самом деле иметь противоположное влияние на посетителей веб-сайта, а это означает, что они покинут страницу, а не выполнят действие.
Лучший вариант — поместить несколько самых популярных ссылок в основную навигацию и включить заметную опцию поиска для пользователей, которые не видят, что они ищут. Включите поиск в главном меню или рядом с ним, чтобы он стал очевидным решением, если они что-то не находят.
Дополнительный бонус – такой подход делает навигационные меню намного более понятными и удобными для работы на мобильных устройствах, а также не предлагает кардинально отличающийся список опций.
6. Веб-типографика должна быть без засечек
Сколько раз вы слышали, что вам нужно использовать шрифты без засечек на веб-сайтах? Слишком много, верно?
Хотя когда-то это было правдой, сегодня — это миф. Благодаря экранам с высоким разрешением вы можете легко видеть и читать практически любой шрифт (при условии правильного цвета и контраста) на веб-сайте. Причина использования шрифтов без засечек заключалась в основном в экранах с низким разрешением, которые могли затруднить чтение других шрифтов.
Так что дерзайте! Используйте шрифт с засечками, скриптовый или инновационный, если он подходит для вашего проекта.
7. Все, что имеет значение, это домашняя страница
Еще одной исчезающей тенденцией в дизайне веб-сайтов является использование одностраничных сайтов, которые размещают всю информацию на главной странице. Это хорошая идея, если у вас ограниченное количество контента.
Большинство сайтов гораздо более эффективны, когда используют несколько страниц и точек входа для пользователей. В то время как есть посетители, которые приходят на сайт напрямую, введя URL или ссылку, многие другие найдут ваш сайт благодаря поиску.
Дополнительные страницы с более направленным контентом могут помочь правильным посетителям сайта найти ваш сайт и контент, который они хотят видеть. Это включает в себя все, начиная от постов в блоге и заканчивая вашим контактом или страницей о компании.
Одностраничный дизайн также может быть ограничен, если вы начинаете развивать свой бизнес или хотите больше контента на сайте. Многостраничная структура будет легче расти и развиваться с течением времени.
8. Вам нужна лента социальных сетей на вашем сайте
Этот элемент дизайна сайта почти так же популярен, как и слайдер — социальные сети на веб-страницах.
Подумайте об этом:какую выгоду вы получите от наличия версии вашего канала в Facebook на домашней странице вашего сайта?
Возможно, будет лучше предоставить посетителям сайта кнопку для легкого обмена контентом в социальных сетях или для того, чтобы стать фолловером, но им не нужно видеть ленту на вашем сайте. Это две разные платформы для разных задач.
Вывод
Чтобы обеспечить современный дизайн веб-сайта, важно оставаться в курсе исследований пользователей и шаблонов, вашей собственной аналитики веб-сайта и тенденций. Ни один из этих элементов сам по себе не является достаточным, чтобы понять, как и что вы должны делать с дизайном, но вместе они являются мощными инструментами.
Один из верных признаков устаревшего веб-сайта – отсутствие эволюции по мере изменения привычек и поведения пользователей. Технологии и использование устройств, как правило, способствует этому, поэтому обращайте внимание на то, что вы видите, когда посещаете другие веб-сайты, чтобы определить, нуждается ли ваш сайт в нескольких изменениях.
Всем успешной работы и творчества!
0 комментариев