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) 
 

161

Use transparent messages instead of monolog dialogs

Aza Raskin condemn the use of monolog boxes - dialog boxes where there's nothing one can do but click "OK". Instead, she suggests the use of transparent messages:

"Transparent messages are the brainchild of Jef Raskin. It's simply a large and translucent message that's displayed over the contents of your screen. They fade away when the user takes any action (like typing or moving the mouse). In practice, the message is both noticeable yet unobtrusive. And because the message is transparent, you can see what's beneath it. It's just humane."

Links:

  • Monolog Boxes and Transparent Messages Open link in new window

Henrik Olsen - September 14, 2006 - via Usernomics

Permanent link Comments (0)

See also: Tips and guidelines (95)  Error handling (7)  Web page design (40) 


 

162

Review of the book Designing for Interaction

Leo Frishberg from UXmatters has written a lengthy review of Dan Saffer's book Designing for Interaction.

To qoute:

"In fewer than 300 pages, he has attempted to cover the history, current practice, and notions about the future of the rapidly evolving discipline of interaction design (IxD)."

"Designing for Interaction succeeds as a quick survey of the landscape of IxD, suitable for familiarizing a project manager or an individual considering it as a career with the breadth of the practice. However, its broader discussions about design theory, product-development practices, and the like are less successful, because of their lack of attention to detail."

Frishberg concludes:

"All in all, the book is a substantial piece of work with an ambitious intent that Saffer delivers on well. I recommend it to those curious to learn more about the evolving discipline of interaction design."

Links:

  • Review of the book Open link in new window
  • Chapter 1 excerpt (PDF) Open link in new window
  • The book's companion website Open link in new window
  • The book at Amazon.com Open link in new window

Henrik Olsen - September 11, 2006

Permanent link Comments (0)

See also: Books (47) 


 

163

How to transform field studies into features and functionality

Stephen Cox from the Australian consultancy Intuity has published a presentation with an overview of how to conduct field studies. The presentation features a case story about how a study of sports fans was transformed into improvements of the FOX Sports website.

Links:

Henrik Olsen - September 06, 2006 - via putting people first

Permanent link Comments (0)

See also: Cases and Examples (28)  User research (23)  Talks and presentations (18) 


 

164

MyTravel redesign increases online booking conversion by 20%

A major redesign of MyTravel has increased their online booking conversion by 20%. Streamlining the booking process reduced booking times by up to 40% and resulted in a 10% improvement in conversion. A more intuitive navigation structure and better use of page real estate improved conversion by a further 10%.

Links:

  • ROI: MyTravel Redesign increases online Booking Conversion by 20% Open link in new window

Henrik Olsen - September 05, 2006 - via Usernomics

Permanent link Comments (0)

See also: Cost-justification and ROI (27)  Cases and Examples (28) 


 

165

Interfaces for navigating large data tables

"After forms, data tables are likely the next most ubiquitous interface element designers create when constructing Web applications. Users often need to add, edit, delete, search for, and browse through lists of people, places, or things within Web applications. As a result, the design of tables plays a crucial role in such an application's overall usefulness and usability."

Luke Wroblewski shows a number of interface design solutions that enable users to find their way through large data sets.

Links:

  • Refining Data Tables Open link in new window

Henrik Olsen - August 29, 2006

Permanent link Comments (0)

See also: Web page design (40)  Tips and guidelines (95) 


 

166

Seth Godin on broken designs

Here's an entertaining video featuring Seth Godin talking about all the bad designs that surround us and why bad designs exist. The talk is from the Gel 2006 conference.

Links:

  • Seth Godin on broken designs Open link in new window

Henrik Olsen - August 13, 2006 - via goodexperinece.com

Permanent link Comments (0)

See also: Audio and video (48)  Fun music and videos (13)  Bad designs (20)  Talks and presentations (18) 


 

167

Web navigation has changed

A click stream study from 2005 show changes in the way we navigate the web. More forms are submitted, more pages are opened in new windows and, consequently, the use of the back button has decreased.

- Navigation by clicking links has decreased slightly from 45.7% to 43.5% in the past 11 years
- Opening new windows has jumped from 0.2% to 10.5%
- Form submission has increased from 4.4% in 1996 to 15.3%
- With the increase in new windows and form submissions, the use of the back button has dropped from 35.7% in 1994 to 14.3%
- 76.5% of all selected links were visible in the browser window at load time
- 23.1% of all links followed were below the visible area
- Most users didn't utilize their entire screen for their browser window (about 160 horizontal 170 vertical pixels were unused)

Links:

  • Clickstream Study Reveals Dynamic Web Open link in new window

Henrik Olsen - August 09, 2006

Permanent link Comments (0)

See also: Research (129)  Navigation (63) 


 

168

Use liquid web page layouts and optimize for 1024x768

According to Jakob Nielsen, web pages should use a liquid layout that stretches to the user's current window size. He recommends that we optimize page layouts for 1024x768 pixels, which is currently the most widely used screen size, but that we make sure it works for any resolution from 800x600 to 1280 x1024.

Pages should also work at smaller and bigger sizes. But a less-than-great design is an acceptable compromise. Fewer than half a percent have screen resolutions of 640x480 and users with large screens rarely maximize their browser window.

A liquid design should scale all the way down to the tiny screens found on mobile devices. But mobile services should be designed specifically for use on small screens.

Links:

  • Screen Resolution and Page Layout Open link in new window

Henrik Olsen - August 07, 2006

Permanent link Comments (2)

See also: Tips and guidelines (95)  Web page design (40) 


 

169

Video about user experience design at Google

Here's a 30 minute video presentation starring Jen Fitzpatrick, manager of the Google user experience team. She shares examples of how Google have improve the design of their products through user studies, log analysis, and feedback from customer support.

Links:

  • The video The Science and Art of User Experience at Google. Open link in new window

Henrik Olsen - July 11, 2006 - via Putting People First

Permanent link Comments (0)

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


 

170

Do links need to be underlined?

Jared Spool has brought up the good old question about whether links need to be underlined.

He doubts that users are less likely to find what they are looking for at sites where links aren't underlined. People will quickly learn how to spot non-standard links by waving their mouse around to see where the browser gives them "the finger."

But users are trained to click on underlined text. Eyetracking studies show that people dart from underlined text to underlined text in their initial exploration of a page.

If sites have some links underlined and others not, people get confused. Jared concludes:

"We think the visual design element of the underline is not required, but it is cruel to make users work extra hard because you can't decide."

Links:

  • Do Links Need Underlines? Open link in new window

Henrik Olsen - July 06, 2006

Permanent link Comments (1)

See also: Tips and guidelines (95)  Links (19) 


 

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