Анна Свердлова: "Тренды развития сайтостроительства"

Доклад Анны Свердловой (управляющий директор Actis) на конференции "Сайт 2012":

Тренды развития сайтостроительства #siteconf from Actis Wunderman

Анна Свердлова

Главные тенденции 

Упрощение восприятия информации: 

• Мобильность: адаптация сайтов для просмотра на смартфонах и планшетах – единое решение для всех устройств. 
• Простота: пути на сайте максимально укорачиваются – вплоть до "одностраничного" дизайна. 
• Наглядность: изложение фактов в простом и занимательном формате, инфографика, видео‐презентации сервисов.

Навигация и представление: 

• Touch‐навигация: все используют устройства с сенсорным экраном.
• Новые варианты меню: неподвижное при скроллинге, информационно насыщенное – с картинками и пояснениями, динамически раскрываемое фиксированного размера ("гармошка"). 
• Новая роль футера: не служебная область, а карта сайта.

Дизайн: 

• Не мельчить: крупные шрифты, изображения (в том числе фоновые) и элементы интерфейса, для простоты восприятия и удобства просмотра на мобильных платформах. 
• "Одностраничный" сайт: интерактивная анимация, "расхлопы", наложение и "всплывание" элементов в нужном пользователю месте, вместо перехода на другие страницы. 
• Проработанные иконки: крупные, живые и с небанальными ассоциациями («как на маке»). 
• Динамическая "дозагрузка" страниц при скроллинге вместо привычного пейджинга. 
• Динамическое preview: при наведении мыши возможен предварительный просмотр более подробной информации о ссылке/изображении. 
• "Как в приложении": использование интерфейсных элементов свойственных приложениям на сайтах.

Технология: 

• AJAX 
• jQuery 
• СSS3 
• HTML5 вместо Flash 
• H.264 высококачественное сжатие видео 
• QR код для ссылок на мобильные страницы и приложения 
• "Резиновость" страницы или большой набор фиксированных размеров (не одна фиксированная ширина для всех) 

Интеграция: 

• Хабы (hubs): в зависимости от своей направленности, сайты служат агрегаторами активностей компании или бренда в интернет‐пространстве. 
• С социальными сетями: от простых кнопок ‘like’ до полной интеграции сайта с присутствием в соц сетях.

Инфографика – напрямую не влияет на дизайн, но меняет восприятие информации и изменяет систему представления контента на сайте. Числовая информация теперь легка для понимания.

Более подробно о самой конференции и тезисах других докладчиков тут.