SlideShare a Scribd company logo
Прототипирование
мобильных
приложений
`
Прототипирование мобильных
приложений
Тут
• много картинок
• инструменты
• гайдлайны, примеры, советы
• ответ на главный вопрос
жизни, вселенной и всего
такого
• ответа как сделать
идеальное приложение
• ответа как заработать 1M
будет не будет
Особенности
• разные платформы
• анимации, интерактивность
• тонкие клиенты
• аппаратные ограничения
• особенности системы
Инструменты
Инструменты
• Бумажка
• Axure
• Balsamiq
Прототипирование мобильных приложений
Прототипирование мобильных приложений
Прототипирование мобильных приложений
Прототипирование мобильных приложений
POP
43
Гайдлайны
Плюсы
• особенности системы, фишки
• гайды покроют 90% бизнес логики
• быстрое блочное проектирование
• облегчение жизни разработчику
• уменьшение сроков разработки
• -> архитектор интерфейсов?
• 43
Гайдлайны
Гайдлайны
Жесты
Long Press
• выделение текста
• показать курсор • выделить элемент(ы)
не показываем меню!
Double Tap
• приближение/удал
ение
• выделение текста
• приближение/удалени
е
не привязываем функционал
Навигация
Иерархическая
Плоская
Up vs Back
Прототипирование мобильных приложений
Controls
Action Bar
• навигационное меню
• 42
• системное меню
• кнопка назад)
нельзя
Tabs and Spinners
• страницы разного уровня
навигации
• использовать Spinner для
навигации в приложении
• использовать для
разностороннего контента
нельзя
Navigation Drawer
• группировать
• делать многоуровневым
• добавлять нотификации
• кастомизировать
можно
Navigation Bar
• добавлять >1 контролла
• переопределять поведение
Back
нельзя
Tab Bar
• вешать функции на кнопки
• скрывать на некоторых
экранах
• использовать, если <3
разделов
нельзя
Keep your axe sharp!
Evgeny Kaziak
E-mail: ek@stone-labs.com
Phone: +375 (29) 627 29 88
www.stone-labs.com

More Related Content

PDF
Евгений Козяк. Tips & Tricks мобильного прототипирования
Volha Banadyseva
 
PDF
Алексей Копылов, Flexis Что нового проектировщики пользовательских интерфейсо...
PCampRussia
 
PPTX
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Unigine Corp.
 
PDF
Т. Горшков InSales eRetailforum2015
InSales
 
PDF
SCINO: Summer practice. GameDev.
SCINO
 
PPT
Разработка прототипов на Axure
Softline
 
PPTX
Rambot — презентация Расула Кишова
Peri Innovations
 
PPT
Интерфейсы для реального мира (часть 1) - оформление заказа
Саша Сергеев
 
Евгений Козяк. Tips & Tricks мобильного прототипирования
Volha Banadyseva
 
Алексей Копылов, Flexis Что нового проектировщики пользовательских интерфейсо...
PCampRussia
 
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Unigine Corp.
 
Т. Горшков InSales eRetailforum2015
InSales
 
SCINO: Summer practice. GameDev.
SCINO
 
Разработка прототипов на Axure
Softline
 
Rambot — презентация Расула Кишова
Peri Innovations
 
Интерфейсы для реального мира (часть 1) - оформление заказа
Саша Сергеев
 

What's hot (9)

PDF
Презентация по курсу «Проектирования в Axure»
Ekaterina Mironova
 
PPT
Макар Осокин - “Редактор уровней для игр на Flash”
DevGAMM Conference
 
PPTX
Павел Шут "Оптимизация интерфейсов под touch-девайсы"
EPAM Systems
 
PPT
Axure по для создания прототипов веб-сайтов
Softline
 
PDF
VladimirKolesnikov (Microsoft) @ CodeCamp2011
CodeCamp
 
PDF
Vitaly hit' abc_of_game_development
DneprCiklumEvents
 
PDF
Раскопки в интерфейсах
Alisher Yakupov
 
PPTX
Дизайн мобильных приложений: обо всем понемножку
Andrasz Husti
 
PDF
инструменты проектирования интерфейсов
Oleg Karapuzov
 
Презентация по курсу «Проектирования в Axure»
Ekaterina Mironova
 
Макар Осокин - “Редактор уровней для игр на Flash”
DevGAMM Conference
 
Павел Шут "Оптимизация интерфейсов под touch-девайсы"
EPAM Systems
 
Axure по для создания прототипов веб-сайтов
Softline
 
VladimirKolesnikov (Microsoft) @ CodeCamp2011
CodeCamp
 
Vitaly hit' abc_of_game_development
DneprCiklumEvents
 
Раскопки в интерфейсах
Alisher Yakupov
 
Дизайн мобильных приложений: обо всем понемножку
Andrasz Husti
 
инструменты проектирования интерфейсов
Oleg Karapuzov
 
Ad

Viewers also liked (11)

PDF
Иду по приборам… Практические советы по визуализации работ. Москва
Maxim Gaponov
 
KEY
Иду по приборам. Львов, 2011
Maxim Gaponov
 
PDF
Организационные изменения и участие в них
Maxim Gaponov
 
PDF
User Story Canvas
Maxim Gaponov
 
PDF
Работаем с требованиями при помощи ментальных карт. WhaleRider 2012
Maxim Gaponov
 
PDF
Paper Prototyping for Agile Development
Maxim Gaponov
 
PDF
Развитие команд
Maxim Gaponov
 
PDF
Я, Трансформатор
Maxim Gaponov
 
PDF
Бумажное прототипирование
Maxim Gaponov
 
PDF
Проектируем взаимодействие с помощью... комиксов
Maxim Gaponov
 
PDF
You Suck At PowerPoint!
Jesse Desjardins - @jessedee
 
Иду по приборам… Практические советы по визуализации работ. Москва
Maxim Gaponov
 
Иду по приборам. Львов, 2011
Maxim Gaponov
 
Организационные изменения и участие в них
Maxim Gaponov
 
User Story Canvas
Maxim Gaponov
 
Работаем с требованиями при помощи ментальных карт. WhaleRider 2012
Maxim Gaponov
 
Paper Prototyping for Agile Development
Maxim Gaponov
 
Развитие команд
Maxim Gaponov
 
Я, Трансформатор
Maxim Gaponov
 
Бумажное прототипирование
Maxim Gaponov
 
Проектируем взаимодействие с помощью... комиксов
Maxim Gaponov
 
You Suck At PowerPoint!
Jesse Desjardins - @jessedee
 
Ad

Similar to Прототипирование мобильных приложений (20)

PPTX
Mobile UI @Levelapp.me
Ilya Chernetskiy (Tchernetski)
 
PPTX
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
Yury Vetrov
 
PPTX
Designing mobile app
Игорь Мыслинский
 
PDF
разработка мобильных приложений веб конф 3 для фестиваля ф
CIT TROYA
 
PDF
Проектирование мобильного приложения
Diana Dymolazova
 
PPTX
Сергей Подшивалин. Дизайн мобильных приложений. РИФ-Воронеж 2016
РИФ-Воронеж
 
PDF
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Yandex
 
PPTX
Михаил Фролов - Особенности проектирования для мобильных устройств
UsabilityTalks
 
PPTX
Как сделать прототип
Irina Ryzhova
 
PDF
Nordic AB at British Higher School of Art and Design: iOs Development Masterc...
Nordic Agency AB
 
PDF
Me12 usabiliti-mobile
Alexey Smirnov
 
PDF
12 простых шагов создать свое мобильное приложение
Сергей Кравец
 
PDF
прототипирование юзабилити
Elena Kotina
 
DOCX
Продвижение мобильных приложений
varlamovdenis
 
PDF
«дизайн интерфейсов для мобильных устройств»
MDDay_1
 
PDF
!Nordic mobile fest_design_principles_01b
Nordic Agency AB
 
PPTX
Особенности проектирования для Мобильных устройств
Mike Frolov
 
PPT
кп мобильные приложения
savrom
 
PPTX
Blagoveschensky mobile site_2011-13
Dina Andreeva
 
PDF
Evgeniy Seleznev
yaevents
 
Mobile UI @Levelapp.me
Ilya Chernetskiy (Tchernetski)
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
Yury Vetrov
 
Designing mobile app
Игорь Мыслинский
 
разработка мобильных приложений веб конф 3 для фестиваля ф
CIT TROYA
 
Проектирование мобильного приложения
Diana Dymolazova
 
Сергей Подшивалин. Дизайн мобильных приложений. РИФ-Воронеж 2016
РИФ-Воронеж
 
Мобильное приложение: как и зачем, Александр Лукин, лекция в Школе вебмастеро...
Yandex
 
Михаил Фролов - Особенности проектирования для мобильных устройств
UsabilityTalks
 
Как сделать прототип
Irina Ryzhova
 
Nordic AB at British Higher School of Art and Design: iOs Development Masterc...
Nordic Agency AB
 
Me12 usabiliti-mobile
Alexey Smirnov
 
12 простых шагов создать свое мобильное приложение
Сергей Кравец
 
прототипирование юзабилити
Elena Kotina
 
Продвижение мобильных приложений
varlamovdenis
 
«дизайн интерфейсов для мобильных устройств»
MDDay_1
 
!Nordic mobile fest_design_principles_01b
Nordic Agency AB
 
Особенности проектирования для Мобильных устройств
Mike Frolov
 
кп мобильные приложения
savrom
 
Blagoveschensky mobile site_2011-13
Dina Andreeva
 
Evgeniy Seleznev
yaevents
 

More from SQALab (20)

PDF
Готовим стажировку
SQALab
 
PPTX
Куда приводят мечты? или Искусство развития тестировщика
SQALab
 
PPT
Оптимизация Selenium тестов и ускорение их поддержки
SQALab
 
PPT
Автоматизация 0.0: 0 - бюджет, 0 - опыт программирования
SQALab
 
PPTX
Нагрузочное тестирование нестандартных протоколов с использованием Citrix и J...
SQALab
 
PPTX
Continuous performance testing
SQALab
 
PDF
Конфиги вместо костылей. Pytestconfig и зачем он нужен
SQALab
 
PPT
Команда чемпионов в ИТ стихии
SQALab
 
PPTX
API. Серебряная пуля в магазине советов
SQALab
 
PPTX
Добиваемся эффективности каждого из 9000+ UI-тестов
SQALab
 
PPT
Делаем автоматизацию проектных KPIs
SQALab
 
PDF
Вредные привычки в тест-менеджменте
SQALab
 
PPTX
Мощь переполняет с JDI 2.0 - новая эра UI автоматизации
SQALab
 
PPT
Как hh.ru дошли до 500 релизов в квартал без потери в качестве
SQALab
 
PPTX
Стили лидерства и тестирование
SQALab
 
PPT
"Давайте не будем про качество"
SQALab
 
PDF
Apache.JMeter для .NET-проектов
SQALab
 
PPTX
Тестирование геолокационных систем
SQALab
 
PPTX
Лидер или босс? Вот в чем вопрос
SQALab
 
PPTX
От Зефира в коробке к Structure Zephyr или как тест-менеджеру перекроить внут...
SQALab
 
Готовим стажировку
SQALab
 
Куда приводят мечты? или Искусство развития тестировщика
SQALab
 
Оптимизация Selenium тестов и ускорение их поддержки
SQALab
 
Автоматизация 0.0: 0 - бюджет, 0 - опыт программирования
SQALab
 
Нагрузочное тестирование нестандартных протоколов с использованием Citrix и J...
SQALab
 
Continuous performance testing
SQALab
 
Конфиги вместо костылей. Pytestconfig и зачем он нужен
SQALab
 
Команда чемпионов в ИТ стихии
SQALab
 
API. Серебряная пуля в магазине советов
SQALab
 
Добиваемся эффективности каждого из 9000+ UI-тестов
SQALab
 
Делаем автоматизацию проектных KPIs
SQALab
 
Вредные привычки в тест-менеджменте
SQALab
 
Мощь переполняет с JDI 2.0 - новая эра UI автоматизации
SQALab
 
Как hh.ru дошли до 500 релизов в квартал без потери в качестве
SQALab
 
Стили лидерства и тестирование
SQALab
 
"Давайте не будем про качество"
SQALab
 
Apache.JMeter для .NET-проектов
SQALab
 
Тестирование геолокационных систем
SQALab
 
Лидер или босс? Вот в чем вопрос
SQALab
 
От Зефира в коробке к Structure Zephyr или как тест-менеджеру перекроить внут...
SQALab
 

Прототипирование мобильных приложений

Editor's Notes

  • #2: Задать вопрос слушателям - «Кто занимается БА мобильных приложений?»
  • #6: кто пользуется Axure? Balsamiq? Бумажкой?
  • #7: облачный простой, быстрый удобно делать навигацию Google Glass!1111 test on device маленькая библиотека слабый функционал низкая интерактивность
  • #8: облачное шаблоны test on device огромный функционал, куча анимаций перехода, состояния экранов социальная составляющая сложный
  • #9: облачное заточка под дизайнеров простой как пробка test on device красивый дизайн) бесполезен без готового дизайна слишком прост, слабый функционал
  • #10: облако + десктоп контроль версий интеграция с Gmaps, Youtube, Vimeo PhoneGap интеграция - вопрос PhoneGap??? нет бесплатной версии вродебы маленькая библиотека
  • #11: similar Prott iOS, android app fun, fun, fun!!! быстро бесплатно нельзя сделать ничего сложного нужно быть пользователем, чтобы посмотреть рабочий прототип
  • #12: iPad app базовый функционал можно рисовать от руки только iOS платное сомнительное удобство
  • #13: Свод правил и техник для проектирования интерфейса. Эти правила покрывают интерфейс для 90% бизнес логики
  • #14: Свод правил и техник для проектирования интерфейса. Эти правила покрывают интерфейс для 90% бизнес логики
  • #17: Картинка с жестами и их значениями
  • #22: ошибки: внутри одного раздела есть переход на другой для возврата между разделами используется Navigation Bar
  • #24: up -вертикальная навигация back - горизонатльная
  • #26: не сунуть: навигационное меню кнопку назад! меню приложения можно менять контент при выделении элмементов - https://developer.android.com/design/media/selection_cab_example.png
  • #27: Ошибка тут - в tabs нужно пихать одинаковый контент
  • #28: Везде одинаковый
  • #31: джек торренс