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) 
 

11

Wireframing with Keynote

Keynote is Travis Isaacs' favorite wireframing tool. "It's ridiculously easy to use, creates gorgeous presentations, and features full suite of drawing tools and shapes."

At keynotekungfu.com you can buy Travis' Keynot Wireframe Kit and watch his presentation on how to deliver effective wireframes to your clients.

Links:

  • Keynote Wireframe Kit Open link in new window

Henrik Olsen - June 15, 2010

Permanent link Comments (0)

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


 

12

iPhone prototyping app

For 9.99$ you can get yourself a pretty cool prototyping tool for the iPhone called Interface.

The tool is itself an iPhone App that you can use to build interactive prototypes of your own apps.

Take a look at the video tour the see how it works.

Links:

  • Interface - the ultimate mockup & prototyping tool for iPhone Open link in new window

Henrik Olsen - May 24, 2010

Permanent link Comments (0)

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


 

13

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:

  • iPad Usability: First Findings From User Testing Open link in new window
  • Free report: Usability of iPad Apps and Websites Open link in new window

Henrik Olsen - May 11, 2010

Permanent link Comments (0)

See also: Research (129) 


 

14

Wireframes with Google Docs

In a guest post on the Google Docs Blog, Morten Just tells about his wireframing template for Google Docs and explains how to use them for making your own wireframes.

Links:

  • Rapid wireframe sketching in Google Docs Open link in new window

Henrik Olsen - May 11, 2010

Permanent link Comments (0)

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


 

15

Adding fun to the user experience

In this article, Jared Spool looks at how four businesses made their products more fun and engaging by adding elements of play to the user experience.

Links:

  • Designing with the Elements of Play Open link in new window

Henrik Olsen - April 19, 2010

Permanent link Comments (0)

See also: Persuasive design (21)  Emotional design (10)  Cases and Examples (28) 


 

16

Favorite prototyping tools

In this reprint from his book Prototyping: A Practitioner's Guide, Tood Zaki Warfel looks at which tools people are using for prototyping and what people want from their tools.

Links:

  • Prototyping – Picking the Right Tool Open link in new window

Henrik Olsen - March 21, 2010

Permanent link Comments (0)

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


 

17

Interactive prototypes with InDesign

Here's a short tutorial on how you can create an interactive prototype using InDesign. The screens are created as pages, linked together and the whole thing is exported as an interactive Flash movie.

Links:

  • Lightweight Prototyping with Adobe InDesign Open link in new window

Henrik Olsen - January 26, 2010

Permanent link Comments (0)

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


 

18

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:

  • The myth of the page fold: evidence from user testing Open link in new window

Henrik Olsen - January 10, 2010

Permanent link Comments (0)

See also: Research (129)  Web page design (40) 


 

19

Concept video showing the future digital magazines

Here's a great example of an envisionment made for the media company Bonnier. It shows the tangible results of a research project exploring the experience of reading magazines on handheld digital devices.

Links:

  • Digital Magazines: Bonnier Mag+ Prototype Open link in new window

Henrik Olsen - January 02, 2010

Permanent link Comments (0)

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


 

20

A fable of user-centered design

David Travis has written a booklet that, in a narrative style, tells the fable of a young man's journey as he discovers the secrets of user-centered design.

From the designers that our bright young man meets on his journey, he learns what user-centered design is and how early and continual focus on users and their task, empirical measurement of user behavior and iterative design are the corner stones of user-centered design.

Great for reading aloud for your kids.

Links:

  • Download the booklet Open link in new window

Henrik Olsen - December 25, 2009 - via Putting people first

Permanent link Comments (0)

See also: Prototyping and wireframing (119)  Usability testing (68)  User research (23)  Personas (19)  The design process (24)  Primers (14) 


 

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