vanderwal.net

Presentation switching demo with CSS at Zen Garden

The separation of content and presentation is and has been extremely important. There have been many developers and designers that have showed there CSS-wares for switching presentation over the past two or three years, but Zen Garden is one of my favorites. The Zen Garden is currently functional (many others have replaced their presentation switching sites for no option presentation in the past year) and it provides a wide variety of styles and layouts. I hope Zen Garden sticks around for a while so it can be used as a great showcase for what can be done.

I am also liking Zen Garden as the various styles provide insight into the placement of headers and content. Not only do the different presentations provide different styles, but the user interface with the information drastically changes from style to style. This differing interface showcase is a great tool to help people understand the importance of presentation and understanding the user. Different audiences may have strong preferences or attraction to the various presentations and testing of the various interfaces most likly would generate widely different results with various user groups. [hat tip Eric Meyer]

Flash takes bigs steps forward then over the cliff

Jeff Veen discusses the Macromedia attempt at accessibility for Flash in his most recent post. Flash MX is a great improvement, but still is not all the way to accessibility, and can still keep a well done site from meeting Section 508 compliance. One of the big downsides of the current Flash build is using Flash mixed in a page with HTML. A user must have the ability to use alternate methods to move around a page, which means with out a mouse. This is often done with tabbing or voice commands. Flash does now have the capability to replicate what has been done for years in HTML, but if you add a Flash element into a HTML page the focus never releases from the Flash component. A user can not tab anywhere or even escape from the page as the cursor is stuck. If the person could use a mouse this would not be a problem, but that is not what leads to compliance.

If you use mobile devices the Flash interface is a miserable experience as Flash is vector based and will shrink to fit the screen size. Imagine trying to use a screen designed for 800 pixels wide on a 220 wide mobile screen. Forget it.

The forms in Flash are not quite ready for prime time either. I was at a rack server trying to update information in a Flash form on the Macromedia site and I was tabbing because the hyper trackball was horrible. Flash walked me down the page, but the focus moved under the bottom scroll bar with out bringing the screen focus up so I could see the form box I was having to deal with. This is flat out unacceptable, as HTML has had this right for years. Not only that, but I had a validation error and the alert was placed at the top of the Flash screen and out of site as it had scrolled up. The ability to scroll or move the screen until the alert was clicked was disabled, this took expanding the screen to full size to click the bottom of a button on the alert that I could not read.

Flash needs a motto like, "Flash -- the tool that gives uneducated interface developers the ability to create unusable forms and user experiences just to have buttons and scroll bars with indiscernible color shades" or "Flash -- for interfaces you don't want people to use"

Macromedia seems to have taken large strides with Flash, but then just stepped right over the cliff.

How to choose users for testing by Peter Merholz

Adaptive Path's Peter Merholz discusses how to select users for testing.

iSociety - Mobile Phones and Everyday Life

iSociety Mobile Phones and Everyday Life, is a report looks at the impact of mobile devices as they impact everyday life. Looking at how we work with mobile devices today will help us set a framework for the future.

PeterMe is free

In the joy of the moment and the agony of my cold I nearly forgot that PeterMe has opened up his practice again.

37signals Takes a Whack at Google

37signals provides 37BetterGoogle. Yes, the folks at 37signals who focus on building more usable interfaces through simple design, have takn a whack at improving the Goolge interface. 37signals provides a brief discussion of their added alternate search elements that can help aid the user more easily find that which they were seeking.

In a sense the interface modification offers similar searches to the user. This falls directly in to the information foraging direction of providing the user other attraction points that may get the user closer to the exact information that desire. The Google search may be returning information that is very close to what they are seeking, but a minor tweak of the search can provide more direct results.

This seems to be much like offering the user breadcrumbs. As most of us are aware not all users come to a site through the top level page. In fact you will most likely find less than half of the users of a site come in through the front door. Tools like Google give the user a means to get to the information they desire more quickly and easily. But, when a user comes to your site through a search they may not have dropped into the exact information they are seeking. It is up the the site owners to provide access points to similar information or information that is up one level (as often an external search will dump a user into a detail page of a site because of how search tool's weigh various pieces of content). Breadcrumbs on a page will provide the user with the ability to get to a page that may link to other related detailed pages.

Boxes and Arrows Birthday

Happy Birthday Boxes and Arrows. It is Boxes and Arrows one year anniversary. It seems like so much longer, but to some of us it has been a little longer. There have been a flood of great articles that have shared knowledge and experiences to help us all get better at what we do. I am looking foreward to the next anniversaries and looking back too.

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.

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.

Zeldman uncovers the mess of Aventis site

Zeldman hits the ugly nail on the head discussing Aventis. I believe that anybody who believes there is not an poor information design or site that is screaming for an Informaiton Architect has not been to Aventis, there are so many problems that begin with and end with the drop down menus that overlap. Zeldmen points out, as he always does, the need to understand what the HTML markup and code do in a browser. Not only understanding the browser but the user. The Aventis site fails in many areas, but the tucking product information under "About Aventis" makes it very difficult to find.

Zeldman has also been sharing his wonderful redevelopment pains and discoveries. I may tackle the last couple layout bugs I have left if he cracks the right nut.

Adam and Nathan Part II

Adam and Nathan discuss experience design, part two. This second part gets a little deeper than the first and aims more at defining than tearing apart.

UPA Calendar of Events

N2S (note to self): UPA calendar of conferences covers more than just UPA events. This could prove a good resource for coming attractions.

Understanding the environment at work

Reimagining work provides insight from workplace designers on how the work environment influences work. It is a good read with a lot of wonderful insights. [hat tip Challis]

IA and UX organization matrix

Beth provides a matix of IA and UX organizations to join, which helps not only know the price, but also know the area of focus.

Conferenece envy

Matt has been chronicling his experience at Doors of Perception held in Amsterdam. Matt offers his notes from: day 1, day 2 morning, day 2 afternoon, day 3, and day 3 final notes. This and ASIS&T were two conferences I really wanted to attend this Fall, but the move and house have eaten my money. I am saving myself for the Spring for SXSW, ASIS&T IA Summit, and possiblly DUX along with the possibility of Good Experience Live.

I did pop up to Philly to meet-up with some AIfIA Board members, other leadership counsel folks, and members. It was a great treat. I really wished I was staying for the ASIS&T conference (next year) and spending more time with these folks.

The train up was good as I got a lot of writing done (remember to take headphones if you are not on a "quiet" car, which do not run on weekends). The seat I was in on the way up did not have a functioning electrical socket, so I was pulling on batteries (not to worry I have a TiBook with 4 to 5 hours of battery). I was able to edit, read, write, and work on some graphics last evening and on the train back today. What a wonderful way to travel, particularly to Philly.