This presentation unveils the importance of prototyping in User Interface Design. It shows how far balsamiq Mockups is good for building UI prototypes quickly.

1. User Interface Design:
Why Prototyping matters?
A special look at balsamiq Mockups
Patrick NDJIENTCHEU aka Pattchen
Software Engineer, tchen_pat@yahoo.fr
November 07, 2009 – Barcamp Cameroon

2. Agenda
• What is User Interface Design ?
• What about usability ?
• Usability engineering is an iterative process
• The place and importance of prototyping in
usability engineering
• And the winner is...balsamiq Mockups!

3. What is User Interface Design?
• It’s just about designing usable user
interfaces.
• It’s all about usability.

4. What about usability?
• Learnability
• Efficiency
• Memorability
• Errors
• Satisfaction

5. Usability in practice –
some real world examples
Google : efficient, easy and fun to use
Would you have designed it this way? ☺

6. Usability in practice –
some real world examples
The World’s Worst website: no comments…

7. Usability is an iterative process
Design Implement
Evaluate

8. Prototyping in usability engineering
Design Implement > In early days, you
prototype.
> Cheap prototypes reduces
the cost of iterations.
> It’s important to choose a
Evaluate good prototyping tool.

9. And the winner is...balsamiq Mockups
• Feels like you are drawing, but it's digital.
• 75 pre‐built controls to choose from means you can
design anything.
• It’s easy to use and very fast.
• And it’s definitevely fun to use ☺
• Get it at :
http://www.balsamiq.com/products/mockups

10. balsamiq Mockups ‐ examples
* koutchoumi.com is going live on December 1st, 2009.

11. Balsamiq Mockups ‐ demo
• Stop talking, it’s demo time ☺