Off the Top: User-Centered Design Entries

Showing posts: 136-150 of 232 total posts


March 27, 2003

Questioning Evaluation Techniques

A healthy questioning of evaluation techniques in Henry Lieberman's Tyranny of Evaluation



March 26, 2003

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.



March 14, 2003

The Web, information use, and the failure of the spacial metaphor

Francis Cairncross' book title Death of Distance is a wonderful understanding of the world around us in many way and should now apply to spacial relationships on the Web. The idea of spacial relationships on the Web have been a stretch of the truth for a long time. Initially the idea of a person going out and "navigating" other spaces helped those new to the prospect of what the Web held grasp the Web concept.

The problem with spacial explanations of the Web is they do not work very well. The truth is we go nowhere on the Web, information is brought to us. The Web user is ego-centric and rightfully so, as the world of information and commerce on the Web revolves around the user. The Web is truly omnipresent. Information is everywhere at once. The Web can even follow the user on mobile devices. The user does not go out and explore different places, the artifacts of the places come to the user's screen based on what is of interest to the user.

I was reading David Weinberger's book Small Pieces Loosely Joined and it was painful to watch him twist and turn to get the spacial metaphor to work. A whole chapter in the book is devoted to Space [on the Web] (the book as a whole is very enjoyable and worth the time to read). Weinberger first discusses how we use the Web, using surf, browse, and go to a site. This is wrapped with an analogy explaining the Web is like a library where the user does not have access to the stacks of books, but a librarian (or clerk) goes and retrieves the book, based on the request the user made, and brings it to the user. He also states:

... this is perhaps the most significant change the Web brings to the world of documents: the Web has created a weird amalgam of documents and buildings. With normal paper documents, we read them, file them, throw them out, or sent them to someone else. We do not go to them. We don't visit them. Web documents are different. They're places on the Web. We go to them as we might go to the Washington Monument or the old Endicott Building. They're there, we're here, and if we want to see them, we've got to travel.

.... the odd thing is that, of course, we're not really going any place, and we know it.

This is just painful to follow. We keep bringing up this bloodied and battered spacial metaphor trying to make it work to explain more than the very tiny bit it did explain well. The spacial metaphor has long overstayed its welcome and it now hinders us as we try to build the future information interfaces, which include mobile information access and internationalization of information.

Yes, I am saying mobile information use is hindered by a spacial metaphor. It is more than hindered it is crippled by it. When prepare information now location is largely irrelevant, but access, device, application, and information form and highly relevant. Before we prepared information on paper and sent that information to people (which can be done today) and we largely knew how that information was going to be used. Today, with digital information the ease of information reuse and the user's ego-centric view of the information world, we must think of the user and how the information will be used. The proximity of the information to the user through access, storage, or personalization is what is paramount. Proximity is the only spacial element that has significance. This equally applies to internationalization as language and culture are the barriers to the information not space. A Brazilian may be sitting on the T in Boston and want to read the most recent information on rollout of WiFi in Rio. The user should not need to find the Brazilian neighborhood in Boston to get the information in the proper language (Portuguese) with familiar cultural inflections. The user can attract that information form easily, which can be brought to the user if that information and access have been prepared and enabled. The user may have come across a resource for this information while looking for a client's most recent press release and the user forwarded the link to her mobile device to read later. Access to information can and should be based on the users actions and choices.

The user can (and has been able to for some time) create their own metadata and retrieval structures. Communication with live people or machines that can and will convey useful information at the user's desire is not only the reality of the wired world, but what mobile use is all about. The user can set their proximity to information they have come across and connectivity conduits are enablers of that information they have yet to discover.

Up to this point the spacial metaphor only provided us with the navigation, but flat out failed us with what the user could do once they found what they were seeking. The user can browse, search, receive in e-mail (based on list subscriptions), read an information feed that brings to the user new information from sites the user likes or from aggregators, or a variety of other means. Once the user comes across information they have an interest in they want to keep that information attracted to themselves, via storage, putting it on a page that is accessible to a mobile or stationary device, and/or have the information delivered at a time that will be more convenient (getting a text message on your phone with the address and time of a party at an art gallery). Proximity also plays a role in location based services, such as bringing up restaurant listing and reviews when the GPS in our mobile device indicates we are near these establishments. The user should be able to identify favorites or preferences that can help provide "best options".

The realization of the failure of the navigation metaphor to provide for much other than a nice name for the grouped set of links that provide browsing options pushed me to investigate the Model of Attraction (MoA). The MoA is not perfect, but does provide a framework to think about information use and reuse as users currently interact with it. The MoA offers a method for us to work through how we allow the user to easily reuse information they found. The devices are just conduits for the attraction interaction to take place. MoA offers a framework that is also easy to understand, but is a literal description, which helps us see building, structuring, and preparing information and applications for the future.

Navigation -- R.I.P.



March 12, 2003

The future of UCD with attraction

Another snippet from Tanya from SXSW, this time from "Future of UCD" panel. Tanya picked out "users will not use item alone, but in a federation of devices", which is at the heart of the Model of Attraction (being presented at The IA Summit on Saturday March 22, 2003 right after the keynote). The future, which we are seeing pieces of now, gives more control to the user as to what they will do with the information and how the user wants to or will access the information. The body of research for Internet development has focussed too much time and effort on navigation (browsing is more encompassing or a term and more literal). Users not only browser for information, but search. The user is no longer constrained to a desk or building when they try to attract information they need to themselves and this difference greatly changes how we must think about providing solutions. It is long past time to retire navigations as a limiting metaphor and start working with a model that more closely represents what is literally happening. The navigation metaphor fails us as we try to encompass the future of information access, information use, and information reuse that has already begun to take hold around us.

