Designing with GuiMags : 1st September 2008



GuiMags are a new concept, taking the idea of designing on paper down an innovative route. They comprise a set of magnets, created to stick to a whiteboard, made of material which allows you to write on them with dry-wipe markers.

I have been trying out a sample of these for a few days and am going to share the aspects I feel that work well, and the areas that still need improvement.

Why is this a good idea?

When designing a mockup, I work differently depending on who the site is for. If it is a personal project, working on paper and then Photoshop is perfect. If the design is for a client, commonly there is a need to express ideas in a collaborative environment. This could be done with a projector/laptop, whiteboard or a flip-chart. These all work well, but a common problem is that when using a whiteboard you find yourself drawing and re-drawing common components of a site (form fields, tabs, buttons etc).

GuiMags solves this problem, allowing you to focus on designing the structure without worrying about the small fiddly pieces. Designing forms, in particular, becomes a much more enjoyable process.

Available Magnets

These are the various magnets available, comprising a selection of most common website components:

GuiMags Design Magnets

Limitations

There are two main problems with GuiMags which could stop them being an overnight success. Firstly is the fact that you need a magnetic whiteboard to use them. From my experience, the majority of whiteboards I have used are non-magnetic and wouldn’t work with these gadgets. To be truly practical, they need to work at every client’s office – professionalism takes a hit when you have to start hunting round the whole building for an appropriate whiteboard.

The second issue is the design aesthetic of the magnets. Whilst the chunky look and feel is certainly appropriate, the choice of blue as a background limits the ability to use them in any mockups which illustrate colour. Future possibilities could be to offer a range of colours, or provide a black and white set to ensure they don’t over-power any other colours on the sketch.

Conclusion

Designing mockups and prototyping alongside a group of people has always posed a challenge. GuiMags goes some way to solving the problem, allowing you to create sample designs and forms with greater speed and ease. However, at $100, these magnets don’t come cheap and you may also find yourself requiring a new magnetic whiteboard (anything from $20 to $100 depending upon size). They are a great concept and a forward thinking idea, but some of the initial drawbacks need to be addressed before they are versatile enough to become a dominant tool in my design workflow.


Comments and Discussion


On 1st September 2008 , Joanne Price said:

I can see the use of them, but agree that they're not really all that good looking. Don't think I'd justify $100!

On 10th September 2008 , Shaun said:

Perhaps buying a sheet of magnetic material, glue, a printer and some elbow grease you may be able to slap a set together for less than outlined above. Also give the flexibility to create a new color set if necessary.

On 10th September 2008 , Shaun said:

Ah, you can write on them! Did not realize that. May need to laminate them too? :)

On 11th September 2008 , Dionis Loire said:

It just might be the next big thing; I always wanted something like this when clients pay a visit. With traditional "sketching" it seems-- unprofessional and often, client have no idea what you're drawing. I do agree about the colors, a variety will certainly make a huge difference. Great post! :)



Add your thoughts



News Archives






Sponsored By


PSD to HTML

Gooey Templates

Freshbooks Billing for Freelancers

13 Styles Free CSS Menus

Standard Advert

I'd like to be
inspired by:



Colour


Red Designs Blue Designs Green Designs Yellow Designs Brown Designs Orange Designs Brown Designs Grey Designs Multi Coloured Designs


Category




Layout


One Column CSS Layout Two Column CSS Layout Three Column CSS Layout Grid CSS Layout Other CSS Layout


I've got a
question...



What is Design Shack?

We showcase stunning CSS and Web 2.0 design, alongside resources and inspiration for you to succeed in the same way. We only offer the cream of great design, perfect for getting that spark of creativity going again.

Can you feature my site?

Of course - if it's up to the mark! Just fill in our simple form.

Who's behind the site?

Design Shack is brought to you by David Appleyard, a freelance designer from the UK who is available for work.