Prototyping saves your bacon
•
1 j'aime•1,627 vues
As presented at DevWeek 2014 http://devweek.com/ Prototyping is often a misunderstood subject, especially when it comes to mobile apps. It is often mistaken for wire-framing or detailed project specifications. In this session, Ardeleanu will explore the tools and techniques available to create an agile environment where the client can participate in the process. He will take an app from the idea stage and progress it through the list of features, writing the Application Definition Statement (ADS), sketching, paper prototyping and eventually on to something that can run on the actual device. Clients love that! And it could save your bacon.
Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à Prototyping saves your bacon
Similaire à Prototyping saves your bacon (20)
Plus de Paul Ardeleanu
Plus de Paul Ardeleanu (19)
Dernier
Dernier (20)
Prototyping saves your bacon
- 1. iOS Application Development Prototyping saves your …
- 3. iOS Application Development Prototyping will save your
- 5. iOS Application Development Prototyping will save your mmmm… bacon
- 9. iOS Application Development We’re building an app…
- 25. iOS Application Development Time for lunch…
- 27. iOS Application Development IT’S 2014 !!!
- 32. iOS Application Development Starts with an idea
- 33. What to expect? ‣ “I have this idea...” ‣ I want to build the next Angry Birds ‣ I want to build an app that does ... ‣ Client brief ‣ List of requirements ‣ Wireframes / Sketches
- 34. New paradigms ‣ Constraints ‣ small size ‣ limited hardware ‣ one screen at a time ‣ one application at a time * ‣ touch input ‣ Interactions ‣ gestures ‣ shake ‣ orientation ‣ audio switch, volume buttons ‣ home & power buttons
- 36. iOS Application Development Building great apps
- 37. List of features too many features? Filter Yes Application Definition Statement App features User journeys Wirefames Prototype
- 38. Application Definition Statement “A concise, concrete declaration of the app’s main purpose and its intended audience.” https://developer.apple.com/library/ios/documentation/ UserExperience/Conceptual/MobileHIG/
- 39. Solve real problems "An app must solve a user's problem clearly and elegantly." Eric Hope, User Experience Evangelist, Apple
- 40. iOS Application Development Delivery methods
- 41. 3 ways to deliver mobile content ‣ web app [dedicated] ‣ native app ‣ there is no 3rd way!
- 46. iOS Application Development Types of apps
- 47. Types of apps seriousness purpose serious fun tool entertainment
- 53. iOS Application Development An example
- 54. Features ‣ simple countdown timer ‣ with local notifications ‣ group timers in sequences ‣ pomodoro (25min + 5 min) ‣ gym training (5 mins, etc. )
- 55. ADS A simple to use countdown collection for time conscious individuals. Type Serious Tool
- 57. Wireframing ‣ identify main areas of the app ‣ identify screens ‣ identify relations between screens ‣ start from the simplest things and build up ‣ start from the main task of the app
- 58. Demo app: Timers ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers (i.e. sequences) ‣ CRUD for collections
- 60. ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 61. ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 62. ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 63. ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 64. ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 65. ‣ simple countdown timer countdown ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 66. ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 67. ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 68. ‣ CRUD for timer ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collections Sketching
- 69. ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collectionsSketching
- 70. ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collectionsSketching
- 71. ‣ local notifications for when the timer is up ‣ collection of timers ‣ CRUD for collectionsSketching
- 72. Sketching
- 73. More sketching start Splash screen List of sequences Add sequence Sequence edit 05:12start Timer start Add timer
- 74. Sketching ‣ start from the most important task ‣ identify main areas of the app ‣ identify screens ‣ identify relations between screens ! ‣ Don’t worry! You won’t get it right the first time
- 75. Wireframing tools ‣ Stencils ‣ Omnigraffle ‣ Photoshop ‣ Skala Preview ‣ Liveview ‣ Reflector
- 78. Omnigraffle
- 79. Omnigraffle
- 80. graffletopia.com
- 85. Skala Preview
- 89. Types of prototypes ‣ Web based ‣ Visual ‣ Presentation based
- 90. Web based ‣ (almost) No technical skills required ‣ easy to communicate with the client ‣ possible offline access ‣ can run on the device ‣ but can deviate from the native experience
- 93. Visual tools ‣ Design rich ‣ Visually correct ‣ Slightly harder to communicate ‣ Might lead to confusions
- 97. Presentation based ‣ Use your existing skills ‣ The client can possibly create/amend these ‣ Offline access ‣ Easy to communicate ‣ Can run on the device
- 98. Keynote
- 99. Keynotopia
- 100. Included elements
- 101. Included elements
- 103. Keynote settings
- 104. Keynote export
- 105. Demo
- 107. Storyboards
- 108. Storyboards
- 109. Storyboards The good: ‣ use your existing skills ‣ deploy on device ‣ wysiwyg ‣ can be built upon The not so good: ‣ must be a developer ‣ ad-hoc distribution ‣ client must have a device ‣ collaboration painful
- 111. Pop
- 112. Whiteboard + Liveview + phone
- 117. Icons
- 118. Patterns
- 119. iOS Application Development Why prototyping?
- 125. Skills Matter, London, April 23, 2013 Slide . ` Thank you!