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

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

Upload: alexey-ivanov

Post on 16-Jun-2015

665 views

Category:

Design


2 download

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

Спасибо!