Designing Mobile Interfaces
3 likes1,154 views
This document outlines an introduction to prototyping techniques for designing interfaces. It discusses prototyping and design research at Stanford University. It then provides an overview of various prototyping methods like paper prototyping, digital mockups, 3D printing and more. The document concludes with challenges for participants to quickly build low-fidelity prototypes using tools like paper and the Prott app to test designs.
Designing Mobile Interfaces
- 1. Designing Mobile Interfaces 1 Waiting? Download Prott already
- 2. Why YOU should prototype & How you can prototype 2
- 3. • Intro • Prototyping & Design Research @ Stanford University • Design Sprints • Modulor principle by Le Corbusier • Challenge: Build & Test Low-res prototype • Sharing & Wrap-up • Drinks 3
- 4. 4
- 5. 5
- 6. 6
- 7. 7
- 8. 8
- 9. 9
- 10. 10
- 11. 11
- 12. 12
- 13. 13
- 14. 14
- 15. 15
- 16. Task: Design the toothbrush of the future 16
- 17. Task: Design the toothbrush of the future 17
- 18. 18
- 19. Winning team 19
- 22. Don’t judge 22
- 23. 23
- 24. 24
- 25. 25
- 26. Convergent thinking - Bring the baby home 26
- 30. Rough Rapid Right Evolution of a prototype: Alternative F2F communication (Deutsche Bank) 30
- 31. Criticial functions arise from peoples’ needs, discovered requirements, constraints, and also from assumptions… CF:Need: 31
- 32. One question, one prototype Which material wins? Asking user to compare wood /pastic/metal 32 Source: Aalto ME310 Teaching team
- 33. When people stop being polite… …and start getting real. 33
- 34. - General craft supplies - Foam core - Cardboard - Pink foam & cardboard - Play doh - Modeling clay - Laser cut wood/cardboard - Sheet metal - CAD + renderings - 3D printing - Service/ space prototyping - System prototyping - Experience prototyping - Electronics Prototyping - Electronic breadboarding - Arduino Microprocessor - Software paper prototyping - Mobile paper prototyping - Mobile Interaction prototyping - Digital Prototyping - Interface mockups - State diagrams/ flowcharts - Video prototyping - Wizard of oz/ role play Prototyping techniques 34 Source: Nik Martelaro
- 35. - General craft supplies - Foam core - Cardboard - Pink foam & cardboard - Play doh - Modeling clay - Laser cut wood/cardboard - Sheet metal - CAD + renderings - 3D printing - Service/ space prototyping - System prototyping - Experience prototyping - Electronics Prototyping - Electronic breadboarding - Arduino Microprocessor - Software paper prototyping - Mobile paper prototyping - Mobile Interaction prototyping - Digital Prototyping - Interface mockups - State diagrams/ flowcharts - Video prototyping - Wizard of oz/ role play Prototyping techniques 35 Source: Nik Martelaro
- 36. 36
- 37. Golden rules of prototyping: 1. One question, one prototype 2. Go far enough 3. Stop before it’s perfect 4. Don’t fall in love with your prototype 5. Always build and share more than one prototype 6. Create to provoke and persuade 37 Source: Nik Martelaro
- 39. 39
- 40. Challenge 1: Build a low-res prototype (15 min) Tools: - Sketch on paper - Prott (prottapp.com) 40
- 41. Now, test your prototype (10 min) Don’t demo or sell your prototype… Show, don’t tell… 41
- 42. If only we had more time… Name 3 things you would improve on your prototype! 42
- 43. 43
- 44. 44