1. Rapid Prototyping by using Keynote
1
M Rezaur Rahman
Full Stack Engineer
Jeeon

2. Prototyping

4. Idea App

5. Idea AppPrototype

6. Idea AppPrototype

7. Why do we prototype?
• Cost optimization in terms of time and money.
• Improvisation upon existing product
Validate ideas
Generate something new

8. How to prototype
Courtesy: Apple

9. How to prototype
Make fake apps
Courtesy: Apple

10. How to prototype
Show them to people
Make fake apps
Courtesy: Apple

11. How to prototype
Show them to people
Make fake apps
Learn from feedback
Courtesy: Apple

12. How to prototype
Show them to people
Make fake apps
Learn from feedback
Courtesy: Apple

13. Make
Learn Show
Courtesy: Apple

14. Make
Learn Show
Three Concerns
Courtesy: Apple

15. Make
Learn Show
Three Concerns
What needs to be more real?
Courtesy: Apple

16. Make
Learn Show
Three Concerns
What needs to be more real?
What can we fake?
Courtesy: Apple

17. Make
Learn Show
Three Concerns
What needs to be more real?
What can we fake?
Where shall we use it?
Courtesy: Apple

18. Make
Learn Show
Show People
Courtesy: Apple

19. Make
Learn Show
Questions
Show People
Courtesy: Apple

20. Make
Learn Show
Questions
Do you know how to _______?
Show People
Courtesy: Apple

21. Make
Learn Show
Questions
Do you know how to _______?
Is it easy to ________?
Show People
Courtesy: Apple

22. Make
Learn Show
Questions
Do you know how to _______?
Is it easy to ________?
How can we make this better?
Show People
Courtesy: Apple

23. Make
Learn Show
Questions
Do you know how to _______?
Is it easy to ________?
How can we make this better?
Show People
Who
The people your app is for
Courtesy: Apple

24. Don’t
Argue, Defend or Dismiss

25. Make
Learn Show
Learn from feedback
Courtesy: Apple

26. Make
Learn Show
Questions
Learn from feedback
Courtesy: Apple

27. Make
Learn Show
Questions
What’s working?
Learn from feedback
Courtesy: Apple

28. Make
Learn Show
Questions
What’s working?
What’s not working?
Learn from feedback
Courtesy: Apple

29. Make
Learn Show
Questions
What’s working?
What’s not working?
What other ideas does this give us?
Learn from feedback
Courtesy: Apple

30. Make
Learn Show
Courtesy: Apple

31. Prototyping in a nutshell
Paper
Image
Viewcontroller Emulation via Keynote Slide
Core Animation

32. Demo

35. My Ovens🍳 +
Lobster kitchen
Mad Chef
C’est La Vie
Old Man’s Bone
🍴❤

36. Nearby Ovens🍳 +
🍴❤

37. Magic Move
Transition between slides

38. 🍴❤
Lobster Kitchen
Old Man’s Bone
Mad Chef
C’est la Vie
Favorite Ovens

39. Nearby Ovens🍳 +
🍽💛

40. Keynote Remote
Simulating real life situation

42. Notification now
Egg is ready 🍽

46. Thank You
M Rezaur Rahman
@mrezaurrahman
www.jeeon.co
Courtesy
Jeffrey Traer Bernstein
Matthaeus Krenn
Bill Lindmeier
Linda Dong
Julian Missig
Mark Hauenstein