To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  




UXPin - a paper prototyping kit

If you want to make your paper prototyping a little easier, you might consider investing in a UXPin Portable Kit. It comes with a browser notepad and pads of restickable interface elements, such as buttons, text fields, drop down lists and check boxes, nicely packed in a hard-cover.


  • The UXPin Portable Kit Open link in new window

Henrik Olsen - November 17, 2010 - via Konigi

Permanent link Comments (0)

See also: Tools (106) 



What is better: sketches, wireframes or prototypes

Daniel Ritzenthaler has written a nice piece on how there is no point in discussing which design tools or approach are better as they all have their special purposes. Instead, we should match the tool with the problem at hand. In the article, Dan gives some advice on what to use when.


  • Match the tool to the problem Open link in new window

Henrik Olsen - October 04, 2010

Permanent link Comments (0)



Wireframe kit for Fireworks

Adobe Fireworks comes with a number of nice looking, visually polished user interface elements that can be used for prototyping and wireframing. In the lack of something more rough and sketchy, Dragnet has made a visually bare bones web library that you are free to download.


  • Dragnet website wireframes kit Open link in new window

Henrik Olsen - September 05, 2010 - via Wireframes Magazine

Permanent link Comments (0)

See also: Tools (106) 



Keynote prototyping how-to + template

At his blog, Amir Khella has a thorough post on how to build interactive prototypes of iPad applications using Keynote. In the post Amir shares his Keynote iPad template for download.


  • How to prototype interactive iPad applications in 30 minutes or less using apple keynote Open link in new window

Henrik Olsen - July 30, 2010 - via Wireframes Magazine

Permanent link Comments (0)

See also: Tools (106) 



Prototyping with Keynote

Apple's presentation making software, Keynote, is apparently becoming a popular design and prototyping tool. According to Luke Wroblewski, the reason why is that:

- It's efficient to work with
- It has fairly powerful drawing capabilities that allow you to design in high-fidelity
- It's great for showing process flows and interactions
- Its animation tools makes it easy to show how things like transitions and rich interactions might actually work


  • Designing with Keynote Open link in new window

Henrik Olsen - July 30, 2010

Permanent link Comments (0)

See also: Tools (106) 



The right level of fidelity in design deliverables

Is sketching, wireframing or prototyping the way to go?

In this short article, Tyler Tate concludes that different design methods aren't mutually exclusive. "Rather, each method is appropriate in a certain context. At the end of the day, it simply comes down to selecting the level of fidelity that gets the job done in the least amount of time. As it's been said, 'Laziness is the mother of efficiency.'"


  • Concerning Fidelity in Design Open link in new window

Henrik Olsen - July 13, 2010

Permanent link Comments (0)



Prototyping primer

Over at Smashing Magazine, Lyndon Cerejo has written a nice primer on prototyping. In the article, he outlines the prototyping process and discusses questions such as fidelity, deciding what to prototype, and how to select prototyping tools.


  • Design Better And Faster With Rapid Prototyping Open link in new window

Henrik Olsen - July 13, 2010

Permanent link Comments (0)

See also: Primers (14) 



Balsamiq Mockups

Balsamiq is an electronic mockup tool to develop desktop applications, web applications, web sites, RIA and iPhone applications. It uses a library of hand-drawn controls (intentionaly) which you can extend with your own.

There are multiple ways to share the wireframes (PNG, interlinked PDF pages, online versions,...) and to gather feedback. It is designed for collaboration, in face-to-face or online meetings.

"Put that pencil down - Using Balsamiq Mockups feels like you are drawing, but it's digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. Teams can come up with a design and iterate over it in real-time in the course of a meeting."


  • Balsamiq Mockups: Product Tour & Features Open link in new window
  • Balsamiq Mockups: Online demo Open link in new window
  • Balsamiq Homepage Open link in new window

Pieter-Jan Pruuost - June 28, 2010

Permanent link Comments (0)

See also: Tools (106)  Web page design (40) 



Wireframing with Keynote

Keynote is Travis Isaacs' favorite wireframing tool. "It's ridiculously easy to use, creates gorgeous presentations, and features full suite of drawing tools and shapes."

At you can buy Travis' Keynot Wireframe Kit and watch his presentation on how to deliver effective wireframes to your clients.


  • Keynote Wireframe Kit Open link in new window

Henrik Olsen - June 15, 2010

Permanent link Comments (0)

See also: Tools (106) 



iPhone prototyping app

For 9.99$ you can get yourself a pretty cool prototyping tool for the iPhone called Interface.

The tool is itself an iPhone App that you can use to build interactive prototypes of your own apps.

Take a look at the video tour the see how it works.


  • Interface - the ultimate mockup & prototyping tool for iPhone Open link in new window

Henrik Olsen - May 24, 2010

Permanent link Comments (0)

See also: Tools (106) 

<< Back | More posts >>

Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (119)  Usability testing (68)  Cost-justification and ROI (27)  User research (23)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (40)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (27)  Persuasive design (21)  Visual design (19)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 


Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 


Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (129)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI