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

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

  • Upload
    sqalab

  • View
    709

  • Download
    0

Embed Size (px)

DESCRIPTION

Презентация Евгения Казяка на конференции Analyst Days-3, 24 мая 2014, Москва www.analystdays.com

Citation preview

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

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

приложений`

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

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

Тут

• много картинок

• инструменты

• гайдлайны, примеры, советы

• ответ на главный вопрос жизни, вселенной и всего такого

• ответа как сделать идеальное приложение

• ответа как заработать 1M

будет не будет

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

Особенности

• разные платформы

• анимации, интерактивность

• тонкие клиенты

• аппаратные ограничения

• особенности системы

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

Инструменты

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

Инструменты

• Бумажка

• Axure

• Balsamiq

Page 6: Прототипирование мобильных приложений
Page 7: Прототипирование мобильных приложений
Page 8: Прототипирование мобильных приложений
Page 9: Прототипирование мобильных приложений
Page 10: Прототипирование мобильных приложений

POP

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

43

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

Гайдлайны

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

Плюсы• особенности системы, фишки

• гайды покроют 90% бизнес логики

• быстрое блочное проектирование

• облегчение жизни разработчику

• уменьшение сроков разработки

• -> архитектор интерфейсов?

• 43

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

Гайдлайны

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

Гайдлайны

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

Жесты

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

Long Press

• выделение текста

• показать курсор

• выделить элемент(ы)

не показываем меню!

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

Double Tap

• приближение/удаление

• выделение текста

• приближение/удаление

не привязываем функционал

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

Навигация

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

Иерархическая

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

Плоская

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

Up vs Back

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

Controls

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

Action Bar

• навигационное меню

• 42

• системное меню

• кнопка назад)

нельзя

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

Tabs and Spinners

• страницы разного уровня навигации

• использовать Spinner для навигации в приложении

• использовать для разностороннего контента

нельзя

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

Navigation Drawer

• группировать

• делать многоуровневым

• добавлять нотификации

• кастомизировать

можно

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

Navigation Bar

• добавлять >1 контролла

• переопределять поведение Back

нельзя

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

Tab Bar

• вешать функции на кнопки

• скрывать на некоторых экранах

• использовать, если <3 разделов

нельзя

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

Keep your axe sharp!

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

Evgeny Kaziak

E-mail: [email protected]: +375 (29) 627 29 88www.stone-labs.com