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

 

31

Video walkthrough of paper prototype

Here's a nice video of a paper prototype walkthrough that shows how pen, paper and sticky notes are ideal for early conception of advanced applications.

Links:

  • Video of paper prototype walkthrough Open link in new window

Henrik Olsen - May 12, 2009 - via linowski.ca

Permanent link Comments (0)


 

32

I ♥ wireframes

Vana Jurcic has put together a blog with examples of interface sketches, wireframes and prototypes and presentations, articles and talks about the subject.

Links:

  • I ♥ wireframes Open link in new window

Henrik Olsen - April 22, 2009

Permanent link Comments (0)


 

33

iPhone mock-up tool

With this online tool, you can create your very own sketchy looking iPhone mock-ups. I'm not sure whether this can be used for any serious stuff though. But fun, it is.

Links:

  • iPhone mock-up tool Open link in new window

Henrik Olsen - April 02, 2009

Permanent link Comments (1)

See also: Funny tools and games (12) 


 

34

Tools for prototyping and wireframing

Here's another list of available prototyping and wireframing tools, this time from Sitepoint.

Links:

  • 16 Design Tools for Prototyping and Wireframing Open link in new window

Henrik Olsen - March 25, 2009

Permanent link Comments (0)

See also: Tools (106) 


 

35

What prototyping tools are out there?

Dan Harrelson from Adaptive Path has put up a comprehensive list of the many available prototyping tools, ranging from PowerPoint over HTML editors to dedicated prototyping applications.

Links:

  • Rapid Prototyping Tools Open link in new window

Henrik Olsen - March 24, 2009

Permanent link Comments (0)

See also: Tools (106) 


 

36

Prototyping with PowerPoint: Five productivity tips

In this YouTube video, Kris Jordan shares five tips on how to use PowerPoint for fleshing out quick and dirty prototypes:

1. Have a separate PowerPoint with a palette of all the widgets and shapes you need

2. Use master pages to hold common elements shared by multiple screens

3. Use PowerPoint's feature for coping and pasting styles to maintain a consistent look

4. Use hyperlinks to simulate interaction

5. Fake mouseover effects with Action Templates

In the video, you can see a lengthy example of how Kris builds a prototype of a iPhone application.

Links:

  • The video 10 Minute Mock Prototyping Open link in new window
  • The article 10 Minute Mock Prototyping Tips for PowerPoint Open link in new window

Henrik Olsen - March 16, 2009

Permanent link Comments (0)

See also: Tools (106) 


 

37

Prototyping stencils for OmniGraffle

At the KONIGI blog, the happy owners of OmniGraffle 5.x can find two nice stencils for wireframing and prototyping - a glossy high-fidelity and a low-fi sketchy one.

Links:

  • OmniGraffle Wireframe Stencils Open link in new window
  • OmniGraffle Sketch Stencils Open link in new window

Henrik Olsen - March 05, 2009

Permanent link Comments (0)

See also: Tools (106) 


 

38

How to make Agile and UX work in harmony

Agile development and user experience design are polar opposites when it comes to the way they approach the development process. Agile is about getting on with actual development from the get go, while user experience designers prefer to spend time up-front to make sure that the design is right before it's put into production.

In this two part article, Jeff Patton gives advice on how to make the two get along. It's basically about having the designers work ahead of the developers in a separate track where they do some focused up-front research, create low-fidelity prototypes in collaboration with the developers, test them with users, and fix the errors right away.

Links:

  • 12 Best Practices for UX in an Agile Environment - Part 1 Open link in new window
  • 12 Best Practices for UX in an Agile Environment - Part 2 Open link in new window

Henrik Olsen - March 01, 2009

Permanent link Comments (1)

See also: The design process (24)  User research (23)  Usability testing (68) 


 

39

Rapidrabb - an online prototyping tool

Rapidrabb is an online prototyping tool that allows for real time collaboration as we know it from Google Docs. As is the standard in other prototyping tools, we can create pages and populate them with drag-and-drop widgets, link it all together, and view the whole thing live.

I haven't tested the tool thoroughly but it seems quite reasonable and fast to work with.

Links:

  • The RapidRabb homepage Open link in new window
  • Demo video of RapidRabb in action Open link in new window

Henrik Olsen - February 23, 2009

Permanent link Comments (2)

See also: Tools (106) 


 

40

Prototyping primer

Dave Cronin has written a great piece on prototyping interaction designs. He covers what prototype are, how prototyping aid design exploration, evaluation, communication, and construction, and how the construction of prototypes is commonly approached.

Links:

  • Industry trends in prototyping Open link in new window

Henrik Olsen - February 16, 2009

Permanent link Comments (0)

See also: 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