vanderwal.net

Gadget dreams

Danger announces a color Hiptop. Many are very excited about this, but some of the usability has me thinking I will go in another direction when my year is up with my black and white Hiptop.

Don't get me wrong I greatly enjoy my Hiptop and the functionality it has given me that no other device has done so far. But, I am now tied to three devices (and I do not have an iPod yet -- you are more than welcome to correct this malady buying it for me from my Amazon wishlist) my regular cellphone (nearly ubiquitous connectivity in area, vibrate function is strong enough to get my attention, speakerphone is outstanding, and clear auditory capabilities), Hiptop (for mobile e-mail, Internet, photos), and my Palm powered Handspring Platnium (synched calendar, addressbook, Strip, JungleSoft (city maps), and document readers (for books like Cory's Down and Out in the Magic Kingdom.

No this is not optimal. I am seeking a Palm-based device that can pull pop e-mail and Internet using the phone, possibly through Bluetooth connection, while giving me the Palm apps that can be synched with my laptop and desktop address books and calendar. It would be nice to have the phone synch the addresses and calendar too.

No, I do not like the Hiptop apps for calendar and addressbook. One, they do not synch only have bulk over write capabilities, or at least that I have found. Two, I personally find the Hiptop calandar to be almost completely unusable. I can not move about the calendar easily, nor change and drill into the events from various views. When sitting in meetings and trying to assess my availability for follow-up meetings or deliverables the Hiptop calendar does is not easily usable for that purpose. I am also bugged by the lack of copy and paste. I do like the keyboard and the form factor for typing and surfing, much more than any other handheld I have tried.

I am thinking Sony Clie and a Sony Ericsson phone may be part of the solution. I have read many reports on the location services tied to cellphones, which use triangulation from cell phone towers and their extreme inaccuracy, I may be interested in having GPS on the one of the devices to better use location based services.

Keith's Navigation Stress Test

I recently restumbled across Keith Instone's Navigation Stress Test. This will help greatly when trying to sort out browsing structure issues when thinking through how well the user from the whole in the eaves. This is a quick mental jog to ensure the user can find what they are looking for, which will help the site owner's whuffie

Design for real users

Chad highlights an excellent design perspective, "design for real people". Real people are rushed (at least in the parts I am familiar with), tired, distracted, etc. It is not those in the perfect lab setting that are important, but those actually living life trying to find the information for a report that was due COB yesterday, while trying to arrange for a new print cartridge from the help desk that never seems to (not my life, but one I have observed).

Maybe when we are doing user testing we arrange for phone calls and messages to be hand delivered. When I was doing usability testing on a somewhat regular basis, I always did the testing at the user's desk to see their computer setup and other things that may be interfering with usage. I have noticed that pale colors do not work well in workspaces with direct sunlight, which visual designers have used darker color palettes and reduced "I can not find it" complaints.

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.