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

 

11

Prototyping ends the war between clients and developers

In his online book, Client vs. Developers Wars, Eric Holter explains how time commonly wasted in miscommunication during web projects can be poured into actually improving sites by incorporating prototyping into the design process. He tells the woeful tale of conflicts and negative experience, which everybody involved in web development know all too well, and shows how the power of interaction design can change the dynamics of the web design process.

The book is free for download. A must read for interaction designers.

Links:

  • The online book Client vs. Developer Wars

Henrik Olsen - June 19, 2004

Permanent link Comments (0)

See also: Online books (5)  Books (32) 


 

12

Use Cases and interaction design

Use cases are widely used in large projects to capture the functional requirements of software systems. The Q2 2004 issue of GUUUI looks at how uses cases can serve as a powerful tool for brainstorming workflows and bridging the gaps between design and development.

Links:

Henrik Olsen - April 01, 2004

Permanent link Comments (0)

See also: GUUUI articles (7)  Use Cases (3) 


 

13

Bridging use cases and interaction design

Use cases are widely used during the analysis phase of a project to model user requirements. In the hands of interaction designers, use cases can be a powerful tool to guide interface design. But use cases was originally developed to support the design of software components, and are often used in a way that is not well suited for supporting interaction design.

In this reprint from the book Object-Modeling and User Interface Design, Larry L. Constantine and Lucy A. D. Lockwood suggest an approach to use cases, which forms a more solid bridge between requirements analysis and interaction design, and between design and implementation.

Links:

  • The book chapter Structure and Style in Use Cases for User Interface Design
  • The book at Amazon.com
  • The book at Amazon.co.uk

Henrik Olsen - March 13, 2004

Permanent link Comments (0)

See also: Use Cases (3) 


 

14

Magnetic interface design toolkit

Building prototypes with this tool might not be ideal, but it could be useful for workshops and brainstorms - if it's big enough. Anyway, here you can buy your very own Magnetic Interface Design Toolkit maybe just for the fun of it.

Links:

  • The Magnetic Interface Design Toolkit

Henrik Olsen - May 21, 2003 - via EASE

Permanent link Comments (1)

See also: Funny tools and games (9)  Tools (49) 


 

15

New Version of DENIM Available

Berkeley's Group for User Interface Research have released version 1.1 of DENIM, a visual prototyping system for early stage website design. The two changes of note are that the input system (SILK) is much more responsive and you can now print the prototypes. DENIM is designed for sketching of prototypes - a graphics tablet is highly recommended.

Links:

Tim Lucas - April 30, 2003

Permanent link Comments (0)

See also: Tools (49) 


 

16

Wireframing tool for Dreamweaver

For those who prefer to design prototypes in HTML, Eric Ott's wireframing extension for Dreamweaver might be useful. Using this tool, you don't have to struggle with tables to design your page layouts, since it relies on layers. You drag-and-drop interface elements from the objects tool bar onto the pages.

According to Eric Ott, the extension adds the best of Visio and Illustrator in Dreamweaver. I would love to do prototypes in HTML, but I still find Visio more effective.

Links:

  • Download the Wireframing extension (search for Wireframing)

Henrik Olsen - February 10, 2003

Permanent link Comments (0)

See also: Tools (49) 


 

17

Visio or HTML for Wireframes

Jeff Gothelf on the pros and cons of using HTML versus Visio for prototyping:

"Design organizations inevitably run across the debate of Visio versus HTML wireframes. The decision for one over the other is never a clear-cut one since, as with all things IA-related, it depends. This article seeks to sort out the issues by describing the pros and cons of each and identifying situations where one may be more effective than the other."

Links:

Henrik Olsen - January 28, 2003

Permanent link Comments (0)

See also: Tools (49) 


 

18

DENIM, a Sketch-based Web Site Prototyping Tool

Through a study of web site design practice, the Group for User Interface Research at Berkeley University observed that web site designers design sites at different levels of refinement (site map, storyboard, and individual page) and that designers sketch at all levels during the early stages of design. However, existing web design tools do not support these tasks very well.

