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.

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

484 views

Published on

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

Published in: Internet
  • Be the first to comment

  • Be the first to like this

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

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

×