Документ обсуждает актуальные тренды веб-дизайна на 2014 год, включая адаптивный дизайн, интерфейсы, HTML5/CSS, и рост мобильных приложений. Он описывает плюсы и минусы различных аспектов веб-дизайна, таких как видеоконтент, плоский дизайн и яркая типографика. Основные ожидания от разработчиков сайта заключаются в улучшении пользовательского опыта и увеличении визуальной привлекательности сайтов.

1. Тренды и тенденции веб-дизайна

2. Адаптивный дизайн
Плюсы
●
●
●
●
●
единое «хранилище» контента
единый URL - особенно полезен для социального трафика
нет необходимости постоянного тестинга
увеличение количества потенциальных клиентов
увеличение продаж
Минусы
●
●
●
●
малая производительность на мобильных устройствах (тяжелый)
разные запросы пользователей с desktop и с мобильного устройства
на мобильных устройствах не вся графика прогружается.
3G против красоты!:)
20% пользователей приходится на IE до 9 версии

3. За последние полгода мобильный трафик вырос в 2 раза!

5. Интерфейс
Плюсы
●
●
●
●
●
●
простота функционала
качество работы программных продуктов
разработка интуитивно понятных интерфейсов и приложений
доступность информации
легкость поиска информации
быстрый результат

6. HTML5/CSS
Плюсы
●
●
●
●
●
●
быстрая загрузка
большая производительность
удобство пользования
не требуется установка многочисленных дополнительных программ
HTML5, в отличие от HTML4 совместим, помимо ПК с планшетами, смартфонами и современными
моделями телевизоров, которые предоставляют доступ в Интернет
HTML5 обеспечивает единый стандарт отображения контента, независимо от типа браузера
Минусы
●
●
на данный момент недостаточно развит, чтобы справляться со всеми вызовами,
с которыми сегодня сталкиваются дизайнеры
не все веб-браузеры поддерживают новую технологию

8. Видеоконтент
Плюсы
●
●
●
●
больше доверия пользователя к товару /услуге
видео способствует самообразованию
качественно можно донести информацию
вы навсегда остаетесь владельцем видео (меньше «воровства»)
Минусы
●
●
●
●
длинные ролики
автоматический запуск видео
не всегда есть субтитры, или обзор текстовой
информации для тех, у кого нет звука

9. .

10. «Плоский» дизайн
Плюсы
●
●
●
●
нет различных текстур и градиентов, броских теней и тиснений
внимание на минимализме, чистые цвета и резкая типографика
нет дополнительных отвлекающих элементов, на первый план выходит цвет
иконки, кнопки, элементы навигации — очень просты и яркие, что делает их заметными и легко-кликабельными
Минусы
●
●
●
●
●
надолго ли это актуально?
не все знают, какая кнопка является интерактивной и что, собственно, нужно
нажать
появляются клоны, очень близкие примеры цветовых решений
отчетливо видны все оплошности и ошибки откровенно плохой работы
скучноват, иногда (нет излишних украшений)

11. .

12. Яркая типографика

13. Плюсы
●
●
●
●
очень красивый дизайн
можно оживить даже самую скучную картинку
сайты с нестандартными шрифтами выглядят намного круче, чем все остальные
благодаря типографике можно в самом лучшем свете представить самую неинтересную в мире информацию
и ее будут читать
Минусы
●
●
Не все могут проникнуться идеей
Трудоемко

16. Background
Плюсы
●
●
возможность подбора фона, максимально близкого к дизайну сайта
выглядит намного приятнее и эффектнее!
Минусы
●
●
фоновая картинка должна быть максимально большой
некорректное отображение на современных мобильных устройствах

17. .

18. Корпоративные блоги
.
В 2014 году увеличится
актуальность
корпоративных
блогов компаний!

19. .
Landing page

20. .
Рост мобильных
приложений
Этот тренд претендует
на место номер 1
в цифровой сфере!

21. Чего нам нам ждать от разработчиков сайта в ближайшем
будущем?
Выделим основные тренды веб-дизайна в 2014 году:
1. Адаптивный дизайн
7. Background для сайта
2. Интерфейс
8. Корпоративные блоги
3. HTML5/CSS
9. Landing page
4. Рост видео-контента
10. Рост мобильных приложений
5. Плоский дизайн
11. Непрерывная прокрутка
6. Яркая типографика
12. Крупные шрифты
13. Нестандартная
геометрия
14. *

22. Непрерывная прокрутка
.

23. .
Крупные
шрифты
Тут все понятно —
шрифты становятся
больше, так как
мониторы становятся
больше :)

24. Нестандартная геометрия

25. .
Увеличенное
поле поиска

26. Спасибо!
Бринза Наталия
руководитель отдела по
работе с клиентами
natasha@artjoker.ua
www.facebook.com/natasha.brynza
artjoker.ua