Archive for the ‘Prototyping’ Category

Collaborative GUI Design Patterns Site Launched

Friday, March 26th, 2010

GUI Design Patterns SiteRight from the start, GUI Design Studio was built with the ability to link in libraries of common design components so that you can reuse them within different projects. This has been extended in version 4.0 with custom elements within libraries and the new templates feature.

This is also a really useful way of sharing your designs. If you work in a team, or in an organisation that creates multiple products, you can share complete designs, templates of multi-page design patterns or individual components. Not only does this help save lots of time, it also promotes consistency and best practice in your designs.

What’s been missing is an easy way for you to get access to design libraries and to share your own.

So we’ve just launched www.guidesignpatterns.com where you can download libraries, templates, samples and patterns, and make your own contributions to the community. So, even if you work on your own, you’ll be able to benefit from the work of others and to share your work with them.

Our aim for this site is to build up an extensive resource of common design patterns and elements to help you create your prototypes as quickly as possible.

(more…)

GUI Design Studio 4.0 Released With New Interaction and Templates

Tuesday, March 9th, 2010

New Version 4.0GUI Design Studio version 4.0 is now available and includes some fantastic new features in two editions, both with a 30-day trial.

The new features are grouped around interactivity and element and design sharing. They enable you to build more realistic and interactive prototypes and to share or reuse individual elements or whole design templates with ease.

New editions

GUI Design Studio is now available in two different editions.

GUI Design Studio Express provides the prototyping functionality that was in v3, but focussed on individuals without the need to share projects and generate specification documentation.

GUI Design Studio Professional builds on v3, adding new interactivity and design sharing features, and is better suited to those working on larger projects, in teams, or on multiple designs.

All projects created in one edition will run in the other, or in the free viewer, except that the enhanced interactivity features in the Professional edition (see below) are not available in the Express edition. You can compare the two editions here.

Prototypes get more interactive (Pro edition only)

As your user interface design develops, everyone involved starts to focus on the details of interactivity. What process does the user need to go through to achieve certain tasks, how many button presses, how much navigation, is it clear and obvious, can they make simple mistakes?

All of these questions, and more, need to be considered in developing and refining a good UI and they cannot be addressed easily in a simple mock-up.

GUI Design Studio v4 introduces a range of new features (more…)

GUI Design Studio 3.6 Released With New Calendar Elements

Thursday, January 28th, 2010

New Version 3.6GUI Design Studio version 3.6 is now available for immediate download. This is most likely the last 3.x maintenance release before we launch version 4.0 next month. It contains some fixes and changes based on customer requests and is a free upgrade for all registered users.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

Calendar Elements

Calendar ElementsWith so many requests from users, we’ve finally added Calendar elements to the mix. This was essentially the last missing native Windows control and a common feature in a vast number of desktop and Web applications.

So why has it taken so long to appear? Well, that’s a very good question. Right from the start, with the version 1.0 release 5 years ago, we realized that calendar controls were important. But rather than create complex elements for every conceivable situation, the idea then was to provide basic building blocks from which other elements could be assembled.

The very first design samples library contained various calendar controls with different display options. We thought that this would be enough for simple mock-up purposes. Well, clearly, we were wrong! Creating calendar controls from scratch using text boxes and other elements is both tedious and time consuming, especially if you don’t want a design that’s stuck in 2005!
(more…)

Software Prototyping – Part 3: Tools

Monday, January 11th, 2010

ToolsIn the first two articles we discussed why you should consider creating prototypes and whether that prototype should have a role just in the design phase as a “Throwaway Prototype” versus an “Evolutionary Prototype” that may evolve into the final product.

While functional prototypes always involve development tools (and associated skills), there are, essentially, four classes of tool for creating user interface prototypes:

1. Pen and Paper

It doesn’t get any more low tech than this, which is great because it means that absolutely anyone can take part in the design process. User interface designs can be hand drawn or pre-prepared stocks of user interface elements can be laid out on a page.

Paper sketches can be produced very quickly but making alterations to a design can be somewhat difficult leading to repeated effort if a design needs to be restarted from scratch. It’s often best to spend more time thinking before committing pen to paper.

In test and review situations, (more…)

GUI Design Studio 3.5 Released

Thursday, November 26th, 2009

New Version 3.5GUI Design Studio version 3.5 is now available for immediate download. This is a maintenance release with some fixes and changes based on customer requests. It’s a free upgrade for all registered users.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

Tree Icons
Tree IconsUntil now, Tree elements have come with just a couple of basic sets of icons and the only way to change individual item icons was to place other icons on top.

That worked well until scrolling and item expansion/contraction functionality was added in version 3.3. After that, you needed to jump through a few hoops with components to get custom tree icons working properly.

Well, we’ve finally given Tree items their own icon property so you can now select them directly and everything works as it should. For convenience, the icon selector also keeps a record of the 10 most recent icons for fast, one-click selection.

Other Changes
(more…)