What is it?  Who's it for?  Why use it?
Wordsmith Example   Web Real Estate Example   Internet Phone Example
GUI Design Studio is a code-free, drag and drop user interface design and prototyping tool for creators of Web, Desktop, Mobile and Embedded software applications.
  • Design screens or web pages
  • Add user interaction behaviour
  • Test as a running prototype
  Software Designers, User Experience Professionals, Business Analysts, Developers, Project Managers and Consultants.
  • Document product ideas
  • Create project proposals
  • Create design mock-ups
  Quickly lay down ideas and test them out in a low-cost, risk-free environment and avoid expensive implementation rework by getting the right design agreed upon first.
  • Verify designs and requirements
  • Explore alternatives
  • Evaluate different usage scenarios

Step 1: Turn Ideas Into Visuals


Idea

So you've got a rough understanding of your application's requirements. Ideas are forming in your head. Now it's time to get them down in the form of screen or web page visuals.

Start a new project and create some designs.

With each design file, GUI Design Studio gives you a big canvas to work with. Really big.

And because of the unique way it uses what's on the canvas, you can decide what's important and what's just a passing thought to hang onto for later.

Push different ideas into the margins and mix them around. Or use them as a new train of thought in a quickly duplicated version of a design.

App Screens
120+ Built-in Design Elements  Custom Widgets and Libraries  Reuse Components and Masters
Create screens using standard Windows controls, Web elements and other generic elements. Provided variations speed up construction. Combine elements to create custom controls and further variants.   Create your own set of commonly used elements, and groups of elements. Turn any design file into a custom element for reuse. Package custom element libraries for sharing with others.   Break your projects down into smaller component designs that can be reused on any number of other designs. Changes to the original component are instantly reflected wherever they’re used.
Elements   iOS Design Library   Component Example

“As a User Experience Designer, I need to convince stakeholders that my designs will meet their requirements. With GUI Design Studio I was able to produce a pseudo functional prototype in a very short amount of time that showcased my designs and enabled stakeholders to see how those designs would fulfill their requirements. Caretta Software's very quick response to questions and feature requests was a major contribution to the success of my delivered solutions.”

- Kevin Alderton

User Experience Designer

SAS Institute Inc.

Ready to start prototyping?
download trial

Step 2: Add User Interactions


Interact

The closer you are to a working application, the more insight you'll get into how well it meets requirements.

Static mockups are a great start but they don't tell the whole story. User flow is important in an application, so you also want to describe what happens on each screen and explore their relationships.

  • How do you get from A to B?
  • What happens when you press this button or that button?
    Sometimes it's obvious. Sometimes it's not.
  • What are the different states a screen can be in? What do they look like?

You want to communicate these ideas in a manner that's quick to grasp and easy to understand.

Ribbon Bar Actions
Graphically Depict Screen Flow  Multiple Use Case Scenarios  Dynamic and Tabbed Interfaces
Go beyond simple screen links and slideshows with multiple types of navigation, modal layers and on-screen effects. Make connections from practically any element.   Add use case scenarios to any action and change the flow of the application accordingly. Enter business rules for each scenario condition, based on user-entered data and option selections.   Easily create tabbed interfaces and dynamic content panels that may be nested inside one-another for complex applications. You can even control them from simple data value assignments.
User Flow   Scenarios   Tabbed Interface

“In the last four weeks I've prepared a new rich GUI design for our Money S3 software – a classical ERP system for which we have 100,000+ customers. Caretta Software really helped me, as it was much easier to draw the prototype in GUI Design Studio and stay focused on layout, than directly make the prototype using .NET and DevExpress components. Thanks!”

- Martin CĂ­gler

CEO

CĂ­gler Software, a.s.

Ready to start prototyping?
download trial

Step 3: Test Your Prototype


Test

With one click you can instantly test the design you're currently working on or run the whole project prototype from your designated starting point.

No coding and no waiting for compilation.

This makes the turnaround between design and testing extremely fast for maximum productivity. Make a small tweak to your design and test it instantly.

Only when you test with a working mockup do you uncover all the hidden questions that are lurking behind your design...

  • Does the structure and flow make sense?
  • What happens in this case or that case?
  • What's missing?
  • What can I leave out?
  • and many more, besides...
Prototype being tested
Instant Prototype Execution  Fast Scenario Testing  Export Snapshots
Press 'Run' and your prototype opens in its own full screen window (to avoid distractions), with a pseudo-browser mode for web-based designs.   Save time testing different scenarios by creating sets of data you can apply at any time to quickly fill forms in a repeatable way, and without error. Pro edition only   Capture the moment by grabbing a snapshot of your running prototype as an exported image. Use this to highlight areas of the design for further discussion.
Running Prototype   Apply Data Set   Exported Snapshot Image

“Using GUI Design Studio, I spend less than one hour prior to the meeting to get the forms ready. Then during the meeting, if we decide to change the design, I make all the changes on the spot. Using the Simulator, we can see exactly how each change might affect application flow. We now generally reach an agreement during a single session. Then I just circulate one copy of the spec for signatures. I save 4 to 7 hours a week per project.”

- Kelley Brigman

Data Architect and Internal Tools
Development Team Manager

ProVation Medical

watch demo view pricing download trial

Stay Connected

Stay up to date with us via Email or RSS feed:

Name:

Email:

 

Copyright © 2003-2014 Caretta Software Ltd.
All rights reserved.