1. Проектирование
мобильного приложения

2. Ведущий мастер-класса
Мыслинский Игорь
USABILITYLAB,
Проектировщик интерфейсов

3. 1
Вводная лекция
Коротко о главном
2
3
Брейншторм
Генерируем суть приложения
Интервью с бизнесом
Что и кому мы хотим продать
4
5
Опрос пользователей
Что мы хотим купить
Концепт приложения
Наброски и варианты

4. Мобильное приложение
Как это выглядит на самом деле

5. Мобильное приложение
Как это представляет разработчик

6. Мобильное приложение
IOS
Android
Windows
Phone +
Windows 8
HTML5
Как это представляет разработчик

7. Статистика на 3й квартал 2013 года
Распределение смартфонов в мире
По операционной системе
По производителю

8. Статистика на 3й квартал 2013 года
Разработчики под мобильные системы

9. Мобильное приложение
Как это видит пользователь

10. Мобильное приложение
Множество операционных систем
• Пользователю не важна операционная система, ему
важен результат работы приложения
• Пользователю важно, чтобы приложение на разных
системах одинаково реагировало на его запросы

11. Мобильное или настольное?

12. Мобильное или настольное?
Контекст использования
• Долговременно, но редко в течении дня
• Верификация в приложении не затрагивает личных
данных как в телефоне
• Не всегда доступен в течение дня
• Более мощная вычислительная система чем на
телефоне + большая ширина экрана + лучше звук

13. Мобильное или настольное?
Контекст использования
• В течение дня короткими промежутками, высокая
отвлекаемость
• Телефон содержит личные данные, сильно
персонифицировано
• Быстрая реакция на запросы извне
• Более слабая вычислительная система

14. Мобильное или настольное?
Разделяем и властвуем
На десктопе
На телефоне
Ресурсозависимая часть
Коммуникативная часть
CMS, редакторы, etc.
Навигационная часть
Домашний кинотеатр
+ развлечения
Новости
Магазин

15. Брейншторм
Генерируем приложение
Придумываем название
приложения из двух слов
Придумываем описание
приложения
Выбираем лучшее для
перехода к следующему
этапу
2

16. Интервью с бизнесом
Что и кому мы хотим продать
- Цели и задачи
(продавать товары с
помощью каталога)
- Показатели успеха
(количество проданых
товаров)
3

17. Интервью с бизнесом
Что и кому мы хотим продать
Выясняем целевую
аудиторию приложения
Выстраиваем персону
Находим подходящего
представителя для опроса
3

18. Опрос пользователей
Что мы хотим купить
Выясняем потребности
пользователя
- Какие проблемы
- К чему стремится
- Жизненные ситуации
Цели
- Что нужно чтобы
решить проблему
4

19. Опрос пользователей
Что мы хотим купить
Выясняем ожидания
пользователя
Узнаем как решали
проблему без программы
Как выглядит день
пользователя
4

20. Концепт приложения
Сценарии
1.
2.
3.
4.
5.
6.
7.
Запустил приложение
Ввел запрос поиска
Выбрал интересующее в поисковой выдаче
Просмотрел характеристики
Прочитал отзывы
Заказал
Получил уведомление о времени доставки
5

21. 5
Концепт приложения
Навигационная диаграмма
Каталог
Список
новостей
Новость
Категория
Страница
товара
Форма заказа
Поиск
Поисковая
выдача

22. Концепт приложения
Наброски
5

23. Итак!
Изучайте своих пользователей
Пользуйтесь идентичными сценариями
независимо от мобильной платформы
Разделяйте функции PC/Mobile

24. Спасибо за внимание!
Мыслинский Игорь
Проектировщик интерфейсов
USABILITYLAB, http://Usabilitylab.net