Prototyping saves your bacon
Apr. 1, 2014•0 likes•1,620 views
Report
Technology
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.
Paul ArdeleanuFollow
Recommended
How to prototype your mobile appsPaul Ardeleanu
An Introduction to Web VR January 2015Tony Parisi
Introduction to WebVR Autodesk Forge 2016Tony Parisi
Web 2.0 mentorshipValentina Marcos
WebVR: Developing for the Immersive WebTony Parisi
React-VR: An Early Experiment with React and WebGL for VR DevelopmentTony Parisi
More Related Content
Viewers also liked
A REVIEW: RAPID PROTOTYPING TECHNIQUES FOR DESIGNING AND MANUFACTURING OF CUS...IAEME Publication
"Prototyping with Cardboard" Workshop at Fablab SaigonMai Nguyen
Mobile Design and PrototypingJeanette DeHoff
Variables copyRiken Patel
Wireframes and UI-Prototypestec
Responsive Design & Prototyping -- An Agency Model (Part 1/3)Neeta Goplani
Similar to Prototyping saves your bacon
Fusing Artificial Intelligence with Augmented Reality on Android - 1 Feb. 2019Stephen Wylie
ICONUK 2014 - From Idea To AppRené Winkelmeyer
Prototype your dreamPaul Ardeleanu
iOS Indie Developer Toolkit - CocoaHeads 3cityMichał Zygar
C# .net Interfacing with embedded system Raghav Shetty
Angular v2 et plus : le futur du développement d'applications en entrepriseLINAGORA
More from Paul Ardeleanu
Test or Go Fishing - a guide on how to write better Swift for iOSPaul Ardeleanu
Test or Go Fishing - A guide on how to write better Swift for iOSPaul Ardeleanu
Test or Go Fishing - a guide on how to write better Swift for iOSPaul Ardeleanu
Architecting apps - Can we write better code by planning ahead?Paul Ardeleanu
iOSNeXT.ro - 10 reasons you'll love Swift - Paul ArdeleanuPaul Ardeleanu
iOSNeXT.ro - Scout mapping & navigation SDK for iOS developers - Zoltan KorosiPaul Ardeleanu
Recently uploaded
Google cloud Study Jam 2023.pptxGDSCNiT
The Flutter Job Market At The MomentAhmed Abu Eldahab
How to reduce expenses on monitoringRomanKhavronenko
h2 meet pdf test.pdfJohnLee971654
Empowering City ClerksOnBoard
Need for Speed: Removing speed bumps in API ProjectsŁukasz Chruściel
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!