Ольга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
•Download as PPTX, PDF•
2 likes•777 views
Эта презентация предшествовала воркшоп Ольги Качалиной. Она рассказывала и показывала какими инструментами пользуется для создания макетов и прототипов интерфейсов. На воркшопе пошагово создавали информационную архитектуру приложения, первоначальный макет, детализированный макет и наконец сделали прототип интерактивным.
Ольга Качалина - Mobile prototyping. fake it till you make it. - Wargaming
- 1. Mobile prototyping Fake it till you make it Olga Kachalina UX designer World of Tanks Blitz
- 4. What is a prototype?
- 8. Paper prototyping • Concept simulation and idea visualisation • Initial testing • Early stage user involvement • Visualisation of end product for stakeholders
- 10. “I cannot draw”
- 11. “I cannot draw”
- 12. “Why do it on paper if there are mockups?”
- 13. “There should be some tool for that”
- 14. “It’s much easier to do it on board”
- 15. “Paper thing does not look realistic”
- 16. “Looks amateur”
- 17. “Impossible to make paper interactive”
- 18. Paper prototyping Printable stencils UI elements Device prototype Prototyping on paper Stencils
- 19. Paper prototyping *on practice
- 21. Mockup prototyping • Clear app layout • Simulates the final functionality • Full functionality testing • Quick fix opportunities
- 23. Mockup prototyping Myths • Time consuming • Designers and developers can read the documentation • Looks dry and not very pretty
- 24. moqups.com axure.com flinto.com invisionapp.com или + balsamiq.com Mockup prototyping
- 25. Mockup prototyping *on practice I II III IV V VI VII VIII IX X ВСЕ СССР ГЕРМАНИЯ США
- 26. Mockup prototyping *on practice
- 29. High definition prototyping • Very realistic • Animation and gesture simulation • Productive testing during development process • Simulating ‘almost real’ user experience • Testing of graphic design concepts
- 30. High definition prototyping Myths • Time-consuming • Expensive • Quite difficult
- 32. So why do you need to prototype? • Mistakes are early and cheap • Gather more information • Better time and resource evaluation • Clear feel and look of the final product • User experience testing • “Live” specification
- 33. Fake it till you make it