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

 

41

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


 

42

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


 

43

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


 

44

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


 

45

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: Prototyping and wireframing (119)  Primers (14) 


 

46

Rich interactions with Visio via VisDynamica

Tomek Seroczynski has developed a very promising extension that makes Visio capable of simulating rich interactions. The tool is currently under development. At the time being, it features:

- Dynamically loading content for simulating things like dropdown menus and tool tips
- Pop-up layers (known as lightbox the web sphere)
- A dynamic tabs widget
- Inclusion of YouTube videos

At Tomek's site, you can see a demo, download a sample Visio document, and the stencil needed to use the tool.

Links:

  • The Visio extention VisDynamica Open link in new window

Henrik Olsen - January 26, 2009

Permanent link Comments (0)

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


 

47

How teams make design decisions

Over the last few years, UIE has been studying what strategies teams use to inform design. They discovered that there are five common decision styles:

- Unintended design: one on the team pays attention to design

- Self Design: the team design with themselves as the target users

- Genius Design: the team draws on previous research experience

- Activity-Focused Design: the team base their decisions on research of users' activities

- User-Focused Design: the team informs designs on in-depth user research that goes beyond activities by investigating the goals, needs, and contexts of the users.

UIE found that the most effective teams are skilled in all the styles and capable choosing the right style in the right situation.

Links:

  • 5 Design Decision Styles. What's Yours? Open link in new window

Henrik Olsen - January 22, 2009

Permanent link Comments (0)

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


 

48

How removing a button can make you $300,000,000 a year

In this article, Jared Spool tells a story of how his company helped an e-commerce site increase purchases by 45%.

The site lost lots of purchases because the required customer registration frustrated people. Usability tests showed that they resented having to register and repeat customers couldn't remember their account login.

The designers fixed the problem simply. They took away the Register button and made customer registration optional. With an increased sale of $300,000,000 the first year, the client was happy.

Links:

  • The $300 Million Button Open link in new window

Henrik Olsen - January 15, 2009

Permanent link Comments (0)

See also: Cases and Examples (28)  E-commerce (27)  Shopping Carts (9)  Forms (30)  Cost-justification and ROI (27)  Usability testing (68) 


 

49

Collection of wireframe examples

Jakub Linowski has set up a blog for sharing examples of how interaction designers document rich interactions, user flows, and web 2.0 wireframes. The site is open for contributions.

Links:

  • Wireframes Magazine Open link in new window

Henrik Olsen - January 14, 2009

Permanent link Comments (0)

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


 

50

User Interface stencils for OmniGraffle

At Graffletopia you can find a wealth of user interface stencils for OmniGraffle (an Apple diagramming tool) for free download - among them, a stencil for creating sketchy looking prototypes and wireframes.

Links:

  • User Interface stencils for OmniGraffle Open link in new window
  • A sketchy interface stencil Open link in new window

Henrik Olsen - January 12, 2009

Permanent link Comments (0)

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


 

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