SlideShare a Scribd company logo
1 of 12
Balsamiq Mockups
                                                  Dave Ross
                                   Suburban Chicago PHP & Web Dev Meetup
                                              November 5, 2009




Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
Dave Ross

•   Lead Developer

•   Ten years experience

•   PHP & Javascript

•   davidmichaelross.com
Wireframing



Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
Low-fidelity prototypes
                     “a prototype that is sketchy and incomplete, that has
                       some characteristics of the target product but is
                     otherwise simple, usually in order to quickly produce
                           the prototype and test broad concepts.”
                                                      Source: http://www.usabilityfirst.com/glossary/term_378.txl




Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
...sketches don't tell, they
             suggest. Their value lies not in
          the artifact of the sketch itself,
                but in its ability to provide a
                     catalyst to the desired and
                             appropriate behaviours,
                                           conversations, and
                                                            interactions.                                                Bill Buxton
                                                                                                                   Principal Researcher, Microsoft
                                                                                                                           Usability Guru



Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
What the client saw.
Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
What he sent back.
Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
Tools
                      • Pencil & paper
                      • UI stencils (uistencils.com)
                      • Mockup Magnets
                      • Visio
                      • Photoshop/Illustrator
                      • Balsamiq Mockups
Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
Balsamiq Mockups
                                                               Desktop - Web - Plugin




Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
Deceptively simple.
Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
“Overall, I found that the participants
                           who saw the Balsamiq sketches did a
                                slightly better job of keeping their
                              feedback more conceptual than the
                                 participants who saw the HTML.”
                                                                        Mia Silverman
                                                                    Sliced Bread Design
Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
Questions?



Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009

More Related Content

Viewers also liked

Viewers also liked (9)

Balsamiq Mockups : Retour d'expérience Dexia BIL
Balsamiq Mockups : Retour d'expérience Dexia BILBalsamiq Mockups : Retour d'expérience Dexia BIL
Balsamiq Mockups : Retour d'expérience Dexia BIL
 
Science of prototyping
Science of prototypingScience of prototyping
Science of prototyping
 
Balsamiq
BalsamiqBalsamiq
Balsamiq
 
Balsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design toolBalsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design tool
 
Introduction to Balsamiq Mockups
Introduction to Balsamiq MockupsIntroduction to Balsamiq Mockups
Introduction to Balsamiq Mockups
 
Ozytis - Créer des maquettes fonctionnelles rapidement grâce à Balsamiq
Ozytis - Créer des maquettes fonctionnelles rapidement grâce à BalsamiqOzytis - Créer des maquettes fonctionnelles rapidement grâce à Balsamiq
Ozytis - Créer des maquettes fonctionnelles rapidement grâce à Balsamiq
 
Du zoning au mockup, itinéraire d'une maquette web
Du zoning au mockup, itinéraire d'une maquette webDu zoning au mockup, itinéraire d'une maquette web
Du zoning au mockup, itinéraire d'une maquette web
 
Users' Story: UX Storyboarding
Users' Story: UX StoryboardingUsers' Story: UX Storyboarding
Users' Story: UX Storyboarding
 
Cartographie digitale de l'univers des Télécoms Entreprises
Cartographie digitale de l'univers des Télécoms Entreprises Cartographie digitale de l'univers des Télécoms Entreprises
Cartographie digitale de l'univers des Télécoms Entreprises
 

Similar to Balsamiq Mockups

Lint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code CheckingLint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code Checking
Dave Ross
 
Cufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementCufon - Javascript Font Replacement
Cufon - Javascript Font Replacement
Dave Ross
 
The Mobile Web: A developer's perspective
The Mobile Web: A developer's perspectiveThe Mobile Web: A developer's perspective
The Mobile Web: A developer's perspective
Dave Ross
 
Profiling PHP & Javascript
Profiling PHP & JavascriptProfiling PHP & Javascript
Profiling PHP & Javascript
Dave Ross
 
LAMP Optimization
LAMP OptimizationLAMP Optimization
LAMP Optimization
Dave Ross
 
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
lomalogue
 
Create Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in MinutesCreate Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in Minutes
Rob Rusher
 
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session   create real interactive prototypes in minutesCodestrong 2012 breakout session   create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutes
Axway Appcelerator
 

Similar to Balsamiq Mockups (20)

Lint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code CheckingLint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code Checking
 
Cufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementCufon - Javascript Font Replacement
Cufon - Javascript Font Replacement
 
Firebug
FirebugFirebug
Firebug
 
The Mobile Web: A developer's perspective
The Mobile Web: A developer's perspectiveThe Mobile Web: A developer's perspective
The Mobile Web: A developer's perspective
 
Profiling PHP & Javascript
Profiling PHP & JavascriptProfiling PHP & Javascript
Profiling PHP & Javascript
 
LAMP Optimization
LAMP OptimizationLAMP Optimization
LAMP Optimization
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
 
Hanami
HanamiHanami
Hanami
 
Jennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference KeynoteJennifer Robbins: ARTIFACT Conference Keynote
Jennifer Robbins: ARTIFACT Conference Keynote
 
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
Ruby On Rails Presentation
Ruby On Rails PresentationRuby On Rails Presentation
Ruby On Rails Presentation
 
