vanderwal.net

Design versus communication

Zeldman explains the differences between differences between design and communication.

Indi on site navigation and keeping it under control

Indi Young provides a great guide for building browsing structures in her article Site Navigation: Keeping It Under Control.

Blurbs: Writing previews of Web pages

A February 2001 article by Dennis Jerz discusses Blurbs: Writing Previews of Web Pages, which is very helpful information that helps annotate links to ease and assist the users understanding what is behind "door number 2". The blurbs help the user by providing more than the short snippet in a link. This makes the browsing structures much more friendly.

Safari getting better, but still has some bumps

I am guessing most everybody that has Mac OS X is aware that Safari browser has a new Beta release (build 73), which has added some new elements (such as tabs), and fixed some bugs.

One element they have not addressed is tabbing through form forms. I don't like switching between the mouse and keyboard as I prefer to stick with one imput device when working on a task. The Safari browser frustrates me as I can not fillout forms easily with out grabbing the mouse to choose an item in a select box (menu) or to click radio buttons. Tabbing between these elements is a common interface function that is in nearly every other browser I can think of.

I tend to fill in many forms, one I regularly fill out is the one that builds what you are reading here. I can enter text in the body of the entry and I can add a title for the entry, but selecting location and entry type, as well as clicking the categories that apply are only doable with a mouse.

I do like the spelling functionality in Safari, the speed of the page builds, and other nice features, but the lack of tabbing through forms properly is a large down side. I am tending to enter longer entries in Safari and shorter entries in Camino (formerly Chimera).

One of the other downsides is not all pages are working properly in Safari yet. The International Herald Tribune is very buggy in Safari still and some sites still do not even appear. It is getting there and I know if I use other, slower browsers I can get to the information properly.

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.

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.

Goodbye glasshaus and Wrox

Owen broke the news today that glasshaus books is gone. So is its parent company Wrox books and all the other imprints from this publisher. Matt has very kind words to say about glasshaus and I will concur that they were wonderful to review books for. I looked in to my work bag and found two of my five reference books that travel from home and work are glasshaus (Cascading Style Sheets: Separating Content from Presentation which is a great book to get to understand CSS1, CSS2, and the box model, and Constructing Accessible Web Sites a great reference book on accessibility). I have a few others that I get great use from also, including Usability: The Site Speaks for Itself as an overal inspiration book for redesigns and understanding the use of various pages.

A few years ago I was picking up Wrox books left and right. I have a few ASP, PHP, UML, and XML books (some that have migrated to boxes in the basement as I do not use or prefer that language at the moment. On the whole Wrox and glasshaus had great authors that really communicate well and create books that are very useful as resources and good reads.

HTML Hell and beyond

Eric S. Raymond offers his Welcome to HTML hell page (including content, style, and extension hell). I agree with every bit in this.

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.

Tweaking the presentation layer for links

We are still doing some tweaking related to the recent redesign. This latest change includes the underlining of links. The style sheet now treats the distinct content area separately. The links page does not have any underlining on the links as the page is all links and the underlining tends to interfere with the user's scanning of the links and therefore the lack of underlining eases this pages use. The hover is identical for all the links through out the site, the hover provides an orange hue to tie the colors of the site together. The right content frame does not have any links either as the combination of the light orange background and the blue link has a little reading difficulty, but with the underlining there was strong reading hinderance. The links through the rest of the site are all underlined to ease the user's ability to discern that the links can be clicked. The links under the Off the Top remain grey with underlining with orange hover.

Let me know how these work for you.

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.

Remote Usability Testing

Examining remote usability testing, a research paper from IBM. [hat tip WebWord]

Dumbing down of computer and information design books

My trip to bookstores in Florida had me seeing what the person on the street sees as computer books, "Dummies" guides. There were eight shelves of Dummies computer books with a handful of Microsoft publisher books thrown in for color variation.

When I returned home I took a trip to Barnes and Noble and found the computer Web section filled with GUI tool books (Dreamweaver, FrontPage, GoLive, etc.) where there were shelves of HTML, DHTML, CSS, Perl, proper design (by Zeldman and Veen), or Information Architecture books. This trend worried me more than what I saw in Florida. The GUI books did not get into proper markup or understanding of information. The books were concerned with how to make better use of more bandwidth. Not one place in the many books I pulled off the shelf did I see any mention of the user or information use (let alone information reuse). The beauty of learning how to develop properly is knowing when the GUI tools are wrong, but better is knowing what is built properly will work well on broadband and on mobile devices. If the information is important and cared about it should be made available, accessible, and usable.

Gorilla Usability