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

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

Jun 16, 2015

Download

Internet

web2win

Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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: Анна Попова, Эпсилон, "Адаптивный дизайн как инструмент бизнеса"

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