Анна Попова, Эпсилон, "Адаптивный дизайн как...

15
Адаптивный дизайн как инструмент бизнеса 2014, Анна Попова, студия интернет-решений “Эпсилон”

Upload: web2win

Post on 16-Jun-2015

139 views

Category:

Internet


0 download

DESCRIPTION

Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

TRANSCRIPT

Page 1: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Адаптивный дизайнкак инструмент бизнеса

2014, Анна Попова, студия интернет-решений “Эпсилон”

Page 2: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Какие устройства,такие и сайты

2004 год 2014 год

Page 3: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Владельцы мобильных устройств повсюду

Page 4: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Телефоны следуют за людьми, куда бы те ни отправились

«Вы не можете знать, с каких устройств будут просматривать ваш сайт. Это решают пользователи»

Page 5: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Как добиться внимания пользователя сайта

1. Дизайн

2. Контекст

3. Графика

4. Типографика

Page 6: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Адаптивный дизайн - дело не в размере экрана

ПРАВИЛО 3-х Н

Page 7: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Как все сделать правильно

или 57% пользователей просто уйдут с сайта к конкурентам, если он грузится более 3 секунд

Разработка Mobile First

Скорость загрузки

Изображения

Шрифты

HTTP-запросы

Page 8: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Mobile First

480px 768px 1024px 1200px

Page 9: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Примеры

Page 10: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Примеры

Page 11: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Примеры

Page 12: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Примеры

Page 13: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

А в результате?

Любое изменение может привести к различному результату

Page 14: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Выбор всегда за вами

Page 15: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

Спасибо за внимание!