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 (103)  Tips and guidelines (80)  Tools (66)  Books (44)  Audio and video (23)  Cases and Examples (20)  Interviews (16)  GUUUI articles (11)  Primers (11)  Talks and presentations (12)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 
 

11

How to you turn scanners into readers

Jessica Neuman Beck has written a nice little piece on how turn scanners into readers by making copy easy to process.

Here's her advice:
- Give your words some breathing room by increasing your margins and choosing short, concise paragraphs
- Organize information into sections with headlines to make it easy to decide which section to read and which can be skipped
- Break up your pages using relevant images and illustrations
- Use pull quotes to highlight important lines of text
- Include descriptive blurbs below headlines to explain what the text is about
- Use icons to denote certain site elements and break up text-heavy pages
- Style links in such a way that they're easy to recognize even to the people who aren't reading the copy
- Use lists that distill information to its essence

Links:

  • Does Your Copy Hold Up To A Quick Glance? Open link in new window

Henrik Olsen - February 28, 2007

Permanent link Comments (0)

See also: Text (19)  Tips and guidelines (80) 


 

12

Book: Effective Prototyping for Software Makers

In January 2007, a new book on prototyping was published. It's a practical step-by-step book on how to create rapid paper and computer generated prototypes.

The book covers issues such as choosing prototyping method, deciding on fidelity, diagramming flows, evaluating prototypes, and how to create prototypes using different approaches and tools. It also has a short chapter on interface design guidelines.

The book is impressive 624 pages. The authors have reached this high volume by operating with a somewhat broad definition of what a prototype is (for example card sorting is called prototyping) and by explaining prototyping as an process composed of a myriad of phases and steps.

The exhaustive step-by-step approach might be educational for those new to prototyping. To me, it makes prototyping appear as an overwhelming and rigid undertaking rather than a creative and playful one.

Links:

  • The book at amazon.com Open link in new window
  • The book at amazon.co.uk Open link in new window
  • Companion website with sample chapters Open link in new window

Henrik Olsen - February 21, 2007

Permanent link Comments (2)

See also: Books (44)  Prototyping and wireframing (52) 


 

13

Turn Photoshop projects into working prototypes

Altia has released a new tool called PhotoProto that translates Photoshop files into clickable prototypes. By arranging screens and widgets in layer combs and naming them with special keywords, PhotoProto can automatically turn projects into working prototypes.

The prototypes can be viewed in a browser with the ProtoPlay browser plug-in installed.

Links:

  • Altia PhotoProto Open link in new window

Henrik Olsen - February 12, 2007 - via IxDA

Permanent link Comments (0)

See also: Tools (66)  Prototyping and wireframing (52) 


 

14

Free usability reviews of web sites

The site HallwayTesting.com is an interesting concept. Submit a site and get the participants' views on your usability questions.

Links:

  • HallwayTesting.com Open link in new window

Henrik Olsen - February 11, 2007 - via DigitalWeb

Permanent link Comments (0)

See also: Tools (66)  Expert reviews (9) 


 

15

Interview series about usability

Microsoft has published a series of videos with interviews of people such as Jakob Nielsen, Steve Krug, Lou Rosenfelt, and George Olson talking about usability and development.

Links:

  • Microsoft's Great Minds in Development Video Series Open link in new window

Henrik Olsen - February 04, 2007 - via Usability in the News

Permanent link Comments (0)

See also: Audio and video (23)  Interviews (16) 


 

16

Luke Wroblewski on the shifting role of design

Luke Wroblewski has published a video featuring himself talking about the shifting role of design as mere styling to design as innovative problem solving.

His presentation provides an overview of why design and creativity has become a decisive source of competitive advantage.

Links:

  • Video: The Shifting Role of Design Open link in new window

Henrik Olsen - February 01, 2007

Permanent link Comments (0)

See also: Talks and presentations (12)  Audio and video (23) 


 

17

28% of internet users have tagged or categorized content online

