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) 
 

121

Visio - the interaction designer's nail gun (3rd edition)

The Q2 2007 issue of GUUUI is a third edition of an article on using Visio for rapid prototyping for the web. The new edition includes a minor update of the GUUUI Web Prototyping Tool that eliminates a major shortcoming: the inability to create scrolling pages. The update also includes brand new sketchy interface widgets.

Links:

Henrik Olsen - April 08, 2007

Permanent link Comments (33)

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


 

122

Bill Buxton on sketching and prototyping user interfaces

In this 1.5 hour video, Bill Buxton talks about sketching and prototyping user interfaces.

To Bill Buxton, sketching is fundamental to ideation while prototyping is an evaluation technique. In ideation, the goal is to come up with many different ideas. In evaluation, you narrow down choices of ideas. Sketching is a way of "getting the right design" while prototyping is "getting the design right."

Links:

  • Bill Buxton's talk on sketching and prototyping Open link in new window
  • Jared Spool's summary of the talk Open link in new window

Henrik Olsen - April 03, 2007 - via UIE Brain Sparks

Permanent link Comments (0)

See also: Prototyping and wireframing (119)  Audio and video (48)  Talks and presentations (18) 


 

123

How to design selection-dependent forms

In web applications, we sometimes need selection-dependent forms, where users need to provide additional information after having made a selection. There is a myriad of ways to solve this design challenge. Luke Wroblewski provides an overview and discusses their pros and cons.

Links:

  • Selection-Dependent Inputs Open link in new window

Henrik Olsen - March 06, 2007

Permanent link Comments (1)

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


 

124

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 (24)  Tips and guidelines (95) 


 

125

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 (47)  Prototyping and wireframing (119) 


 

126

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 (106)  Prototyping and wireframing (119) 


 

127

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 (106)  Expert reviews (11) 


 

128

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 (48)  Interviews (30) 


 

129

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 (18)  Audio and video (48) 


 

130

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 (63)  Information architecture (15)  Research (129) 


 

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