20
Confidential. © E2Logy Software Solutions Pvt Ltd AN INTRODUCTION

Introduction to Balsamiq Mockups

  • Upload
    e2logy

  • View
    385

  • Download
    8

Embed Size (px)

DESCRIPTION

Balsamiq is a software which is used to design wireframe, UI design, prototype design etc. Here is a brief introduction about the software.

Citation preview

Page 1: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

AN INTRODUCTION

Page 2: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

BALSAMIQ

Affordable easy to use software with drag and drop

graphical user interface

Extensive collection of widgets to rapidly build screen

design wireframe

Desktop Version runs on any platform supported by

Adobe Air, including Windows, Mac, Linux.

Good for rapid prototyping and screen design

Developed by Balsamiq Studios LLC

Page 3: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

THE INTERFACE

Page 4: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

WHY BALSAMIQ?

Quickly sketch up a basic design of a web site or screen

layout

Quickly communicating design plans to your team and

customers.

To visualize your ideas and share them with designers

and techies.

Drag-and-drop

Page 5: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

BALSAMIQ FEATURES

Low-Fidelity Sketch Wireframes

Click-Through Prototypes

UI Components & Icons

Export to PNG or PDF

Quick Add for Speed

Import and Export

Drag and Drop for Simplicity

Works Offline (without internet connectivity)

Full Keyboard Support for faster operations

Supports Mac, Windows, and Linux platforms

Page 6: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

PROS

Quick and easy to learn how to use

Click and drag pre-made elements

Necessary layout elements for a quick mockup

Easy editing tools

Easy shortcuts for faster editing

Import actual images

Automatic guides

Comment, arrow, and other labeling tools

Save to PNG/XML

Page 7: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

DEMO

Page 8: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

BALSAMIQ

Page 9: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

QUICK ADD

Page 10: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

DRAG & DROP UI ELEMENTS

Page 11: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

EASY CONFIGURATION

Page 12: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

QUICKLY ASSEMBLE A SCREEN

Page 13: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

LINK BETWEEN SCREENS

Page 14: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

IPHONE APP ELEMENTS

Page 15: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

KEYBOARD SHORT CUTS

Page 16: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

FEW SAMPLES

Page 17: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

FEW SAMPLES

Page 18: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

FEW SAMPLES

Page 19: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd

FEW SAMPLES

Page 20: Introduction to Balsamiq Mockups

Confidential. © E2Logy Software Solutions Pvt Ltd