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) 
 

31

DIY magnet interface widgets

Like the idea of magnetic interface widgets? Want to do them yourself? Konigi offers a DIY magnet template for printing on magnets sheets.

Links:

  • Wireframe Magnets (DIY Kit) Open link in new window

Henrik Olsen - June 29, 2009

Permanent link Comments (0)

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


 

32

iPhone Stencil Kit

Design Commission is now selling an iPhone metal stencil that can help you draw nice looking iPhone application sketches.

Links:

  • The iPhone Stencil Kit Open link in new window

Henrik Olsen - June 12, 2009

Permanent link Comments (0)

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


 

33

Tips on how to design forms

To find out how to design user-friendly forms, cxpartner have tested four registrations forms at Yahoo! Mail, Googlemail, Hotmail and eBay.

Here are their recommendations based on the study:
- Use a simple vertical layout and vertical aligned labels where possible
- If vertical aligned labels are not possible, use bold left-aligned labels
- When more than one field is placed on a line, ensure that they are designed to look like a single piece of information
- Emphasize the headers if you want users to read them
- If optional fields are needed, make them clear instead of using asterisks for mandatory fields
- Use single field for numbers or postcodes, allow input in various forms
- Let users focus on their task and avoid distractions
- Use real time feedback carefully
- If possible, place tips at the side of the relevant fields
- Provide users with a progress indicator showing them the steps involved to complete the form

Links:

  • Web form design guidelines: an eyetracking study Open link in new window

Henrik Olsen - June 02, 2009

Permanent link Comments (0)

See also: Forms (30)  Research (129)  Tips and guidelines (95) 


 

34

Web usability has improved, but people are still getting lost

According to Jakob Nielsen, web usability has taken hold in recent years. His tests show that success rates have increased 15% from 2004 to 2009. But people still can find their way around websites. From 2004 to 2009, user failures cased by bad information architecture has only decreased by 4%.

Links:

  • IA Task Failures Remain Costly Open link in new window

Henrik Olsen - April 20, 2009

Permanent link Comments (0)

See also: Navigation (63)  Information architecture (15)  Research (129) 


 

35

Bad usability hinder donations

Jakob Nielsen has conducted a large-scale usability test that shows that non-profit organizations lose out donations because their fail answer donor's questions about what the organization stand for are and how they use donations.

Key findings:
- 47% of the usability problems were about people having problems with finding critical information
- 53% were content issues, including unclear or missing information and confusing terms
- On 17% of the sites, the test participant couldn't find where to make a donation
- The participants had few problems in completing the actual donations

Links:

  • Donation Usability: Increasing Online Giving to Non-Profits and Charities Open link in new window

Henrik Olsen - March 30, 2009

Permanent link Comments (1)

See also: Navigation (63)  Text (24)  Research (129) 


 

36

Tools for prototyping and wireframing

Here's another list of available prototyping and wireframing tools, this time from Sitepoint.

Links:

  • 16 Design Tools for Prototyping and Wireframing Open link in new window

Henrik Olsen - March 25, 2009

Permanent link Comments (0)

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


 

37

What prototyping tools are out there?

Dan Harrelson from Adaptive Path has put up a comprehensive list of the many available prototyping tools, ranging from PowerPoint over HTML editors to dedicated prototyping applications.

Links:

  • Rapid Prototyping Tools Open link in new window

Henrik Olsen - March 24, 2009

Permanent link Comments (0)

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


 

38

Don Norman on designs that makes us happy

Donald Norman is always worth listening to. Here, he gives a short talk on how design can make us happy.

Links:

  • Don Norman: The three ways that good design makes you happy Open link in new window

Henrik Olsen - March 21, 2009

Permanent link Comments (0)

See also: Emotional design (10)  Talks and presentations (18) 


 

39

Prototyping with PowerPoint: Five productivity tips

In this YouTube video, Kris Jordan shares five tips on how to use PowerPoint for fleshing out quick and dirty prototypes:

1. Have a separate PowerPoint with a palette of all the widgets and shapes you need

2. Use master pages to hold common elements shared by multiple screens

3. Use PowerPoint's feature for coping and pasting styles to maintain a consistent look

4. Use hyperlinks to simulate interaction

5. Fake mouseover effects with Action Templates

In the video, you can see a lengthy example of how Kris builds a prototype of a iPhone application.

Links:

  • The video 10 Minute Mock Prototyping Open link in new window
  • The article 10 Minute Mock Prototyping Tips for PowerPoint Open link in new window

Henrik Olsen - March 16, 2009

Permanent link Comments (0)

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


 

40

Prototyping stencils for OmniGraffle

At the KONIGI blog, the happy owners of OmniGraffle 5.x can find two nice stencils for wireframing and prototyping - a glossy high-fidelity and a low-fi sketchy one.

Links:

  • OmniGraffle Wireframe Stencils Open link in new window
  • OmniGraffle Sketch Stencils Open link in new window

Henrik Olsen - March 05, 2009

Permanent link Comments (0)

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


 

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