Informed by these observations, they created DENIM, a tool that helps web site designers in the early stages of design.

DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming.

Supported platforms:
- Windows 95, 98, Me, NT 4.0, 2000, or XP
- Mac OS X 10.1 (10.0 is not supported)
- Solaris, Linux, and other Unix-like operating systems

Links:

  • The DENIM Web Site at guir.berkeley.edu
  • Try an exported DENIM Web Site Prototype

Pieter-Jan Pruuost - December 06, 2002

Permanent link Comments (2)

See also: Tools (49) 


 

19

Greek text

Greek text can be helpful when designing initial design comps and prototypes, where the actual content isn't important. 4guysfromrolla.com has developed a neat little thing, which can generate a specified number of fake latin paragraphs for you.

Jakob Nielsen has an article about how greeked text can come in handy, when you want to test how easy users can identify the location of different content areas in different layout templates.

Links:

  • The fake latin text generator
  • The article Testing Whether Web Page Templates are Helpful

Henrik Olsen - November 27, 2002

Permanent link Comments (1)

See also: Tools (49) 


 

20

Information Architecture: Blueprints for the Web

In the introduction, Christina Wodtke claims that her book on IA isn't for people doing IA for a living "most of it will probably be old hat." It might be true, that her book won't make a revolution for the IA field, but it is very enlightening to read about Wodtke's practical use of the techniques and principles of IA. And there's no armchair theory here. Everything is backed up by cases, examples, and practical advice on how to make everything work in the real world.

The book concentrates on traditional IA practices, such as:
- User research
- Organising content
- Card sorting
- Personas, scenarios and task analysis
- Site and flow diagramming
- Wireframing and storyboarding

At the end of the book, you'll also find some she-devil tricks on how to persuade you boss and co-workers to do things your way. Highly revealing - my girlfriend is never going to fool me again.

Links:

  • The book at amazon.com
  • The book at amazon.co.uk

Henrik Olsen - November 14, 2002

Permanent link Comments (1)

See also: Books (32)  Card sorting (8)  Site and flow diagramming (3)  Requirement Analysis (12)  Usability testing (28)  Personas (13)  The design process (14) 


<< Back More >>

Browse GUUUI postings

Methods and the design process

Usability testing (28)  Wireframing and prototyping (29)  Cost-justification and ROI (18)  The design process (14)  Personas (13)  Requirement Analysis (12)  Card sorting (8)  Implementing user-centred design (7)  Expert reviews (6)  Web log analysis (7)  Eye-tracking (6)  Site and flow diagramming (3)  Use Cases (3) 

Design elements

Navigation (44)  Web page design (23)  Search (21)  Guidelines and Standards (10)  Links (10)  Text (14)  Forms (11)  Ads (6)  Site design (8)  Shopping Charts (5)  Error handling (5)  Sections (5)  Home pages (2)  Design patterns (2)  E-mails (1)  Personalization (1)  Sitemaps (1)  Print-freindly (1)  Help (2) 

General aspects

E-commerce (21)  Accessibility (10)  Information architecture (10)  Persuasive design (12)  Visual design (13)  Search engines (7)  Credibility, Trust and Privacy (5)  Web applications (2)  Intranets (1) 

Technology

Flash (6)  URLs (3)  Download time (2)  Javascript (3)  Web standards (2)  Browsers (2) 

Humor

Cartoons (8)  Funny tools and games (9)  Bad designs (7)  Fun with Jakob Nielsen (6)  Designs with humor (3)  Fun music and videos (3)  Fun posters (2)  Funny 404 pages (2)  Misc humor (2) 

Ressource types

Research (88)  Tips and guidelines (63)  Tools (49)  Books (32)  Cases and Examples (12)  Interviews (9)  Primers (8)  GUUUI articles (7)  Posters (5)  Online books (5)  Glossaries (2)  People and organisations (2) 

Information sources

Blogs (11)  Websites (9)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI