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  




Wireframes with Google Docs

In a guest post on the Google Docs Blog, Morten Just tells about his wireframing template for Google Docs and explains how to use them for making your own wireframes.


  • Rapid wireframe sketching in Google Docs Open link in new window

Henrik Olsen - May 11, 2010

Permanent link Comments (0)

See also: Tools (106) 



Wireframes as thinking devices

In this article, Will Evans writes about how he sees wireframes as a process rather than an artifact. Wireframes should be understood as a design process rather than a design delivery. It's a thinking devise for exploring design problems and a framework for conversations between designers, developers and stakeholders.


  • Shades of Grey: Wireframes as Thinking Device Open link in new window

Henrik Olsen - May 01, 2010

Permanent link Comments (0)

See also: The design process (24) 



Favorite prototyping tools

In this reprint from his book Prototyping: A Practitioner's Guide, Tood Zaki Warfel looks at which tools people are using for prototyping and what people want from their tools.


  • Prototyping Picking the Right Tool Open link in new window

Henrik Olsen - March 21, 2010

Permanent link Comments (0)

See also: Tools (106) 



Interactive prototypes with InDesign

Here's a short tutorial on how you can create an interactive prototype using InDesign. The screens are created as pages, linked together and the whole thing is exported as an interactive Flash movie.


  • Lightweight Prototyping with Adobe InDesign Open link in new window

Henrik Olsen - January 26, 2010

Permanent link Comments (0)

See also: Tools (106) 



Stop-motion Paper Prototype

Here's a great example of how you can present your paper prototype to others by making a stop-motion of how the design might be used.


  • Paper prototype animation Open link in new window

Henrik Olsen - January 24, 2010 - via Wireframes Magazine

Permanent link Comments (0)



Concept video showing the future digital magazines

Here's a great example of an envisionment made for the media company Bonnier. It shows the tangible results of a research project exploring the experience of reading magazines on handheld digital devices.


  • Digital Magazines: Bonnier Mag+ Prototype Open link in new window

Henrik Olsen - January 02, 2010

Permanent link Comments (0)

See also: Audio and video (48) 



A fable of user-centered design

David Travis has written a booklet that, in a narrative style, tells the fable of a young man's journey as he discovers the secrets of user-centered design.

From the designers that our bright young man meets on his journey, he learns what user-centered design is and how early and continual focus on users and their task, empirical measurement of user behavior and iterative design are the corner stones of user-centered design.

Great for reading aloud for your kids.


  • Download the booklet Open link in new window

Henrik Olsen - December 25, 2009 - via Putting people first

Permanent link Comments (0)

See also: Usability testing (68)  User research (23)  Personas (19)  The design process (24)  Primers (14) 



Wireframes are useless

According to Andy Rutledge, using schematic or sketchy wireframe layouts as first-step deliverables for clients is often a bad move.

His main points are that:

- A wireframe layout is inarticulate and doesn't give clients sufficient context to make informed decisions
- The dull and dubious representation of the design can erode client confidence and lead them to question the creativity of the designers
- Revisions of wireframes are likely since what seems sound and logical in a wireframe may be trite and malformed when the visual design is applied.

Andy suggest that instead of wireframes, our first deliverable should be one or more fully realized designs. Though wireframes aren't perfect, I doubt that many teams are ready to go back to that approach.


  • Where Wireframes Are Concerned Open link in new window

Henrik Olsen - December 18, 2009

Permanent link Comments (1)



Interview with Todd on his book about prototyping

Over at Jonny Holland, you'll find an interview with Todd Zaki Warfel about his new book on prototyping. He talks about his motivation for writing the book, why prototyping isn't as widespread as it should, how prototypes are great communication vehicles, and what tools to use.


  • The Power of Prototyping - An Interview With Todd Zaki Warfel Open link in new window

Henrik Olsen - November 25, 2009

Permanent link Comments (0)

See also: Interviews (30) 



New book on prototyping

Todd Zaki Warfel has outpaced me in my long-standing attempt to write a book on user interface prototyping. His book Prototyping - A Practitioner's Guide to Prototyping is now on sale. I haven't had the chance to read it yet (don't forget you promised me a copy, Todd), but I'll bet it's worth its price. Go get it!


  • Prototyping - A Practitioner's Guide to Prototyping Open link in new window

Henrik Olsen - November 25, 2009

Permanent link Comments (1)

See also: Books (47) 


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