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  
   
 

BROWSE GUUUI POSTINGS

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) 
 

61

Fireworks - from interaction design to visual design

In this article from Adobe Developer Connection, Nick Myers gives a walkthrough of how he and his colleagues at Cooper used Adobe Firework to evolve a design from a bare bones interaction design to a visually refined one.

According to Nick Myers, working in Fireworks throughout the design process has many benefits:

- You use one tool for both interaction design and visual design

- It encourages teams to be more collaborative as work is passed back and forth between the different people involved

- You can work much faster as you don't have to recreate things or check work against each other's files

- It reduces mistakes as you don't manage multiple versions of files

Links:

  • Designing interactive products with Fireworks Open link in new window

Henrik Olsen - July 14, 2008

Permanent link Comments (2)

See also: Cases and Examples (28)  Tools (106)  Prototyping and wireframing (119) 


 

62

Firefox wireframing tool

Pencil is a free tool for sketching user interfaces. Since it's a Firefox 3 extension, it runs on virtually all platforms.

The tool has many of the features you would expect from a decent prototyping tool. But unfortunately, it lacks the ability to work with even basic interactivity, such as creating interlinked pages

Links:

  • The Pencil Project Open link in new window

Henrik Olsen - July 06, 2008

Permanent link Comments (0)

See also: Prototyping and wireframing (119)  Tools (106) 


 

63

95% of returned products work fine

According to a study by Accenture, 95% of consumer electronics products returned to retailers in the US are working properly. 68% are returned because they were thought to be defective or didn't meet customers' expectations.

A related study in the Netherlands found that this was the case for half of the products returned by Dutch people.

Apparently, Americans aren't as bright as the Dutch people ;)

Links:

Henrik Olsen - June 11, 2008 - via Putting People First

Permanent link Comments (2)

See also: Research (129)  Bad designs (20) 


 

64

Study of login functions

In a study, UIE had the opportunity to learn how the login functions at different travel sites works.

They found that:

- There doesn't seem to be much consistency across travel site in how they locate their login and whether they use a login form or a login link

- When looking for the login, user seemed to first look for a pair of text fields. If they couldn't find it, they would start looking for a link.

- The location and type of login made no discernable difference.

- Users had trouble when the login feature wasn't visually distinct from the rest of the page

- If two text fields were located close to each other, some users would mistake them for the login form

- Once logged in, a pattern that worked well was to replace the login feature with the user's name and a logout link.

- Users had strong expectations about when the login features should appear. The most successful approach was to give users the option when it was beneficial to them.

Links:

  • The Wheres and Whens of Users' Expectations Open link in new window

Henrik Olsen - June 09, 2008

Permanent link Comments (1)

See also: Research (129)  Links (19)  Forms (30) 


 

65

The online prototyping tool ProtoShare

ProtoShare is a new online prototyping tool. With the tool, we can build functional prototypes online that can be shared with teammates and clients.

The feature list is quite amazing: drag-and-drop widgets, automatic navigation, and potent specification and collaboration tools with annotations, discussions, to-do lists and what have we.

The only downside is that the tool is somewhat slow to work with compared with an off-line tool.

Links:

  • The online prototyping tool ProtoShare Open link in new window
  • See demo videos Open link in new window

Henrik Olsen - June 05, 2008

Permanent link Comments (1)

See also: Tools (106)  Prototyping and wireframing (119) 


 

66

How to build prototypes using Flash

Alexa Andrzejewski has written a thorough step-by-step tutorial on how to create high-fidelity prototypes using Flash.

According to Alexa, creating a basic click-through prototype in Flash takes the same time and effort as with other popular prototyping tools, while the flexibility and potential for extending the prototype is far greater in Flash.

Links:

  • Quick and Easy Flash Prototypes Open link in new window

Henrik Olsen - June 01, 2008

Permanent link Comments (1)

See also: Prototyping and wireframing (119)  Tools (106) 


 

67

OverSite - a prototyping tool

I just stumbled upon this interface prototyping tool called OverSite that works on Windows, Mac and other platforms. I haven't tested it on a real project, but it seems like a quite reasonable tool.

Like other prototyping tools, it allows us to create interfaces with drag-and-drop widgets, link screens together, and export the whole thing to HTML. It even has a build in browser that allows us to test the interaction flow before exporting the project.

A quite interesting feature of Oversite is the ability to create multiple versions of a page. This is a nice way supporting the creative process of exploring different design directions.

Links:

  • The prototyping tool Oversite Open link in new window

Henrik Olsen - May 13, 2008

Permanent link Comments (0)

See also: Tools (106)  Prototyping and wireframing (119) 


 

68

User's read only 20% of what we write

Based on studies of user's browsing habits, Jakob Nielsen estimates that people, on average, read 20% of a web page.

Links:

  • How Little Do Users Read? Open link in new window

Henrik Olsen - May 07, 2008

Permanent link Comments (0)

See also: Research (129)  Text (24) 


 

69

Book: Web Form Design

Luke Wroblewski's book about designing effective and engaging web forms is available for purchase. Luke has been writing a great deal about form design at his blog and I'm sure his book is worth a read.

Links:

  • The book Web Form Design Open link in new window
  • Luke's blog entries on form design Open link in new window

Henrik Olsen - May 05, 2008

Permanent link Comments (0)

See also: Books (47)  Forms (30) 


 

70

Audio from presentations at the 2008 AI Summit

Boxes and Arrows has published audio and slides from the 2008 IA Summit. Speakers include Jared Spool questioning whether user-centered design produces user-friendly designs and Peter Morville on how to design better search interfaces and applications.

Links:

  • Day 1 Open link in new window
  • Day 2 Open link in new window
  • Day 3 Open link in new window

Henrik Olsen - May 03, 2008 - via Putting People First

Permanent link Comments (0)

See also: Talks and presentations (18)  Audio and video (48) 


 

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) 

Technology

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

Humour

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