scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
DESCRIPTION
A presentation called "Implementing an mLearning Prototype Strategy" that was given on the Mobile Design Strategies Stage at mLearnCon 2012. The presentation was given by Scott McCormick and Dan Pfeiffer of Float Mobile Learning on Tuesday, June 19.TRANSCRIPT
Implementing an mLearning Prototype Strategy
Mobile Design Strategies StagemLearnCon 2012
• Get “mobile smart”
• Business case
• Process
• Metrics of success
• Bonus: a champion
Before You Start
• Targeted and limited tool
• Simulates user experience
• Not fully functioning
• Developed for acurated experience
What is a prototype?
• Full app dev can get pricey
• Full app dev can take time and can get bogged down
• Prototyping helps manage cost and risk
• Prototyping helps get buy-in and user acceptance/usability achieved earlier in the process
Why Prototype?
• Content resonates withthe target audience
• “Low hanging fruit”
• Not proprietary
• Good place to makemistakes
What’s in a Prototype?
Considerations
• Building Prototypes should be EASY
• Prototypes do not need to be pixel perfect
• Prototype goals need to be clearly spelled out prior to creation
• Build Prototypes that have an output that everyone can see
• Functions, features in assets that are projected for the build - attempt to build them in the prototype
The Basics
• Functional Fidelity and Visual Fidelity
• You need to envision the goals for the prototype
• Choose method and graphic sophistication based on the goals
• More “Production Ready” = more time
• More graphically rich = more time
• More revisions at this point are less expensive than later
Fidelity vs. Functionality
Fidelity vs. Effort
Prototyping Options
Daniel [email protected]
@mediabounds
Paper Prototype
Pros
• Inexpensive
• Easy
Cons
• Doesn't really emulate the UX
• Time-consuming to pull off a complicated design or one with a lot of screens/data
• The design elements/deliverables won’t live on past the planning stage
Paper Prototype
Paper Prototype
uistencils.com
Powerpoint/Keynote
Pros
• Most people have access to at least one of these
• Many people are very familiar with these programs and already know how to create basic layouts
• Allows for interactivity and animation
Cons
• The design elements/deliverables won’t live on past the planning stage
• Output isn’t really “mobile”
• Good UI Stencils are tough to find or need reprep (try keynotekungfu.com or keynotopia.com)
Powerpoint/Keynote
OmniGraffle
Pros
• Great toolset – highly extensible, large community
• Produces fantastic diagrams and high quality output
• Reasonably easy to use for any one familiar with desktop publishing tools
• Provides an quick prototyping solution by adding interactivity to wireframes
Cons
• It's a tad expensive
• Mac only
• The design elements/deliverables won’t live on past the planning stage
Omnigraffle
FieldTest
Pros
• Easily add interactivity and animation to mockups
• Easy to distribute to devices
• Web/Cloud based (so it's collaborative)
• Inexpensive (so I’ve been assured)
Cons
• It's still in private beta
• Pricing is as of yet ???
• FieldTest only adds interactivity to existing mockups (or sketches)--you’ll need to use a different tool to create the mockups
FieldTest (fieldtestapp.com)
HTML/CSS
Pros
• Inexpensive
• Easy
• Using Webkit-based browsers,you can emulate mobile devices pretty well
• There are tools popping up now that ease this considerably (jQuery Mobile, Sencha Touch, etc.)
Cons
• More tech knowledge might be required than simple paper prototypes
• Unless you’re ultimately targeting mobile web (or using a framework like PhoneGap), the design/deliverables won’t live past the planning phase.
HTML/CSS
iOS Storyboard
Pros
• Quickly build an interactive, working (static)
application writing little to no code
• Storyboard will be used through the whole project--
during the development process, code is added to
each view to make it fully functional
Cons
• iOS 5+ only
• Requires a decent understanding of how iOS
applications are structured
iOS Storyboard
• Prototyping is fast
• Prototyping is easy
• Prototyping gets stakeholders involved sooner
• Prototyping saves money
• Prototyping gives the audience “look and feel” of mobile learning
• Prototyping is a great evangelistic tool
Why Prototype?
• Q&A
• Discussion
Finishing Up