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

 

51

Prototyping with Flash Catalyst

Adobe TV has published a one hour video showing how to use Flash Catalyst (formerly known by its codename Thermo) to build user interface wireframes for interactive applications.

Links:

  • Video demo of Flash Catalyst Open link in new window

Henrik Olsen - January 02, 2009 - via Konigi

Permanent link Comments (0)

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


 

52

Paper prototyping stencil

Design Commission has made a cool stencil kit that makes it easier to sketch nice looking interaction designs by hand. The kit includes a metal stencil, a mechanical pencil, and a sketchpad with browser chrome and grid.

Links:

  • Announcement of the web stencil kit Open link in new window

Henrik Olsen - December 28, 2008 - via KONIGI

Permanent link Comments (0)

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


 

53

Four lo-fi prototype videos

If you browse around YouTube, you can find a good deal of videos showing how people have used lo-fi prototypes in different projects. Here are four interesting ones that I've found.

Links:

  • Testing a paper prototype Open link in new window
  • Testing a beverage drive-thru Open link in new window
  • Testing a lo-fi mobile phone prototype Open link in new window
  • Google Maps implementation proposal Open link in new window

Henrik Olsen - December 10, 2008

Permanent link Comments (0)

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


 

54

Video tutorials on prototyping with Fireworks

It seems like Adobe is really keen on winning the hearts of interaction designers. At Adobe TV, they have published a series of tutorials showing how to use Fireworks for creating rapid interactive wireframe prototypes.

Links:

  • Fireworks video tutorials Open link in new window

Henrik Olsen - November 24, 2008

Permanent link Comments (0)

See also: Prototyping and wireframing (119) 


 

55

Prototyping a level sensing drinking glass for Microsoft Surface

In this video, Johnny Chung Lee, the guy behind the do-it-yourself interactive Wii based whiteboard, shows how he prototyped a drinking glass that, when placed on the Microsoft Surface table, can alert a waiter to offer a refill.

Links:

  • Video of Johnny Chung Lee's level sensing drinking glass Open link in new window
  • Article about Johnny Chung Lee Open link in new window

Henrik Olsen - November 23, 2008

Permanent link Comments (0)

See also: Prototyping and wireframing (119)  Cases and Examples (28) 


 

56

Make your own customized magnetic prototyping kit

Alexa from adaptive path has made her own magnetic prototyping kit for mocking up an Aurora-like mobile device interface. She picked up a pack of Inkjet Magnet Sheets and printed her very own custom-made magnetic interface widgets - "no ActionScript needed!"

Links:

  • Create Your Own Magnetic Prototype Open link in new window

Henrik Olsen - November 17, 2008

Permanent link Comments (0)

See also: Prototyping and wireframing (119) 


 

57

Google Chrome comic book

The cartoonist Scott McCloud has made a comic for Google explaining the story behind their browser, Chrome. It's a pretty nerdy look behind the scenes, but a quite engaging way to communicate tech stuff.

It was originally designed as a printed comic to create hype about the new browser among journalists and bloggers.

If you don't know Scott McCloud, I can highly recommend his book Understanding Comics.

Links:

  • The Google Chrome comic book Open link in new window
  • Scott McCloud's book Understanding Comics at amazon.com Open link in new window
  • Scott McCloud's book Understanding Comics at amazon.co.uk Open link in new window

Henrik Olsen - November 17, 2008 - via User Experience and Design

Permanent link Comments (0)

See also: Books (47)  Envisionments (4) 


 

58

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


 

59

How to get the most out of your usability budget

In times of financial crisis, Userfocus' top 10 list of getting the most out for your usability budget comes handy:

1. Fix the basics by focusing on the main goals that the users are trying to achieve
2. Learn to love paper prototyping
3. Test with fewer users
4. Shelve the 1-way mirror
5. Embrace remote testing
6. Get out of the office and you will find users everywhere
7. Eradicate pre-test bloopers with expert reviews
8. Create your own participant pool instead of hiring expensive recruiting agencies
9. Skip the pointless tests where there isn't time to fix problems anyway
10. Train your designers and engineers in the basics of usability

Links:

  • Credit-Crunch Usability: 10 ways to maximise your usability budget Open link in new window

Henrik Olsen - October 16, 2008

Permanent link Comments (0)

See also: Usability testing (68)  Prototyping and wireframing (119)  Expert reviews (11) 


 

60

How to design realistic usability tests

Isabelle Peyrichoux has written an article on how to design usability test that rely less on making test participants role-play.

"When participants are better able to relate to a task, content, or data you are showing them, you'll get richer and more reliable insights that will help you to better evaluate and improve your product."

Isabelle Peyrichoux gives these guidelines on how to design realist tests:
- Recruit passionate users
- Have participants perform realistic tasks
- Test using content that's meaningful to participants
- Ask probing questions about content participants are passionate about
- Investigate participants' interest in the content
- Adapt to each participant on the fly

Links:

  • When Role Playing Doesn't Work: Seven Guidelines for Grounding Usability Testing in Participants' Real Lives Open link in new window

Henrik Olsen - September 08, 2008

Permanent link Comments (0)

See also: Usability testing (68) 


 

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