Давайте поговорим о том, каким должен быть ваш сайт, чтобы не выглядеть старомодным и убогим. Безусловно, в вопросах вебдизайна можно следовать собственному вкусу — как и в одежде, и в архитектуре и других вопросах, но тогда вы рискуете остаться непонятым посетителями вашего сайта. А ведь, в конечном итоге, современный сайт делается именно для них.
- Адаптивность
Уже смешно говорить о том, как стремительно растет доля мобильного трафика в современном интернете — слишком это очевидный факт. Современный сайт должен одинаково хорошо выглядеть и на широкоформатном мониторе, и на ноутбуке, и на планшете, и на смартфоне. Но и это не все. Кто-то выходит в интернет с телевизора, кто-то — со смарт-часов и прочих браслетов, а кто-то и вовсе с велотренажера. Соответственно, и дизайн сайта должен уметь подстроиться под все эти устройства, список которых будет только расширяться.
Если же любители странных устройств — не ваша целевая аудитория, и вы не готовы перерабатывать свой сайт ради них, убедитесь хотя бы в том, что он не отображается нечитабельно узкой лентой, но и не растягивается в одну широченную строку на современных мониторах.
- Минимализм
Сайты с огромными высокохудожественными шапками, сложными текстурами, попытками имитации реальных предметов (пример — книжная полка для сайта-библиотеки) давно выглядят устаревшими. В моде минимализм и плоский дизайн. Украшательства не нужны, наиболее важны контент и функциональность. Стоит заметить, что это не просто мода: такие сайты действительно являются более простыми для восприятия. Что, без сомнения, отражается и на конверсии.
- Плиточный дизайн
Плитки или блоки — актуальнейший способ представления информации: аккуратно, компактно, функционально. Опять же, такие блоки легко перемещать в парадигме адаптивного дизайна. Плитки могут раскрываться, анимироваться, показывать дополнительную информацию при наведении. А пользователям устройств с тачскрином удобно тыкать в них пальцем.
- Типографика, ориентированная на Интернет
Сайты с длинными плотными текстами, написанными крошечными буковками, все больше уходят в прошлое. Проведено множество исследований, подтверждающих, что размер шрифта влияет на восприятие. И что размер, отлично подходящий для текста, напечатанного на бумаге, совершенно не подходит для чтения с экрана. Так что шрифт должен быть достаточно велик. И не стоит забывать про отступы, дабы текст не слипался в огромную портянку.
Но и это еще не все! В моде игры со шрифтами. Качественные типографические решения становятся все более приемлемыми по стоимости, есть множество прекрасных бесплатных шрифтов, позволяющих дизайнеру проявить фантазию даже при скромных бюджетах. Текст не должен выглядеть скучно!
- Профессиональные фотографии и фоновое видео
Когда-то все старались ограничить размеры изображений для сайта, урезать качество. К счастью, эти времена прошли. Нынешние скорости передачи данных позволяют использовать качественные фотографии и видео. И это отличный способ сделать ваш сайт более красивым и современным, придать ему соответствующее настроение.
И не всегда стоит покупать эти фотографии на стоках: посетителя может отпугнуть их чрезмерная нереалистичность. Если профессиональный фотограф снимет именно ваши товары, ваш офис, ваших сотрудников, это придаст сайту уникальность и выделит его из ряда конкурентов.
- Анимация, параллакс, интерактивность
Но красивых картинок мало для того, чтобы привлечь пользователя. В моду, преобразившись, вернулась анимация! Не вспоминайте о тяжеленных сайтах c флешем, используйте эффекты CSS3. Они открывают широчайшие возможности для интерактивного дизайна: различной анимации, трансформации и прочих преображений.
Параллакс же — простой, но впечатляющий прием: это эффект трехмерного изображения, возникающий при скроллинге, когда объект и фон движутся с разной скоростью. Используя его можно создавать крайне завораживающие страницы. Однако не переборщите с этим эффектом, иначе вашего посетителя со слабым вестибулярным аппаратом может укачать.
- Инфографика
Большинство людей усваивают информацию лучше, когда она представлена в виде графических схем. Просто визуализировав контент вашего сайта, вы уже привлечете дополнительное внимание. Но, более того, интернет позволяет вам сделать инфографику интерактивной: менять блоки при наведении, использовать любые микро-взаимодействия с посетителем. Не стоит упускать этот способ увеличения привлекательности сайта.
Безусловно, эти тенденции — не исчерпывающее руководство к действию. Да и технологии не будут останавливаться в своем развитии, и весьма скоро мы увидим новые модные концепции. Однако ориентируясь на вышеперечисленные пункты уже можно сделать шаг вперед — к современному дизайну и юзабилити.
Очень полезная статья. Спасибо большое! О плиточном дизайне услышала впервые.
Раиса, плиточный — это интерпретация автора. В действительности он называется сеточным (если переводить дословно), ну или блоковым.))
Станислав, принцип организации подачи информации в виде блоков и построение дизайна с помощью модульной сетки — все-таки совсем разные вещи.
Еще из тенденций можно отметить горизонтальный скроллинг, все большее использование типографики. В дизайне стали популярны наклонные границы контентных блоков.