One benefit of the Model of Attraction is that is provides a framework that includes information reuse. Many times an information application is built upon the perception that the output of the information form will be its only form. I have seen time and time again large organizations that have bought applications or built applications that only consider the initial output of information. That information form may be in a Flash movie, Acrobat PDF, PowerPoint presentation, Word document, dynamic Web site, or static HTML page (to name just a few options). What information creators do not consider is how the information will be reused. A PDF is great for printing or just reading, but pretty much fails for extracting information easily or having external pointers direct others to one piece of micro-content (a scentance, paragraph, or other delineated section). Each method of presentation of information has its own benefits and detractors. The one with the most legs is (X)HTML as is can be used on nearly all devices (desktop PCs, mobile handhelds, etc.) with little or no modifications, it is not the best medium for printing information, but if built to standards it can be easily converted and stored as the user desires. XML has the same promise, but one needs to work with a standard schema so that the information is widely useable and reusable.

Keep in mind the future is now. Our future needs metal models to help us build information applications and services for univeral usage.



March 10, 2003

A glimpse of SXSW for those too far away

It seems Heath Row is offering some great notes from SXSW Interactive (not as good as being there, but...). Photomatt is also covering SXSW offering SXSW photos, including kickball, and The Future: User-Centered Design Goes Mainstream. [hat tip Cory and Matt]



March 7, 2003

Favorite IA Books

The NY IA Salon offers their favorite books, as captured by Mike Lee. Most of my favorites were captured, but I would have to add John Cato's User-Centered Web Design, Jesse James Garrett's The Elements of User Experience, the Second edition of the Polar Bear, and possibly Accessing and Browsing Information and Communication (on of my current reads that I am in the midst of) upon my completion of the book I may add it to my permenant IA favorites list.

There are two books I hand out to novices in the IA realm The Elements of User Experience and Christina Wodtke's Information Architecture: Blueprints for the Web. These two are easy to jump into and have a very good idea where things will be goind and why. This greatly eases the communication and understanding

Mike Lee points to a great snippet concerning dumb people with too much energy, which is from Mike's favorite Make it Bigger.



March 1, 2003

Depressed about not going to SXSW

I am a very bummed as I will not be going to SXSW Interactive this year. Things were not working out as there were too many things here going on and I will be away speaking at the ASIS IA Summit and attending the IA Leadership Summit

I am upset about SXSW as it is a wonderful learning experience and reassuring experience. SXSW has always provided the confirmation that I am on the right track as well as show where I can improve. SXSW provides a great social environment to not only learn in the sessions, but hang out with folks like yourself. The panels, which have just recently been fully fleshed out, seem to be some of the best in years (had this been out even a week ago I would have said screw it and gone).

I will greatly miss my frieds that I usually only see at SXSW and learn immense amounts.



February 24, 2003

Information Accessing and Browsing book

I am really enjoying Accessing and Browsing Information and Communication by Rice, McReadie, and Chang from MIT Press. I am less than 100 pages into this academic review and assessment of how people approach, find, assess, and retain information. The book is wonderful as it takes an cross section of academic disciplines and the research from them on browsing information and information use. The book is uncovering new pools of information in the library sciences, organizational communication, and knowledge management fields that help one better understand how people find and process information. There is a lot of information that is echoing the Model of Attraction approach to user and information relationships as well as helping to better refine the approach (there are some updates to the MoA that I have clarified in the last three weeks, and this reading is helping gell).

I may write a full review when I finish the book. I am reading the book on the train to and from work at the moment. I may need to read at home so I can check information that is being referenced.



February 21, 2003

Proposing a Cogitive Course

Rashmi proposes a Cognitive course. This is a course I would love to take. [hat tip Peter]



February 11, 2003

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.



February 4, 2003

Fusebox FLiP's for user centered design approach

While going through the Fusebox application development site (a coding framework for ColdFusion, J2EE, PHP, and ASP that helps separate coding from presenation by building reusable components and templates) I stumbled upon FLiP. The Fusebox Lifecycle Process (FLiP) section focusses on application development and project management "best practices". FLiP the steps are Personas and Goals, Wireframe, Prototype / Front-End Development, Application Architecting, FuseCoding, Unit Testing, Application Integration, and Deployment.

I was so happy to see personas, wireframing, prototyping, and application architecting as well as the suggested order. This is the path I have found to provide the best path for success. I was introduced to this process in the very early 1990s when working on a project to replace a mainframe application and moving it to the PC. The approach seemed solid and achieved some quick results with few hiccups. That approach has stayed with me and the focus on the user being the extremely important. Application developers often want to jump right into the coding and interface designers want to start crafting the visual design. Doing either with out proper understanding can easily lead to complications that are costly to correct.

The field of information architecture structures its approach to development on these tasks and roles. A great overview for application development is wonderfully laid out in Jesse James Garrett's The Elements of User Experience. Many that build applications have become familiar with these steps. Those wanting to learn programming and application development have found this the user-centered design approach is a great preparation. Why? Once the users are defined, the information structure defined, the interaction elements outlined, the interface outlined, and the framework for the application decided upon the coding becomes easy to focus upon. The coding portion of development becomes much easier because the interactions for the users are defined and the coding solutions are largely pre-defined.



February 2, 2003

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.



January 23, 2003

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.



January 21, 2003

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.



January 14, 2003

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.



This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike License.