Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing mobile app

430 views

Published on

Published in: Design
  • Be the first to comment

  • Be the first to like this

Designing mobile app

  1. 1. Проектирование мобильного приложения
  2. 2. Ведущий мастер-класса Мыслинский Игорь USABILITYLAB, Проектировщик интерфейсов
  3. 3. 1 Вводная лекция Коротко о главном 2 3 Брейншторм Генерируем суть приложения Интервью с бизнесом Что и кому мы хотим продать 4 5 Опрос пользователей Что мы хотим купить Концепт приложения Наброски и варианты
  4. 4. Мобильное приложение Как это выглядит на самом деле
  5. 5. Мобильное приложение Как это представляет разработчик
  6. 6. Мобильное приложение IOS Android Windows Phone + Windows 8 HTML5 Как это представляет разработчик
  7. 7. Статистика на 3й квартал 2013 года Распределение смартфонов в мире По операционной системе По производителю
  8. 8. Статистика на 3й квартал 2013 года Разработчики под мобильные системы
  9. 9. Мобильное приложение Как это видит пользователь
  10. 10. Мобильное приложение Множество операционных систем • Пользователю не важна операционная система, ему важен результат работы приложения • Пользователю важно, чтобы приложение на разных системах одинаково реагировало на его запросы
  11. 11. Мобильное или настольное?
  12. 12. Мобильное или настольное? Контекст использования • Долговременно, но редко в течении дня • Верификация в приложении не затрагивает личных данных как в телефоне • Не всегда доступен в течение дня • Более мощная вычислительная система чем на телефоне + большая ширина экрана + лучше звук
  13. 13. Мобильное или настольное? Контекст использования • В течение дня короткими промежутками, высокая отвлекаемость • Телефон содержит личные данные, сильно персонифицировано • Быстрая реакция на запросы извне • Более слабая вычислительная система
  14. 14. Мобильное или настольное? Разделяем и властвуем На десктопе На телефоне Ресурсозависимая часть Коммуникативная часть CMS, редакторы, etc. Навигационная часть Домашний кинотеатр + развлечения Новости Магазин
  15. 15. Брейншторм Генерируем приложение Придумываем название приложения из двух слов Придумываем описание приложения Выбираем лучшее для перехода к следующему этапу 2
  16. 16. Интервью с бизнесом Что и кому мы хотим продать - Цели и задачи (продавать товары с помощью каталога) - Показатели успеха (количество проданых товаров) 3
  17. 17. Интервью с бизнесом Что и кому мы хотим продать Выясняем целевую аудиторию приложения Выстраиваем персону Находим подходящего представителя для опроса 3
  18. 18. Опрос пользователей Что мы хотим купить Выясняем потребности пользователя - Какие проблемы - К чему стремится - Жизненные ситуации Цели - Что нужно чтобы решить проблему 4
  19. 19. Опрос пользователей Что мы хотим купить Выясняем ожидания пользователя Узнаем как решали проблему без программы Как выглядит день пользователя 4
  20. 20. Концепт приложения Сценарии 1. 2. 3. 4. 5. 6. 7. Запустил приложение Ввел запрос поиска Выбрал интересующее в поисковой выдаче Просмотрел характеристики Прочитал отзывы Заказал Получил уведомление о времени доставки 5
  21. 21. 5 Концепт приложения Навигационная диаграмма Каталог Список новостей Новость Категория Страница товара Форма заказа Поиск Поисковая выдача
  22. 22. Концепт приложения Наброски 5
  23. 23. Итак! Изучайте своих пользователей Пользуйтесь идентичными сценариями независимо от мобильной платформы Разделяйте функции PC/Mobile
  24. 24. Спасибо за внимание! Мыслинский Игорь Проектировщик интерфейсов USABILITYLAB, http://Usabilitylab.net

×