В течение последних 5 лет web-дизайн претерпел множество изменений, было внедрено огромное количество инновационных решений и реализована масса модных тенденций. Эта отрасль развивается очень активно: все старые ресурсы стараются максимально быстро обновить свой интерфейс, а новые – реализовать самые передовые тренды. Но необходимо отметить, что существует масса web-ресурсов, которые используют устаревшие методы и из-за этого значительно деградируют в плане привлекательности для клиентов. Создание дизайна сайта – это кропотливый и трудоемкий процесс, от которого на 50% зависит уровень конверсии. Чтобы не прогадать с ним, ознакомьтесь с тенденциями, актуальными в 2015 году, а также методами, утратившими свою популярность.
Тренды, потерявшие актуальность
Многие из «украшательств», использовавшихся ранее практически на каждом сайте, — стандартных фотографий, а также шаблонных элементов интерфейса, уже успели надоесть 90% пользователей. Кроме того, данные элементы часто воспринимаются как дурной тон. Итак, давайте рассмотрим, чего стоит избегать веб-дизайнерам в 2015 году?
Реалистичный дизайн и стиль Web 2.0
Уже давно прошли те времена, когда каждый считал своим долгом использовать на сайте объемные кнопки со скругленными краями, подсветку элементов, реалистичную иконографику, а также градиентные заливки и «отражения» объектов. Сейчас стал популярен минимализм, и, несмотря на то, что мнения авторитетных дизайнеров об использование плоского и объемного дизайна расходятся, мало кто будет спорить с привлекательностью первого из них.
PopUp-окна
Статистика показывает, что большинство пользователей Интернета негативно относятся к всплывающим окнам, которые «выпрашивают» электронную почту для рассылок или показывают рекламу. Кроме того, дополнительный минус – отсутствие быстрого способа избавиться от них. Не пугайте пользователей — забудьте об автоматических PopUp-окнах.
Заставка при загрузке
Пользователь, переходя на ресурс, желает сразу увидеть необходимый ему контент, а не рассматривать полосу загрузки, полноэкранную заставку для сайта или видео, проигрываемое при открытии страницы. Все эти элементы воспринимаются как помехи, которые мешают веб-серфингу и могут негативно сказаться на репутации Интернет-ресурса. Особенно если их невозможно пропустить или моментально закрыть.
Отсутствие читабельности и перегруженность шрифтами
Множество различных шрифтов на одной странице – это признак полного отсутствия вкуса. Лучше всего использовать один определенный шрифт для всех однотипных элементов. Кроме того, текст должен быть оптимального размера, а его цвет – хорошо контрастировать с фоном, чтобы каждый пользователь смог рассмотреть и с легкостью прочитать весь изложенный материал.
Неестественные фотоснимки со стоков
Пользователи перестали доверять снимкам с «глянцевыми» бизнесменами, «счастливыми» обладателями каких-либо товаров (натянутые улыбки которых могут вызвать лишь иронию) и т.д. Все это выглядит скучно и неестественно, намного эффектней будут смотреться изображения, отснятые специально под конкретный проект.
Самовоспроизводящееся видео и аудио
Произвольное воспроизведение видео со звуком или музыки на странице – это признак дурного тона. Кроме того, что пользователь просто не ожидает такого «сюрприза» от сайта, проигрывание звука может поставить его в неловкую ситуацию или, к примеру, разбудить ребенка. Обычно такие страницы закрываются моментально, без малейшего сожаления.
Решения, утратившие свою практичность
Интернет, как и все технологии, не стоит на месте и развивается буквально с каждым часом. Использование современных средств и методов веб-дизайна позволит избавиться от массы проблем, связанных с отображением сайта на различных устройствах, а также улучшить его восприятие пользователями.
Текст в виде изображений
Использовать изображения для размещения текста на сайте – это довольно плохое решение. Если у пользователя медленный интернет, он просто не сможет сориентироваться в меню, чтобы попасть на нужную страницу, ведь изображения загружаются значительно дольше текста. Кроме того, ни один из поисковиков не сможет проиндексировать навигационное меню, так как они не умеют «читать» текст с картинок.
Использование технологии Flash
Сейчас всем разработчикам доступны такие технологии, как HTML5, CSS3 и т.д., которые позволяют реализовать полную совместимость сайта с различными устройствами и браузерами. В то время как морально устаревший Flash не даст воспользоваться всем функционалом сайта как минимум 40% посетителей.
Множество кнопок Share и Like
Не стоит размещать на сайте кнопки всех доступных социальных сетей. Это не только отвлекает внимание пользователей, но и занимает полезное пространство. Оставьте кнопки 2-3 самых популярных ресурсов, а остальные скройте из виду.
Иконки без подписей
Если подписи к иконкам отображаются только при наведении на них мышки – это большая проблема для мобильных пользователей. Они не смогут посмотреть подписи и им придется лишь догадываться о назначении изображения. Кроме того, при использовании ПК не каждый посетитель захочет искать нужный пункт меню «методом научного тыка».
Что сейчас в моде?
Одним из самых последних трендов является адаптивный дизайн, который отлично выглядит и стабильно работает как на ПК, так и на смартфонах. Кроме того, очень популярен flat-дизайн (с плоскими элементами), в котором используется минимум графики, а все внимание акцентируется на содержимом.
Блочный дизайн
Блочное размещение информации позволяет максимально быстро и комфортно ознакомиться с содержимым Интернет-ресурса. Простые и яркие блоки с текстом, дополненные хорошими фотографиями, являются очень практичным решением.
Минимализм во всем
Теперь на страницах сайта ценится большое количество свободного пространства, контент, притягивающий внимание посетителей, и простой для восприятия интерфейс, который не перегружен лишними блоками.
Фон из видеороликов или фотографий
Фото-фон для сайта – это отличный способ привлечь внимание посетителя. Он позволяет сделать Интернет-ресурс запоминающимся и дает возможность выделиться среди конкурентов. Как вариант, вместо фотографий можно использовать синемаграфы – анимированные изображения с минимальным движением.
Еще одна модная тенденция – видео-фон для сайта, он размещается позади контента в полноэкранном режиме. При этом важно, чтобы воспроизведение видео не мешало восприятию информации с ресурса.
Использование инфографики
Данный ход в последнее время стал очень популярен на многих сайтах. Инфографика – это способ подачи информации в графическом виде, который помогает максимально оживить контент и заинтересовать читателей.
Простые цветовые схемы
Сейчас популярно использовать в дизайне сайта всего лишь несколько хорошо подобранных цветов вместо всей «радуги». Благодаря этому все внимание пользователя концентрируется на наиболее важных элементах.
Качественные нестандартные шрифты
Шрифт, который сможет подчеркнуть индивидуальность и при этом будет максимально легок для восприятия – настоящая визитная карточка любого Интернет-ресурса. Нестандартные шрифты на сайте больше не являются проблемой благодаря таким сервисам, как Google Fonts и Typekit.
