prototyping tools and techniques mlearncon15
TRANSCRIPT
Prototyping: Turning Ideas Into RealityNick Floro [email protected] @NickFloro
DOWNLOAD goo.gl/UhRzEw+ App Prototyping on Paper
idea
Plan & Prototype
Launch
Development
Map
Brainstorming
Keep it Simple
3 Key Factors1. Audience
2. Technology
3. User Stories
3 Key Factors1. Audience
2. Technology
3. User Stories Why?
3 Key Factors1. Audience
2. Technology
3. User Stories
All of courses must work on mobile!
Why?
3 Key Factors1. Audience
2. Technology
3. User Stories
All of courses must work on mobile!
Why?
Because I have a new tablet and everyone is doing it.
3 Key Factors1. Audience
2. Technology
3. User Stories
We need to support the changing technology are sales team is moving from laptops to tablets.
Why?
All of courses must work on mobile!
Sketching where ideas begin
Sketch the
Concept
Download Prototyping on Paper
Marvel App
POP - Prototyping on Paper
Mobile Apps
Adobe Ideas
Evernote Skitch
Paper by FiftyThree
MarvelApp.com
Wireframing Low / High Fidelity
Tools:
• Wireframes–Keynote / PowerPoint
Quick Prototyping Techniques
This is my question example where you would tell a story and ask for a response?
option 1
option 2
option 3
option 4
option 5
This is my question example where you would tell a story and ask for a response?
Answer example the user could select from one of the options.
Answer example the user could select from one of the options.
Answer example the user could select from one of the options.
Answer example the user could select from one of the options.
Answer example the user could select from one of the options.
keynotekungfu.com
keynotopia.com
Custom Template in Keynote
Adobe Acrobat
Sketchy & iMockUps
InvisionApp.com
Sketchy & iMockUps
Feedback & Iterate Evolving Ideas
Communication
Date Description Details Screen/Video Results Estimate
4/11/14 The screen flashes.When I click on the screen it flashes. Its not suppose to.
Attached. Could not recreate.
Task
The Good The Ugly The Bad
It’s Critical
Date Description Details Screen/Video Results Estimate
4/11/14 The screen flashes.When I click on the screen it flashes. Its not suppose to.
Attached. Attached screen shows how it was recreated. 1 Critical
Task
The Good The Ugly The Bad
Discuss Discuss, Prioritize and Get on the Same Page
How
Time
Budget
Ideas
Share
GoogleDocs
WordPress.comBuddyPress
Plug-ins
Knowledge Bank
Google Hangouts
Resources To help you grow.
aBookApart.com
mural.ly
mural.ly
mural.ly
BrowserStack.com
UserTesting.com
reflectorapp.com
airserver.com
ipsum-generator.com
CupCakeIpsum.com
What can you apply from today?
Thank You
Nick [email protected]/NickFloro
Download the Presentation at:http://www.slideshare.net/nickfloro