12
Introduction to Balsamiq

Balsamiq Mockups: User interface screen design tool

Embed Size (px)

Citation preview

Page 1: Balsamiq Mockups: User interface screen design tool

Introduction to Balsamiq

Page 2: Balsamiq Mockups: User interface screen design tool

Prototyping

Quick, inexpensive and flexible way to design

Enables iterative design cycles

Allows exploration of alternatives

Doesn't lock into a technology

Socialisation of designs

Levels of fidelity and detail

Focus on purpose through simplicity

Page 3: Balsamiq Mockups: User interface screen design tool

What is Balsamiq

Affordable easy-to-use software with drag-and-drop graphical user interface widgets to rapidly build screen design wireframes.

Based on Adobe AIR, platform independent.

Page 4: Balsamiq Mockups: User interface screen design tool

Balsamiq

Page 5: Balsamiq Mockups: User interface screen design tool

Drag-and-drop UI elements

Page 6: Balsamiq Mockups: User interface screen design tool

Easy manipulation & configuration

Page 7: Balsamiq Mockups: User interface screen design tool

Quickly assemble a screen

Page 8: Balsamiq Mockups: User interface screen design tool

Collaborate and critique

Page 9: Balsamiq Mockups: User interface screen design tool

Link between screens

Page 10: Balsamiq Mockups: User interface screen design tool

iPhone application design

Page 11: Balsamiq Mockups: User interface screen design tool

Balsamiq

It's good for rapid prototyping and screen design - but probably not appropriate to develop final screen wireframes for a UI spec.

Can be a little tricky to use due to some latency issues as it's not a native OS app; and the pop-up Properties box can get in the way.

I'm a big fan of Balsamiq and recommend it!

Page 12: Balsamiq Mockups: User interface screen design tool

Thank you

This overview of Balsamiq was brought to you by Nathanael Boehm, web user interaction designer.

For more information go to:

http://www.purecaffeine.com