View
266
Download
0
Category
Tags:
Preview:
DESCRIPTION
Prototyping is an increasingly important need in eLearning. In this session you will learn how to design new courses and apps to gather feedback before starting development; about paper prototyping to tools that help simplify sharing concepts and testing ideas; to create fully interactive previews for desktop and mobile delivery; and which tools you can use as soon as you get back to your office.
Citation preview
Prototyping: Turning Ideas Into RealityNick FloroNick@sealworks.com@NickFloro
Resources
Experiment
experiment
Stakeholder
Project Manager
Designer
Developer
Architect
idea
Plan & Prototype
Launch
Development
Map
Keep it Simple
3 Key Factors1. Audience
2. Technology
3. User Stories
3 Key Factors1. Audience
2. Technology
3. Use Stories Why?
Sketching where ideas begin
Sketch the
Concept
Visual Thinking
Mobile Apps
Adobe Ideas
Evernote Skitch
Paper by FiftyThree
teehanlax.com/tools/
Prototyping test driving your idea
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
InvisionApp.com
POP - Prototyping on Paper
POP - Prototyping on Paper
POP - Prototyping on Paper
POP - Prototyping on Paper
POP - Prototyping on Paper
teehanlax.com/tools/
balsamiq.com
Sketchy & iMockUps
Understand Your
Audience
ReviewsDaily & Weekly Updates
Communication
The Good The Ugly The Bad
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.Task
The Good The Ugly The Bad
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 CriticalTa
sk
The Good The Ugly The Bad
DiscussDiscuss, Prioritize and Get on the Same Page
Getting InspiredUI/UX
Flat Pages
Apple Weather
Yahoo Weather
Tab Bar
Apple Clock
Tree Structure
One
Two
Three
Four
Five
Six
Tree Structure
< Back
Screen One >
Screen Two >
Screen Three >
Screen Four >
Screen Five >
Screen Six >
First Aid
Innovation
>
evernote
evernote
Pulse
Pulse
Zite
Zite
How
Time
Budget
Ideas
Share
GoogleDocs
WordPress.comBuddyPress
Plug-ins
Knowledge Bank
Google Hangouts
ResourcesTo help you grow.
LaunchCycle.com
aBookApart.com
mural.ly
mural.ly
mural.ly
BrowserStack.com
BrowserStack.com
zurb.com
UserTesting.com
kuler.adobe.com
Adobe Kuler kuler.adobe.com
proto.io
reflectorapp.com
airserver.com
ipsum-generator.com
CupCakeIpsum.com
storyboardthat.com
Capture & Analyze
Using CoverFlow view and Preview of Graphics
What can you apply from today? 30 | 60 | 90
Thank You
Nick Floronick@sealworks.comtwitter.com/NickFloro
Download the Presentation at:http://www.slideshare.net/nickfloro
Recommended