«Зачем нужны декорации, когда есть архитектура?» Слайды выступления Юрия Подорожного на MDDay 2013. http://2013.mdday.ru/programm_fest/proektirovanie-mobilnyih-prilozheniy/

1. Проектирование интерфейсов
Декорации и архитектура

2. Юрий Подорожный
CEO, Any Void
@see_yu
yu@anyvoid.ru

5. Сделаем
мобильное
приложение!

6. Каждый видит проект
по-своему

7. При этом компании-разработчику
хочется заработать, а клиенту —
решить бизнес-задачу за
обозначенное количество ресурсов
и в срок

8. Директор
!
!
Менеджер клиента
!
Недавно нашёл приложение,
нам нужно то же самое, но
с парой изменений
Надо уложиться в 2 месяца. В
пятницу ждем смету
!
Бренд-менеджер
!
Нужен сиреневый фон
и большой логотип на старте
!
Разработчики клиента
Да, все отлично. Сделаем API
за 2 дня

12. Проектирование

13. 5 вопросов
Кто?
Аудитория приложения
!
Что делают?
!
Где и когда?
!
Почему?
Главная задача приложения,
сопровождающие возможности
Контекст, место, время и другие
условия
Почему задача важна? Почему
именно на мобильном?

14. Зачем делать прототипы?

15. Придать идее форму
Проверить, обсудить и переделать

16. !
1
Максимально быстрый переход от
идеи к тому, что можно обсудить с
другими и начать делать.
!
Вы оперируете терминами
продукта, а не абстракциями.

17. 2
Видны ошибки логики
и недостатки. Тестирование
продукта на цельность

18. 3
Упрощает передачу проекта
дизайнеру

19. 4
Экономит время и деньги

20. Кому нужны прототипы?

21. 1. Разработчикам (как это работает?)
2. Дизайнерам
3. Пользователям (тесты)
4. Клиенту

22. 1. Навигация

23. Навигация
1. Простота
2. Расширяемость
3. Кроссплатформенность

25. 2. Что важно в прототипах?

26. 1. Реальные сценарии
2. Пространство для развития
3. Скрытая логика
4. Реализуемость
Скевоморфизм, флэт и все остальное
не играет роли.

31. 3. Как делать?

32. Идеальный прототип
•
•
Интерактивен
•
Сделан с соблюдением гайдлайнов
Временные затраты на создание меньше
затрат на использование выбранного
инструмента

33. Важен баланс потраченного
времени и качества результата
Важно отделять цель от инструмента

34. Инструменты
•
•
•
•
•
•
•
Блокнот
HTML
Photoshop
Omnigraffle
Специализированный софт (AppCooker и т.п.)
InvisionApp
…

35. 4. Прототипы не нужно
доделывать
Необходимо проектировать
только непонятные экраны

36. Спасибо!

37. slideshare.net/anyvoid
!
facebook.com/anyvoid