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

 

1

Use summaries on blog front pages

What's the best layout for a blog front page? To show full articles or to show summaries of the latest post?

According to research done by Jakob Nielsen, using summaries works best with blogs that people don't visit every day. They are better at drawing readers in as they offer a broader selection of subjects and increases the likelihood that they will find something that interests them.

Links:

Henrik Olsen - August 10, 2010

Permanent link Comments (0)

See also: Web page design (39)  Text (24)  Home pages (9) 


 

2

iPad usability is a setback to the 90's

Jakob Nielsen has conducted a preliminary usability study of the Apple iPad. His findings "revived memories of Web designs from 1993":

- Because of the apps' print media aesthetic users don't know where they can click, which options exist and trigger unexpected actions by mistake

- Common actions are difficult to learn since each application has a completely different way of doing similar things

- The user interface suffers from being a scaled-up iPhone. For example, people tend to ignore or forget about the tab bar at the bottom of the screen

- People want more freedom and control than swiping for the next page when reading

- Screen elements tend to be too small for people to be able to touch them

Links:

Henrik Olsen - May 11, 2010

Permanent link Comments (0)


 

3

Forget the fold - people expect to have to scroll

Watching over 800 user test sessions, cxpartners report to have seen the page fold as a barrier to users on only 3 occations. In addition, eye tracking studies commonly show a strong hotspot over the scrollbar, indicating that people expect to have to scroll.

Cxpartners gives the following advise on how to deal with the fold:

- Don't cram everything above the fold. Use whitespace and imagery to encourage scrolling.

- Don't use stark, horizontal lines as they discourage scrolling

- Avoid the use of in-page scroll bars - the browser scrollbar is an indicator of the amount of content on the page

Links:

Henrik Olsen - January 10, 2010

Permanent link Comments (0)

See also: Web page design (39) 


 

4

Graphics on websites - helpful or harmful?

According to Jared Spool, research by his company UIE shows that well-done navigation and content graphics help users. Ornamental graphics, on the other side, doesn't prove to benefit the user experinece. In their research, they can't find any evidence that they help users trust a site or make it seem more professional or friendly. On the contratry, ornamental graphics can be distracting and annoying to users.

Jared recommends that teams focus on delivering helpful navigation and content graphics and resist the temptation for ornamental graphics.

Links:

Henrik Olsen - December 06, 2009

Permanent link Comments (0)

See also: Visual design (19) 


 

5

The usability of real-time feedback in forms

To better understand the usability of inline validation in forms - that is, forms that provide real-time feedback as people fill in answers - Luke Wroblewski set up a usability test comparing different types of form feedback.

Though the participants were confused when simple questions, such as a person's name, were marked "correct", he found that they were faster, more successful, less error-prone, and more satisfied when they used a form with inline validation.

Also, giving feedback after the particpants finished typing - rather than while they were typing - helped the participants complete the forms more quickly.

Links:

Henrik Olsen - September 07, 2009

Permanent link Comments (0)

See also: Forms (30) 


 

6

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:

Henrik Olsen - June 02, 2009

Permanent link Comments (0)

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


 

7

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:

Henrik Olsen - April 20, 2009

Permanent link Comments (0)

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


 

8

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:

Henrik Olsen - March 30, 2009

Permanent link Comments (1)

See also: Navigation (63)  Text (24) 


 

9

The mobile web trouble users

A usability study by Jakob Nielsen shows that people using websites on their mobile phones suffer from old-time usability issues, such as slow download time, bloated pages, and difficulties using the browsers.

To improve usability of mobile web browsing, Jakob Nielsen recommends that big and rich sites provide different websites tailored to each type of mobile device on the market. Sites that need to serve mobile devices but can't afford building many different versions should supplement the main site with a single scaled-back mobile-optimized design, recognizing that it will serve high-end phones poorly.

The study reveals that people have problems with all kinds of mobile devices. Even the iPhone isn't perfect, though it is, as Jakob says, "the first mobile Internet device worth criticizing."

Links:

Henrik Olsen - February 17, 2009

Permanent link Comments (0)

See also: Download time (5)  Browsers (3) 


 

10

iPhone usability research

Bill Westerman from Create With Context has posted a slide deck covering their research on iPhone usability.

In their research, they found that "take-up of interactions - even when these were consistent across applications - was often quite slow. And even 'expert' users were not aware of the ins-and-outs of every interaction - for example, our 'expert' participants didn't know the two-finger single tap to zoom out on Google Maps."

In the slide deck, Bill Westerman walks through their findings and gives eight rules of thumb for designing better iPhone apps.

Links:

Henrik Olsen - November 12, 2008

Permanent link Comments (0)

See also: Usability testing (68)  Tips and guidelines (93) 


 
<< Back | More posts >>

Browse GUUUI postings

Methods and the design process

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

Design elements

Navigation (63)  Web page design (39)  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 (26)  Persuasive design (21)  Visual design (19)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (9)  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 (128)  Tips and guidelines (93)  Tools (105)  Books (47)  Audio and video (48)  Interviews (31)  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