Top Banner
Проектирование сервисов для небольших экранов Алексей Иванов, «Афиша»
21

Проектирование сервисов для небольших экранов

Jun 16, 2015

Download

Design

Alexey Ivanov
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: Проектирование сервисов для небольших экранов

Проектирование сервисов для небольших экранов

Алексей Иванов, «Афиша»

Page 2: Проектирование сервисов для небольших экранов

Какую самую главную ошибку можно совершить, создавая версию вашего сервиса

для небольших экранов?

Page 3: Проектирование сервисов для небольших экранов

Пожалуй, попробовать «просто уменьшить» десктопный сервис

http://www.flickr.com/photos/swiv/2979422334

Page 4: Проектирование сервисов для небольших экранов

Дело в том, что мобильную версию сервиса следует создавать как отдельный продукт.

Вот почему.http://www.flickr.com/photos/mikebaird/3072645479/

Page 5: Проектирование сервисов для небольших экранов

У мобильного сервиса другая аудитория

десктопная аудитория мобильная аудитория

Page 6: Проектирование сервисов для небольших экранов

У мобильного сервиса другая аудитория

*более точная иллюстрация

десктопная аудитория мобильная аудитория

Page 7: Проектирование сервисов для небольших экранов

Это люди, которые как никогда мобильны

http://www.flickr.com/photos/fchouse/2829381653

Page 8: Проектирование сервисов для небольших экранов

Чтобы понять, кто они, вам необходимо их узнать. Например, познакомиться

http://www.flickr.com/photos/ivt-ntnu/4597633067/

Page 9: Проектирование сервисов для небольших экранов

Контекст использования совершенно иной, и его нужно хорошо понимать

http://www.flickr.com/photos/colodio/4618634728

Page 10: Проектирование сервисов для небольших экранов
Page 11: Проектирование сервисов для небольших экранов

Мобильный сервис решает другие задачи, нежели десктопный.

http://www.flickr.com/photos/shutterrunner/4505455870

Page 12: Проектирование сервисов для небольших экранов
Page 13: Проектирование сервисов для небольших экранов

Самих задач меньше, но и внимание быстро рассеивается. «3±1» — это новое «7±2»

http://www.flickr.com/photos/visualpanic/2192051338

Page 14: Проектирование сервисов для небольших экранов

Любое мобильное устройство — это тысяча и одно ограничение

http://www.flickr.com/photos/visualpanic/2192051338

Page 15: Проектирование сервисов для небольших экранов

Мобильный Yahoo

Page 16: Проектирование сервисов для небольших экранов

Dropbox for iPhone

Page 17: Проектирование сервисов для небольших экранов

Выбирая между мобильным сайтом и приложением, берите оба.

Но мобильный сайт — обязательно.Photo: Flickr

Page 18: Проектирование сервисов для небольших экранов
Page 19: Проектирование сервисов для небольших экранов

Простой способ сделать все без ошибок: ошибиться заранее.

Несколько разhttp://www.flickr.com/photos/saschapohflepp/458638455/

Page 20: Проектирование сервисов для небольших экранов

Помните об эмоциях. Это по-настоящему важно

http://www.flickr.com/photos/nicolelee/4695086391/

Page 21: Проектирование сервисов для небольших экранов

Алексей Ивановalexeyivanov.com

Спасибо!