Адаптивный интерфейс

Навеяно предыдущей темой и появились некоторые мысли на тему адаптивного сайта. Во-первых тема адаптивного интерфейса обсуждается в западном интернете как минимум год и касается это прежде всего дизайна. Адаптивность в данном случае означает изменение структуры сайта в зависимости от разрешения экрана. Количество смартфонов и планшетников растет из года в год в геометрический прогрессии. А это как правило разрешения от 320*480, 1024*768 и варианты. То есть, если сайт сделан под разрешение 1280*1024, то при изменении размера до 320*480 на сайте должна поменяться сама структура и в какой то степени дизайн. Дизайнеры еще называют этот вид дизайна responsive design. Примеры сайтов, которые меняют свою структуру в зависимости от разрешения экрана можно найти тут . Хороший пример сайт about.com. Хорошая статья на русском на эту тему тут.

Адаптивный сайт

Следующий шаг адаптивность сайта. Хороший пример в этом смысле подает yandex. Настройка главной страницы сайт под ваши нужды. Сайт состоит из определенного количества виджетов, который вы можете настраивать под ваш вкус. Хотите просматривать анонсы новостей с сайта фонтанка ру, ставьте виджет, хотите курсы валют и цены на нефть — опять виджет. Количество и качество виджетов может быть разным. Хотите минималистский сайт оставьте только строку поиска и ленту новостей.

Позволяя  пользователю конструировать  страницу, мы делаем его юзабилити эксприенс лучше, а значит удовольствия от посещения сайта будет больше. К тому же можно в дальнейшем анализировать расположение виджетов и для страницы по умолчанию делать именно такую раскладку ( для анонимусов/непользователей). 

Виджеты Яндекса. Кстати вы можете сделать свой виджет и предложить его пользователю, например новости о последних новинках магазина.



Настройка виджета.



Окончательный вариант.