SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

Destacado

Destacado (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 a 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 a 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
 

Más de 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
 

Más de 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
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
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
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
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)
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
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
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 

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