Designing mobile app

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

Ведущий мастер-класса

Мыслинский Игорь

USABILITYLAB, Проектировщик интерфейсов

1 Вводная лекцияКоротко о главном

2 БрейнштормГенерируем суть приложения

3 Интервью с бизнесомЧто и кому мы хотим продать

4 Опрос пользователейЧто мы хотим купить

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

Мобильное приложение

Как это выглядит на самом деле

Мобильное приложение

Как это представляет разработчик

Мобильное приложение

Android

IOS

WindowsPhone +

Windows 8

HTML5

Как это представляет разработчик

Статистика на 3й квартал 2013 года

По операционной системе По производителю

Распределение смартфонов в мире

Статистика на 3й квартал 2013 года

Разработчики под мобильные системы

Мобильное приложение

Как это видит пользователь

Мобильное приложение

• Пользователю не важна операционная система, ему важен результат работы приложения

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

Множество операционных систем

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

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

• Долговременно, но редко в течении дня

• Верификация в приложении не затрагивает личных данных как в телефоне

• Не всегда доступен в течение дня

• Более мощная вычислительная система чем на телефоне + большая ширина экрана + лучше звук

Контекст использования

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

• В течение дня короткими промежутками, высокая отвлекаемость

• Телефон содержит личные данные, сильно персонифицировано

• Быстрая реакция на запросы извне

• Более слабая вычислительная система

Контекст использования

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

На десктопе

Ресурсозависимая часть

CMS, редакторы, etc.

Домашний кинотеатр + развлечения

Разделяем и властвуем

На телефоне

Коммуникативная часть

Навигационная часть

Новости

Магазин

БрейнштормГенерируем приложение 2

Придумываем название приложения из двух слов

Придумываем описание приложения

Выбираем лучшее для перехода к следующему этапу

Интервью с бизнесомЧто и кому мы хотим продать 3

- Цели и задачи(продавать товары с помощью каталога)

- Показатели успеха(количество проданых товаров)

Интервью с бизнесомЧто и кому мы хотим продать 3

Выясняем целевую аудиторию приложения

Выстраиваем персону

Находим подходящего представителя для опроса

Опрос пользователейЧто мы хотим купить 4

Выясняем потребности пользователя

- Какие проблемы- К чему стремится- Жизненные ситуации

Цели

- Что нужно чтобы решить проблему

Опрос пользователейЧто мы хотим купить 4

Выясняем ожидания пользователя

Узнаем как решали проблему без программы

Как выглядит день пользователя

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

Концепт приложенияНавигационная диаграмма 5

Каталог

ПоискСписок

новостей

Новость

Категория

Страница товара

Форма заказа

Поисковая выдача

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

Итак!Изучайте своих пользователей

Пользуйтесь идентичными сценариями независимо от мобильной платформы

Разделяйте функции PC/Mobile

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

Мыслинский ИгорьПроектировщик интерфейсов

USABILITYLAB, http://Usabilitylab.net