Download - Rapid prototyping
![Page 1: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/1.jpg)
Building CustomWeb Apps
Right and Fast:Why User Research and
Sketchflow are Keys to SuccessJohn Whalen, PhD @johnwhalen
e.magination @emagination
![Page 2: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/2.jpg)
John Whalen
PhD Cognitive Science
Cognitive Neuroscience
Vision Science LinguisticsPhD:
Math in Brain
Professor in PsychologyDirector, User Experience& Design @ e.magination
Post Doc at UCLAduring Dot.Com boom
Usability/Accessibility
OnlineStrategy
UserExperience
InformationArchitecture
![Page 3: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/3.jpg)
e.magination
DevelopmentWeb Sites
CMS
Design
Usability/Accessibility
OnlineStrategy
InteractionDesign
InformationArchitecture
Discovery
StakeholderResearch
User Research
VisualDesign
MicrosoftSharePoint
CustomApps
eCommerce
Online Facebook
iPhone
Intranets
Delivery
Support
CustomApps
ContentCreation
About
Since 1992
Baltimore’sLargest
SampleClients
FDA
USDA
CareFirst
DOJ
AARP
Ad.com
.NET
SystemIntegration
Comcast
CommerceServer
Competition
![Page 4: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/4.jpg)
Agenda
• Why prototype?• Introduce Challenge• Prototype w/ Microsoft Expression Blend + Sketchflow• Resources
![Page 5: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/5.jpg)
Why Prototype
• #1 Reason for project failure – cost/time over run because of scope changes
• Better communicate interaction ideas
![Page 6: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/6.jpg)
Why Prototype
• #1 Reason for project failure – cost/time over run because of scope changes
• Better communicate interaction ideas
![Page 7: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/7.jpg)
What tools are there to prototype with
• Paper…
• Balsamiq• Axure• iRise• Sketchflow
Also often used:• Illustrator• InDesign• Photoshop• PowerPoint• HTML/CSS/JavaScript
![Page 8: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/8.jpg)
Problem: It can feel too final
![Page 9: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/9.jpg)
Why SketchFlow
• Fast to create• Easy to get feedback• Nice output• Works in Firefox, IE,
Safari on PC/Mac/Linux• Imports Photoshop /
Illustrator files• .NET programmers could
use this for front-end development
• Nice ‘sketchy’ layout
![Page 10: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/10.jpg)
Why NOT SketchFlow
• Learning curve• Documentation• A bit tricky for clients
(but new version is better)• Creation is PC only
![Page 11: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/11.jpg)
Today’s Challenge
![Page 12: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/12.jpg)
Today’s Challenge
![Page 13: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/13.jpg)
Today’s Challenge
![Page 14: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/14.jpg)
Today’s Challenge
![Page 15: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/15.jpg)
Today’s Challenge
![Page 16: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/16.jpg)
Why Prototype
• Conceptual Prototyping - make it:– Fast– Inexpensive– Disposable– Iterative
• #1 Reason for project failure – cost/time over run because of scope changes
• Prototype better communicates interaction ideas and requirements
![Page 17: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/17.jpg)
Resources
Microsoft Sitehttp://expression.microsoft.com
(click learn, click tutorial)
Dzone Tutorial
http://bit.ly/c7yiju
![Page 18: Rapid prototyping](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c786af4a7959af6a8b456b/html5/thumbnails/18.jpg)
Thank You
John Whalen
@johnwhalen
240-281-0764
Rapid Prototyping slideshare.net/emagination
e.maginationemagination.com
@emagination