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) 
 

241

How to represent sample data in interaction designs

Dan Brown has made a poster that describes techniques for representing sample data in interaction designs. The techniques discussed are:

- Using actual data
- Using dummy data invented by the designer
- Replacing data with variable names
- Illustrating data through repeated characters (such as 9 or X)
- Replacing data with Latin or Greek text

The poster outlines the pros and cons of each technique, how stakeholder might respond to them, and best practices.

Links:

Henrik Olsen - April 05, 2005 - via UXCentric

Permanent link Comments (0)

See also: Posters (5)  Prototyping and wireframing (119) 


 

242

Encyclopedia of interaction design

Mads Soegaard has started an open-content, peer-reviewed encyclopedia covering terms from the disciplines of Interaction Design, Human-Computer Interaction (HCI), Design, Human Factors, Usability, Information Architecture, and related fields.

The encyclopedia is not as comprehensive as the Usability Glossary (yet) but terms are explained in more detail.

Links:

  • The interaction design encyclopedia Open link in new window

Henrik Olsen - March 28, 2005

Permanent link Comments (0)

See also: Glossaries (3)  Tools (106) 


 

243

How to use eyetracking for website redesigns

This case study by Eyetools demonstrates how eyetracking analysis can be used for guiding a redesign of a website. The before and after heat maps reveal significant improvements to users attention to content and navigation on a home page.

Links:

Henrik Olsen - March 24, 2005

Permanent link Comments (0)

See also: Cases and Examples (28)  Eye-tracking (14) 


 

244

30% of web users have low literacy

According to Jakob Nielsen 30% of web users have low literacy and the number will probably grow to 40% in the next five years.

Unlike higher-literacy users, lower-literacy users don't scan text. They can't understand a text by glancing at it and must carefully read word for word. Scrolling breaks their visual concentration and they start skipping text as soon as it becomes too dense.

Some recommendations:
- Use text aimed at a 6th grade reading level on important landing pages
- On other pages use an 8th grade reading level
- Place main points at the top of the pages
- Make search tolerant of misspellings
- Simplify navigation
- Streamline the page design
- Avoid text that moves or changes

A study showed that revising the text of a web site for lower-literacy users made it perform significant better for both lower- and higher-literacy users.

Links:

  • The article Lower-Literacy Users Open link in new window

Henrik Olsen - March 17, 2005

Permanent link Comments (0)

See also: Accessibility (13)  Text (24)  Tips and guidelines (95) 


 

245

Eyetracking study of e-commerce sites

Eyetools Inc and MarketingSherpa have published the report "The Landing Page Handbook". The report describes the results of an eyetracking study of typical e-commerce sites and has design guidelines for improving web page layout.

Some highlights from the report:
- The upper-left corner is always seen
- Most web pages are scanned, not read
- Any text that is underlined or blue get high readership and many people will read only the emphasized text before deciding to read on
- Material underneath images is viewed quite often
- People experience such a strong pull to look at images that they can trump left-to-right reading
- Navigational links or bottoms usually distract visitors from the main purpose of the page

Links:

  • The article Are Your Visitors Seeing What You Think? Open link in new window
  • The book The Landing Page Handbook Open link in new window

Henrik Olsen - March 03, 2005 - via UI Designer

Permanent link Comments (0)

See also: Persuasive design (21)  E-commerce (27)  Landing pages (5)  Eye-tracking (14)  Research (129)  Books (47) 


 

246

Browse vs. search

This paper describes an interesting study of e-commerce sites that was set up to determine factors involved in the decision to use search or browse menus to find products.

According to the authors Michael A. Katz and Michael D. Byrne, the decision of a user to search or browse a site is affected by multiple factors including:
- The site information architecture in terms of labeling and menu structure
- The user's inclination to search
- The prominence of search and browse areas

They found that:
- Given broad, high-scent menus, participants searched less than 10% of the time, but they searched almost 40% of the time when faced with narrow, low-scent menus
- Participants showed a higher success rate when using the menus to find products as opposed to search
- Searching for products wasn't faster or more accurate than browsing

Links:

Henrik Olsen - February 24, 2005

Permanent link Comments (1)

See also: Navigation (63)  Search (27)  E-commerce (27)  Research (129) 


 

247

Test review of Morae

NetworkWorldFusion has tested Morae, a software tool for usability analysis from TechSmith that records video and audio of the users along with system data (e.g. mouse clicks, keystrokes, web page changes). Their overall rating is "very good".

Pros:
- Affordable
- Annotates collected data indicating web page changes, mouse clicks, keystrokes, text data appearing on screen, and window events such as opening and closing applications

Cons:
- Remote monitoring and management capabilities could be improved
- Captured data can get quite large (in the gigabyte range)
- Only supports Windows and prefers Internet Explorer

Links:

  • More about Morae at TechSmith.com Open link in new window
  • Review of Morae Recorder Open link in new window

Henrik Olsen - February 09, 2005

Permanent link Comments (1)

See also: Usability testing (68)  Tools (106) 


 

248

Segmenting online customers by behaviour

According to the authors of this article, the most effective segmentation scheme for online consumers is to group them by their online behaviour.

They have defined seven segments:

- Quickies (8%): Short visits to a few familiar sites.
- Just the Facts (15%): Search for specific information from known sites.
- Single Mission (7%): Information gathering or completion of a certain task at an unfamiliar site.
- Do It Again (14%): Visits to favourite sites.
- Loitering (16%): Longer leisure visits to familiar sites.
- Information, Please (17%): In-depth information gathering from a range of unfamiliar sites.
- Surfing (23%): Short visits to a lot of mostly unfamiliar sites.

The authors claim that by decoding the type of behaviour users are engaged in, online marketers will raise the odds of communicating with their target consumers at the time they are most likely to pay attention to and be influenced by offers.

Links:

Henrik Olsen - February 07, 2005

Permanent link Comments (0)

See also: Persuasive design (21)  User research (23)  E-commerce (27)  Research (129) 


 

249

Usability of websites for teenagers

Jakob Nielsen and NN/G have studied teenagers using 23 web sites. In the study they found that:

- Teenagers have a lower success rate (55%) than adults (66%)
- Their low performance is caused by insufficient reading skills, less sophisticated research strategies, and a dramatically lower patience level
- Surprisingly, tiny fonts caused the teens problems and provoked negative comments
- Teens like cool-looking graphics, but the sites have to be fast and the interaction straight forward
- They don't like to read a lot
- They're easily bored and want interactive features
- The word "kid" is a teen repellent

Links:

  • The article Usability of Websites for Teenagers Open link in new window

Henrik Olsen - February 01, 2005

Permanent link Comments (0)

See also: Research (129)  Site design (14) 


 

250

Form layout

Luke Wroblewski explores the pros and cons of vertical and horizontal alignment of form elements and their labels. He also takes a look at how we can separate primary and secondary submit buttons visually in order to minimize the risk for potential errors.

Links:

  • The article Web Application Form Design Open link in new window

Henrik Olsen - January 31, 2005

Permanent link Comments (1)

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


 

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