Balsamiq Wireframes Quickstart Guide

Balsamiq Wireframes Quickstart Guide
eBook: $14.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $39.98    Print cover: $24.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • A simple yet professional approach to wireframing and prototyping using Balsamiq Mockups
  • Practice essential wireframing skills using real-world examples and challenging exercises
  • Build simple, interactive, clickable and effective prototypes with Balsamiq

Book Details

Language : English
Paperback : 142 pages [ 235mm x 191mm ]
Release Date : September 2012
ISBN : 1849693528
ISBN 13 : 9781849693523
Author(s) : Scott Faranello
Topics and Technologies : All Books, Other, Web Development

Table of Contents

Chapter 1: Getting to Know Balsamiq
Chapter 2: Building a Project
Chapter 3: Working with Symbols
Chapter 4: Building Data Tables
Chapter 5: Icons, Images, and Text
Chapter 6: Presenting Your Work
Chapter 7: Parting Thoughts: Resources and Recommendations
  • Chapter 1: Getting to Know Balsamiq
    • What is Balsamiq?
    • Installing Balsamiq
      • System requirements
      • Installation
      • What is Adobe Air?
      • Balsamiq Mockups versus myBalsamiq
      • Trial versus paid version
    • The application
      • Application menu
        • New Clone of Current Mockup
        • Save All
        • Close All
        • Export to PNG Image
        • Export All Mockups to PNG
        • Export All Mockups to PDF
        • Export Image to Clipboard
        • Export Mockup XML
        • Import Mockup XML
      • Application view
        • Application Bar
        • UI Library
        • Canvas
        • File Browser
      • Property Inspector
    • Summary
    • Chapter 2: Building a Project
      • The project files
      • Organizing your Balsamiq files
        • Naming your files
          • Alphabetically
          • Numbering
      • The project
        • So what are we building?
        • The UI Library revisited
        • Adding a widget
      • Alignment
      • Layering
      • Grouping layers
      • Putting it all together
        • Before we begin: A brief word about design and layout
        • Rectangle/Canvas/Panel
        • Adding text
        • Images
        • Align tool
        • The body copy
      • Summary
      • Chapter 3: Working with Symbols
        • What are symbols?
        • Creating a symbol
          • Location of the saved symbols
          • Symbols.bmml
            • Symbols as a master page
        • Modifying a symbol
          • Page by page
          • All pages
          • Additional ways to edit a symbol
            • Break Apart
            • Edit Source
            • Project Assets
            • Reverting to saved
          • Deleting a symbol
            • Page by page
            • All pages
        • Revisiting the wireframe project
          • Adding symbols to multiple pages
            • Copying and pasting the symbol
            • Dragging the symbol
            • Double-clicking on the symbol
          • Creating a new symbol
            • Adding some text
            • Adding the footer to all pages
        • Creating a symbol library
          • Adding the symbol to your project
        • Sharing symbols
          • Project by project
          • All projects
        • Summary
        • Chapter 4: Building Data Tables
          • Data tables
          • Formatting data
          • Deciphering the data
            • Columns and rows: A closer look
            • Grid form elements
            • Width and alignment controls
          • Data table tips
            • Highlighting a table row
            • Adding a scroll bar
          • Wireframe project revisited
            • Revising your project
              • Action Bar
              • Data table
              • Paging
          • Even more tips
            • Formatting: Readability is usability
            • Data table details
              • Learn more/see more
              • Padding table columns
              • Aligning text
              • Maximum column width
            • Mac and PC compatibility issues
          • Summary
          • Chapter 5: Icons, Images, and Text
            • Exploring icons
            • Importing icons
              • The Icon Library
            • Images
              • The Load Image window
              • Copying images to project assets
              • Image not found
              • Cropping images
            • Text usage and formatting
              • Additional text tools
              • Combining formatting styles
              • Single line text versus paragraph
            • Additional tips
              • Lorem ipsum
              • Sketch it!
              • Auto-Size
            • Summary
            • Chapter 6: Presenting Your Work
              • Prototyping
                • Symbols revisited
              • Linking pages
                • Presentation mode
                  • Link types
                  • The other two icons
              • Additional interactivity
                • Interactive checkbox
                • Even more interactivity
              • Notes and documentation (also known as markup)
                • Markup widgets
              • Exporting for Presentation
                • Exporting to PDF
                • Exporting to PNG
                  • Exporting a single page to PNG
                  • Exporting individual elements to PNG
                  • Exporting an entire project to PNG
                • Exporting an image to the clipboard
              • XML in Balsamiq
                • Exporting wireframes as XML
                • Importing XML
              • Summary
              • Chapter 7: Parting Thoughts: Resources and Recommendations
                • More about Balsamiq
                  • Balsamiq blog
                  • Balsamiq support
                    • Record a Screencast
                    • Ask the community
                  • Keyboard shortcuts
                • Third-party extensions
                  • Napkee
                  • MockupsToGo
                  • Reality Mechanic
                  • LiveMockups
                  • Wirify by Volkside
                  • Project management
                • Further reading
                  • Books
                  • Usability websites
                  • One final tip
                • Summary

                Scott Faranello

                Scott's work in the field of user experience design and architecture has led him on an impressive journey. From Graphic Designer and Consultant to award-winning User Experience Designer, Director of UX, and now Customer Experience Senior Architect and Marketing Product Manager, Scott has created an extensive list of credentials having worked for some of the largest companies in the U.S. and the world. His extensive portfolio includes work for GM (U.S. and Europe), GE, Ford Motors, and most recently Cigna Healthcare where Scott is helping to shape the future of the customer experience within the healthcare industry. Scott's work has been seen and used by literally millions of end users around the world and in a multitude of industries including corporate, security, finance, entertainment, telecommunication, software development, BtoB, and e-commerce. A native New Yorker, Scott currently resides in Connecticut and holds a Bachelor's degree in Human Computer Interaction and History from DePaul University, Chicago, IL.
                Sorry, we don't have any reviews for this title yet.

                Code Downloads

                Download the code and support files for this book.

                Submit Errata

                Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                Sample chapters

                You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                Frequently bought together

                Balsamiq Wireframes Quickstart Guide +    WordPress Mobile Web Development: Beginner's Guide =
                50% Off
                the second eBook
                Price for both: $33.00

                Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                What you will learn from this book

                • The ins-and outs of the Balsamiq Mockups application
                • How to think about layout and design
                • How to approach wireframing from the user experience perspective
                • How to create simple, clickable prototypes
                • How to communicate your ideas clearly to large, diverse teams
                • How to present your work professionally
                • Where to find valuable resources to expand your knowledge
                • Professional templates to download and build upon, using real-world examples and exercises.

                In Detail

                Balsamiq Mockups is an easy to use, engaging tool for anyone looking to strategize and brainstorm ideas around product design and information architecture. With Balsamiq, you can strategize, create, prototype and present your ideas clearly and effectively to audiences large and small.

                "Balsamiq Wireframes Quickstart Guide" is a fast paced and easy to follow instructional book that gets you up and running quickly while challenging you to be the best you can be using the tool. With this book in hand, it will take only minutes to present an idea on screen.

                Wireframing is one of the key steps of effective user interface design and architecture. Finding the right tools to get your thoughts onto the page quickly and clearly is vital to your success. This book will have you on your way in no time. "Balsamiq Mockups Quickstart Guide" will walk you through the entire application in a fast, simple and engaging way. You will be presented with wireframe samples, exercises and real-world examples that will engage, challenge and enable you to become an expert wireframer and Balsamiq user. Whether you are looking to communicate ideas to your team, a client, a product manager, an IT developer, or if you are wireframing for the fun of it, this book is for you. By the time you are finished, you will have mastered the tools to do whatever your mind can think up. The rest is up to you.


                This book is a step-by-step guide to learning Balsamiq Mockups and wireframing in general. Written in an engaging, easy to follow style and flow, readers can utilize free, downloadable templates that teach by building upon previous chapters until each lesson is learned and applied, ensuring true learning, not just memorization.

                Who this book is for

                If you are serious about wireframing, designing and communicating your ideas clearly and quickly, then this book is for you.

                Code Download and Errata
                Packt Anytime, Anywhere
                Register Books
                Print Upgrades
                eBook Downloads
                Video Support
                Contact Us
                Awards Voting Nominations Previous Winners
                Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software