vanderwal.net

Robota moves closer

The new teaser is out for Robata and looks stunning. There is some very good sci-fi coming out in the next year.

Build your ideal creative team and other articles

Boxes and Arrows serves up three great articles right now. George Olsen shares his R&D (Relevant & Desirable article discussing the need for vision driven design in user-centered design. Scott McDaniel offers up What's Your Idea of a Mental Model?. My favorite of this current bunch is Erin Malone's Modeling the Creative Organization in which Erin walks through how to put together her idea of an ideal creative team. Her discussion is provides insight into a great approach.

Running a Design Critique

How to run a design critique from Scott Berkun at UIWEB. This not only includes who should be in the room, how often, but a list of items to cover with heuristics on it. This is looks to be worth digging back in and reading every word.

Understanding Visual Organization

Luke Wroblewski has a must read article, Visible Narratives: Understanding Visual Organization published at Boxes and Arrows. The article shows the importance of and how to visually structure information to assist the user with finding and focussing on content they are interested in. This lesson is one that is often missed in Web site redesigns.

A visual presentation of information is an essential tool to have in your tool belt. Lack of a usable visual structure can hinder your users from finding the information they are seeking. Many users come to a new site and perform a quick scan of the information available looking for something to attract their attention as it relates to terms, visual cues, or a vocabulary that will get the user to the nuggets they desire.

The user's eye needs resting places to guide them or help the user jump from topic to topic until the user finds one topic or link draws the user (as the user believes) closer to the information. Visual organization help facilitate the user's scanning and reading.

If the visual organization uses HTML markup's header tags and CSS for presentation the information has an underlying structure. The underlying structure can be used to assist bots (non-human search tools that scrape sites looking for information) in finding information. The automated scraping or searching is augmented by the markup as the information in the headers is often given greater value and can help the information get consumed by users interested in finding and using the information. With a little bit of scripting a properly marked-up Web page can generate a table of contents. This visual structuring eases the reuse of information, which is always a benefit.

Peel exposes layered storytelling

Design Interact examines the Seattle design firm Peel and their layered storytelling approach to information structures. Layered storytelling is explained:

Layered storytelling means that a site opens much like a film, with a splash of music, photography and animation, but not a lot of information. If you stay on the top level of the site, your experience is similar to watching a documentary on television. But if you click on any topic, you dive down into a more book-like experience, with long texts and additional background information. The idea is that a visitor skims along the surface until he or she finds something interesting and then digs in to read more.

This appoach provides the ability to have a one way interaction with the site as it entertains and informs, but when the user is attracted to a topic, idea, or visual cue they can interact and find out more. I have enjoyed the layered storytelling approach when I have encountered it. It does seem like it would have the same repeat user problems that other multi-media interfaces encounter, in that having to wait for load times before interacting or navigating is usually problematic. Providing an option to use the layered storytelling or providing it the first time by default (but if a user is like me and works with three or four browsers open or working from many computers, setting a cookie to track repeat use will not solve the issue).

This too is worth coming back to as it provides intamacy with the user and a topic. This can help break down some of the dry appearance of some dull topics that are difficult to unwrap, like sciences, urban planning, the history of duct tape, etc.

3D drawing in Sketchup

Mike points to Sketchup a 3D graphic drawing tool (watch the animation in the lower right of the home page to get an idea of the functionality). The capabilitities in this application seem to fill the mind with possibilities.

Tablet Hotels gets Experience Design and IA right

The November 2002 edition of ID Magazine reviews Tablet Hotels. For those that are not familiar, Tablet Hotels is a Web site that focusses on well designed hotels that are not from the cookie cutter molds of the large chains. These boutique hotels presented are from around the world. The site allows users the ability to select by location, amenities, and the traveler's agenda.

The response to "What was the biggest design challenge in creating the site?" points to the success:

The booking path was the greatest design challenge. We built our own proprietary real-time reservation engine, and when we began, we really wanted to create something outstanding and above and beyond the sterile process that's out there now. However, as we got into it, we found ourselves handcuffed by the antiquated systems that the engine had to connect to (GDS and hotel inventory systems). Throw in the fact that our site caters to an international audience and that the language terms and general policies of hotels vary greatly throughout the world, and we had our work cut out for us in our information architecture.

The small site of Tablet Hotels had not only their own information architecture (micro IA) to work through be the semantic variations of an industry so to digitally interact with various players (macro IA). The pairing of these two extremes seems to be wonderfully executed. The visual design of the site attracts the international customers searching for design and customer focussed hotels. Each hotel has a well written snippet and are photographed from design friendly perspectives. The reviews also offer a "citysense", which is a, self described, sensory guide to region covering: look, listen, taste, touch, and smell. The interactive components are also executed very well with allowing the user a the ability to select the elements/facets that are important to them when making the selection for their hotel.

The Tablet Hotel site is very well thought through and has spent much time and consideration walking through the whole array of Experience Design/User-Centered Design roles, including information architecture, to make a site that raises the bar for other hotel sites.

Do not strand them

Stranding users is not a good thing to do, I think we can all agree with that premise. Not remembering that a user of your site can drop in to the site from anywhere to anywhere can be fatal. Take the U.S. Treasury Department, which recently did an expansive redesign of their site. They did a good job at bringing together much of their domain under one consistent branding roof. They have a few large navigation problems, they tend to pop-up a new window at the drop of a hat. Worse is that many of their press releases are built to pop-up, but have absolutely no navigation, not even to the Treasury homepage. I was suckered by this in July while searching for information from Google I was dropped in to a press release with nearly the exact information I was seeking. Big problem, all the Treasury Press Releases (sample of poor Treasury Web design) have no related links and no navigation to get you to the sourse of the page. When the Treasury gets around to fixing the stranded user problems they created they should fix the giant top banner/navigation bar that keeps the information their users are coming to the site for pushed down the page.

I will give the Treasury large kudos for grasping control of the splintered branding that is rampant in the large organizations. This consistantcy provides a couple of advantages by providing ease common design that give welcome consistancy and it makes it easier to go back and correct the navigation and usability errors that were left behind.

Design for inconsistent medium

Rick Oppendisano has a wonderful discussion of Designing for An Inconsistent Medium in CommArts Design Interact. The Web browser is a wonderfully quirky design medium that provides great access to information, if marked-up properly. The browser does not give designer's free reign to control every pixel (a great developer will consider every pixel on a screen and weigh its purpose and use). The article does provide a great read.

U Oregon InfoGraphics Lab

The University of Oregon's InfoGraphics Lab, which includes GIS. [hat tip InfoDesign]

Find friends at IWeb Graphics

Some new additions to the link page including Web Graphics, which I found a few folks I know are posting their finds.

Paris France design in CommArts

I enjoyed the CommArts Design Interact article on Paris France. One of the pull quotes is very close to one that I continually use around meeting tables at the organizations I work for, "The Internet site or Intranet site is not about or for anybody around this table, it is not for anybody we can reach out and touch, it is for those folks we can not touch and walk through the site or application. This is why we build this site and or application, it is to be used by those we can see or touch. Knowing this we must focus building things in a manner that the user will understand, because we can not explain how we think to guide them so we must understand how they think." This article also provides some great visuals along with the wonderful read.

Banff copy editing needed

Dean points out copy editing is more than spell checking. Banff has worked on it image now on to...

All you need is button graphics that look like Mac OS X Aqua interface to make your site complete. Well today is your lucky day. Pixeljerk shows how to make Aqua buttons. [hat tip Cory at boingboing]

Interview with John Weir, designer of International Herald Tribune online on James' Ordinary Life. [hat tip Michael at ia/]