narisa | Shared With: Everyone - Sep 20 2006 | information architecture, article, reference, wireframe, design
Adding semi design to wireframes will make usability testing more effective.
Quoted: Visual affordances, such as color and underlining links are key to using a site, and these cues make a significant difference in a usability test. ...
Tips to get real
These tips are best for intranets or sites with defined styleguides, and less useful for graphical or marketing pages where the design is the content of the page.1. Make a header bar with the company branding. It should look like the site they are used to, showing the company logo.
2. Use color. Hyperlink color is a basic requirement.
3. Put a web browser frame around the image (or at least the first page).
4. Use real form elements, not drawn replicas of them.
5. Create a template or library of real form elements (feel free to share yours in the comments below).
6. Avoid lorem ipsum. Instead, use: “Descriptive text that will explain this product.” to avoid confusion about greeked text.
7. Use accurately sized fonts (this also keeps you honest about what can fit on the page).
8. Use real detail such as products names and data. Especially on transactional tools with expert users, users care about what they are reading and recognize and use data like account numbers. It may not be important to us, but they have expectations that need to be met.Compare the wireframe to the current site, note any changes in functionality that may trip them up.
narisa | Shared With: Everyone - Sep 17 2006 | grid, webdesign, reference, imported:del.icio.us960px fixed width seems to work well with ads (IAB standards: http://www.iab.net/standards/adunits.asp). The page width number should be divisible by a grid number like 2,3,16.. etc.
- narisa | Shared With: Everyone - Jul 17 2006 | design, resource, wiki, reference, imported:del.icio.us
Design wiki - a division of underconsidereation.org
- narisa | Shared With: Everyone - Jul 14 2006 | design, inspiration, reference, web, resources, webdesign, imported:del.icio.us
collection of distressed, textured website designs. Includes thumbnails and links to sites
- narisa | Shared With: Everyone - Jun 20 2006 | ia, reference, usability, templates, wireframes, omnigraffle, visio, resource, imported:del.icio.us
Collection of links to other main resourcesWireframe Template - VisioWireframe StencilPage Description Diagram Template (PDD)Site Map Stencil (and Template)
- narisa | Shared With: Everyone - Jun 06 2006 | IA, library, process, reference, UI, usability, yahoo, patterns, imported:del.icio.us
Case study by Erin Malone on implementing the Yahoo! Pattern Library
- narisa | Shared With: Everyone - Jun 02 2006 | resource, reference, library, interactive, UI, IA, process, usability, imported:del.icio.us
The IxDA Resource Library is an annotated collection of content on all aspects of interaction design. The items in the library are organized by category: * Career Development * Case Studies * Education * Events * Interaction
- narisa | Shared With: Everyone - Jun 02 2006 | reference, resources, resource, templates, tools, UI, usability, process, imported:del.icio.us
The Usability Toolkit is a collection of forms, checklists and other useful documents for conducting usability tests and user interviews.The material may be used as is, or adapted for specific needs. Credit to the original contributors, when available
- narisa | Shared With: Everyone - Jun 01 2006 | design, IA, reference, resource, stencil, templates, UI, usability, tools, wireframes, imported:del.icio.us
The Information Architecture Institute's Tools project aims to disseminate new IA tools from the community in order to learn from each other. Below you will find document templates, process map posters and other tools to help you in your practice. Too
- narisa | Shared With: Everyone - Apr 27 2006 | blog, collaboration, community, design, development, inspiration, reference, resource, resources, webdesign, webdev, standards, imported:del.icio.us
Features, training, reviews, interviews, with a celebrity advisory board and corresopnents."What is Vitamin?The web has undoubtedly entered a new and exciting phase. Designers, developers and entrepreneurs are energized, refueled and producing s
Related Content from Around Faves
reference
-
12 FaversViewed: 5 TimesQuoted: Computational Knowledge Engine
- tsupo - Oct 12 20051 FaverViewed: 27 Times
- nightsurfer - Nov 21 20061 FaverViewed: 2 Times