What's new in HTML5?
What's new in HTML5?What's new in HTML5?
What's new in HTML5?
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LA
 
Create Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in MinutesCreate Real Interactive Prototypes in Minutes
Create Real Interactive Prototypes in Minutes
 
Untangling the web11
Untangling the web11Untangling the web11
Untangling the web11
 
Design Prototyping
Design PrototypingDesign Prototyping
Design Prototyping
 
Flog << Test.new
Flog << Test.newFlog << Test.new
Flog << Test.new
 
flog << Test.new
flog << Test.newflog << Test.new
flog << Test.new
 
Codestrong 2012 breakout session create real interactive prototypes in minutes
Codestrong 2012 breakout session   create real interactive prototypes in minutesCodestrong 2012 breakout session   create real interactive prototypes in minutes
Codestrong 2012 breakout session create real interactive prototypes in minutes
 

More from Dave Ross

Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and Compass
Dave Ross
 
Date and Time programming in PHP & Javascript
Date and Time programming in PHP & JavascriptDate and Time programming in PHP & Javascript
Date and Time programming in PHP & Javascript
Dave Ross
 
Web App Security: XSS and CSRF
Web App Security: XSS and CSRFWeb App Security: XSS and CSRF
Web App Security: XSS and CSRF
Dave Ross
 
PHP Output Buffering
PHP Output BufferingPHP Output Buffering
PHP Output Buffering
Dave Ross
 

More from Dave Ross (20)

Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and Compass
 
HTML5 History & Features
HTML5 History & FeaturesHTML5 History & Features
HTML5 History & Features
 
A geek's guide to getting hired
A geek's guide to getting hiredA geek's guide to getting hired
A geek's guide to getting hired
 
NoSQL & MongoDB
NoSQL & MongoDBNoSQL & MongoDB
NoSQL & MongoDB
 
Date and Time programming in PHP & Javascript
Date and Time programming in PHP & JavascriptDate and Time programming in PHP & Javascript
Date and Time programming in PHP & Javascript
 
Simulated Eye Tracking with Attention Wizard
Simulated Eye Tracking with Attention WizardSimulated Eye Tracking with Attention Wizard
Simulated Eye Tracking with Attention Wizard
 
The Canvas Tag
The Canvas TagThe Canvas Tag
The Canvas Tag
 
Wordpress
WordpressWordpress
Wordpress
 
Lamp Stack Optimization
Lamp Stack OptimizationLamp Stack Optimization
Lamp Stack Optimization
 
The FPDF Library
The FPDF LibraryThe FPDF Library
The FPDF Library
 
FirePHP
FirePHPFirePHP
FirePHP
 
Bayesian Inference using b8
Bayesian Inference using b8Bayesian Inference using b8
Bayesian Inference using b8
 
SQL Injection in PHP
SQL Injection in PHPSQL Injection in PHP
SQL Injection in PHP
 
Web App Security: XSS and CSRF
Web App Security: XSS and CSRFWeb App Security: XSS and CSRF
Web App Security: XSS and CSRF
 
PHP Output Buffering
PHP Output BufferingPHP Output Buffering
PHP Output Buffering
 
Google Maps API
Google Maps APIGoogle Maps API
Google Maps API
 
Everything You Need to Know in Order to Start Using jQuery
Everything You Need to Know in Order to Start Using jQueryEverything You Need to Know in Order to Start Using jQuery
Everything You Need to Know in Order to Start Using jQuery
 
Subversion
SubversionSubversion
Subversion
 
PHPUnit Automated Unit Testing Framework
PHPUnit Automated Unit Testing FrameworkPHPUnit Automated Unit Testing Framework
PHPUnit Automated Unit Testing Framework
 
Apache mod_rewrite
Apache mod_rewriteApache mod_rewrite
Apache mod_rewrite
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Balsamiq Mockups

  • 1. Balsamiq Mockups Dave Ross Suburban Chicago PHP & Web Dev Meetup November 5, 2009 Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 2. Dave Ross • Lead Developer • Ten years experience • PHP & Javascript • davidmichaelross.com
  • 3. Wireframing Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 4. Low-fidelity prototypes “a prototype that is sketchy and incomplete, that has some characteristics of the target product but is otherwise simple, usually in order to quickly produce the prototype and test broad concepts.” Source: http://www.usabilityfirst.com/glossary/term_378.txl Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 5. ...sketches don't tell, they suggest. Their value lies not in the artifact of the sketch itself, but in its ability to provide a catalyst to the desired and appropriate behaviours, conversations, and interactions. Bill Buxton Principal Researcher, Microsoft Usability Guru Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 6. What the client saw. Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 7. What he sent back. Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 8. Tools • Pencil & paper • UI stencils (uistencils.com) • Mockup Magnets • Visio • Photoshop/Illustrator • Balsamiq Mockups Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 9. Balsamiq Mockups Desktop - Web - Plugin Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 10. Deceptively simple. Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 11. “Overall, I found that the participants who saw the Balsamiq sketches did a slightly better job of keeping their feedback more conceptual than the participants who saw the HTML.” Mia Silverman Sliced Bread Design Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009
  • 12. Questions? Balsamiq Mockups :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: suburbanchicagophp.org :: November 5, 2009