Folksonomies are spreading. A survey from December 2006 has found that 28% of internet users in the US have tagged or categorized content online, such as photos, news stories or blog posts. On a typical day, 7% of the users say they tag or categorize online content.

Taggers are classic early adopters. They are likely to be under 40 and have higher levels of education and income.

The survey was carried out by the Pew Internet & American Life Project.

Links:

  • Report on the tagging survey Open link in new window

Henrik Olsen - January 31, 2007

Permanent link Comments (0)

See also: Navigation (56)  Information architecture (13)  Research (103) 


 

18

Do we read web pages in an F-shaped pattern?

SURL has done an eyetracking study to investigate whether users follow the F-shaped pattern suggested by Jakob Nielsen when reading and scanning web pages.

Findings from the study:

- When reading or scanning text, users appear to follow by the F-pattern
- When scanning a page with a grid of product pictures, the F-pattern doesn't seem to hold true
- On the product picture pages, the area above the fold received significant more attention than the area below

The authors suggest that we should structure web pages so that important content falls in the F-pattern and that important or featured products on picture pages should be positioned above the fold.

Links:

  • Eye Gaze Patterns while Searching vs. Browsing a Website Open link in new window

Henrik Olsen - January 30, 2007

Permanent link Comments (1)

See also: Research (103)  Web page design (31)  Eye-tracking (14) 


 

19

How to create working prototypes with OmniGraffle

Michael Angeles has created a little video showing how create working prototypes with OmniGraffle (a Macintosh diagramming tool) by linking drawings together and exporting them as HTML or PDFs.

Links:

  • Creating prototypes with OmniGraffle Open link in new window

Henrik Olsen - January 25, 2007

Permanent link Comments (0)

See also: Tools (66)  Prototyping and wireframing (52) 


 

20

Introduction to paper prototyping

Over at A List Apart, Shawn Medero has written a nice introduction to paper prototyping that covers the basic why and how.

"Though some people shy away from paper prototypes because they feel they will not be taken seriously, I argue that many people are intimidated by a formal, highly technical design process and that the less "professional" nature of paper prototyping is a great way to lighten the mood and engage a more diverse group. Just offer plenty of paper, pens, scissors, and other materials for anyone to grab and use. If anyone feels nervous, let them eat the paste."

Links:

  • Paper prototyping Open link in new window

Henrik Olsen - January 24, 2007 - via Usability in the News

Permanent link Comments (0)

See also: Prototyping and wireframing (52)  Primers (11) 


 
<< Back | More posts >>

Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (52)  Usability testing (45)  Cost-justification and ROI (24)  The design process (17)  Personas (17)  User research (18)  Eye-tracking (14)  Card sorting (11)  Expert reviews (9)  Web traffic analysis (11)  Implementing user-centred design (8)  Site and flow diagramming (5)  Use Cases (3)  Envisionments (2) 

Design elements

Navigation (56)  Web page design (31)  Search (24)  Text (19)  Forms (19)  Links (15)  Guidelines and Standards (12)  Site design (10)  Design patterns (8)  Shopping Carts (7)  Ads (8)  Error handling (6)  Home pages (5)  Sections (5)  E-mails (2)  Help (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1) 

General aspects

E-commerce (22)  Visual design (16)  Persuasive design (14)  Information architecture (13)  Accessibility (11)  Search engines (6)  Credibility, Trust and Privacy (6)  Emotional design (6)  Simplicity vs. capability (5)  Web applications (5)  Intranets (2) 

Technology

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

Humour

Bad designs (13)  Cartoons (11)  Fun music and videos (11)  Funny tools and games (10)  Fun with Jakob Nielsen (7)  Misc humor (8)  Designs with humor (3)  Fun posters (2)  Funny 404 pages (2) 

Resource types

Research (103)  Tips and guidelines (80)  Tools (66)  Books (44)  Audio and video (23)  Cases and Examples (20)  Interviews (16)  GUUUI articles (11)  Primers (11)  Talks and presentations (12)  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