Make magic happen. «А что будет, если нажать вот сюда?» Андрей Стеля (UX/UI Designer at Chapps) В ходе доклада я расскажу вам про интерактивные прототипы. На сегодняшний день, это самый эффектный способ презентовать дизайн-концепцию клиенту, ведь на выходе мы получаем веб-приложение, которое выглядит и работает как реальное приложение. Кроме того, с помощью интерактивного прототипа можно выявить интерфейсные проблемы, которые могут быть не видны в процессе работы, и провести тестирование поведения пользовательских сценариев. А самое главное, это наглядное пособие для разработчиков, которое избавит вас от многих вопросов. Вместе мы соберем простой прототип мобильного приложения.

1. Make Magic Happen.
«А что будет, если нажать вот сюда?»
Андрей Стеля
UX/UI Designer at Chapps
Mobile Day
22 июля

2. Интерактивные прототипы

3. Зачем они нам?

4. Презентация дизайн-концепции

5. Эффектность и наглядность

6. Статика Динамика

7. «А что будет,
если нажать вот сюда?»

8. Заказчик доволен

9. Разработчик скажет: «Спасибо!»

10. Самоконтроль

11. Не переусердствуйте

12. Прототипы
как элемент тестирования

13. Что нам предлагает рынок?

15. Наш выбор

16. www.invisionapp.com

17. Поддержка различных устройств

18. Имитация родной анимации

19. 8 переходов между экранами
1. Instant
2. Push Right
3. Push Left
4. Slide Up
5. Slide Down
6. Flip Right
7. Flip Left
8. Dissolve

20. Жесты
1. Tap
2. Double Tap
3. Swipe Right
4. Swipe Left
5. Swipe Up
6. Swipe Down

21. Просмотр прототипа.
Никакого стороннего софта

22. Простое сохранение через браузер

23. Простое сохранение через браузер

24. Fixed Header. Fixed Footer.

27. Переадресация по таймеру

28. Поддержка GIF

29. Максимальная близость
к реальному приложению

30. LiveShare.
Взаимодействие в реальном времени

31. LiveShare.
Взаимодействие в реальном времени

34. Наборы хотспотов

35. Back

36. Drag. Drop. Dropbox.

37. До свидания, «Save for Web…»

38. До свидания, «Save for Web…»

39. + & *

41. Дублирование прототипа

42. Комментарии

43. Статусы экранов

44. История версий экранов

45. И много других фишек…

46. Make Magic Happen.

47. СПАСИБО
Андрей Стеля
UX/UI Designer at Chapps
!
!
ITSCHAPPS.COM
m@itschapps.com
dribbble.com/chapps
Mobile Day
22 июля