dump-2013 Проектирование интерфейсов - Адаптивный дизайн:...

Доклад

«Адаптивный дизайн: модный тренд или реальное будущее?»

Авторы:Алябьев Александр, Курочкин Евгений, Белоусов Евгений

Немного истории1. Фиксированный дизайн.

2. Резиновый дизайн.

3. Ограничено-резиновый дизайн.

4. Отзывчивый дизайн / Адаптивный дизайн (первое упоминание 2010 год).

Доклад: «Адаптивный дизайн: модный тренд или реальное будущее?»

Примеры сайтов

www.mediaqueri.esподборка сайтов с адаптивным дизайном

www.skinnyties.comот создателя Angry Birds


http://www.mediaqueri.es/

http://www.skinnyties.com/

Преимущества

+ удобно на любом устройстве

+ два сайта в одном: для мобильных устройств и десктопа

+ можно отказаться от разработки мобильного приложения


Недостатки- упрощает дизайн или вводит

пользователя в заблуждение

- долго и дорого

- дважды долго и дорого


Для каких сайтов подойдет?


Блоги

Сайты-визитки

Новостные сайты

Простые и понятные сервисыE-commerce (Интернет-магазины, службы)

Корпоративные сайты

Порталы

Когда мы называем сайт «резиновым» ?


«Резина» = %


/

При любой ширине хорошо использовалась площадь экрана.


2500 px

768 px

320 px


http://www.google.ru/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&docid=W2O45VFdtYwGVM&tbnid=kq_UxAdhILxgtM:&ved=0CAUQjRw&url=http%3A%2F%2Fn1k0lay.ru%2Fyoutube%2Fhtml5-video-player-from-youtube%2F&ei=26GdUZDcJvPE4gTf2ICwBw&bvm=bv.46865395,d.bGE&psig=AFQjCNGp2SUxNdhAD4mOZERmGQDIdVGGHQ&ust=1369371477875389

Сетка


Навигация


Меню

Продукты

Загружаемые файлы

Поддержка

Таблицы


Видео, изображения


Текст


Медиазапросы


Формы


Подпись

ПодписьПодпись

Подпись

И что в итоге?


И что в итоге?


2.0

• АД — замена мобильной версии сайта

• АД для SEO: преимущества и недостатки

• АД для Екоммерс

• Заменит ли АД мобильные приложения?


Трафик есть! Работать необходимо!


Рост сегмента мобильного трафика

www.zhivika.ru


Решения для работы с мобильным трафиком• Специальная мобильная версия

сайта

• Адаптивный дизайн для всех типов устройств

• Мобильное приложение


Советы от

• Прекратите создавать сайты для мобильных устройств!

• Один сайт для всех типов устройств. Одна контентная база, один функционал.


Почему АД полезен для SEO?

• Юзабилити

• Уникальный контент

• Плюсы при ранжирование в мобильном поиске

• Равномерное наращивание ссылочной массы

• Преимущество раннего использования


Минусы

- Время установки

- Большой объем страницы? Не лишайте свой сайт для мобильных устройств информации.


Для iOS:• Рост числа конверсий 65.71%• Рост числа транзакция 112.50%• Рост дохода 101.25%

Для Android:• Рост числа конверсий 407.32%• Рост числа транзакция 333.33%• Рост дохода 591.42%


Мобильный трафик:• Рост числа конверсий 162.50%• Рост числа транзакция 382.61%• Рост дохода 370.61%

Не мобильный трафик:• Рост числа конверсий 71.70%• Рост числа транзакция 177.03%• Рост дохода 136.06%


Наличие всей необходимой информации для выбора и покупки товара на одном экране, для любого устройства.


Заменит ли АД мобильные приложения?



http://blog.index-art.ru/

Задавайте вопросы.

Кто не успеет, можно обсудить в нашем блоге:

dump-2013 Проектирование интерфейсов - Адаптивный дизайн:...

Documents