vanderwal.net

The User's Mind and Novelty

My commute-time reading of Steven Berlin Johnson's book, Mind Wide Open included the discussion of attention today, toward the end of Chapter 5, as Steven pointed out that Dopamine regulates the "novelty-seeking" axis. I began to think about MTV, Web development, advertising, and other entertainments. It seems much of the creative force in entertainment and design is aimed at triggering the novelty-seeking part of our brain to draw attention. I throw Web development in there as there is a desire for over decorating and using cool Flash (I love Flash, but it is often used as a container for content, which inhibits the easy consumption of the information) where it is not best used.

This also reminded me of a rough theory about executives and content owners and their understanding of Web design. The content owners and managers that get involved with their Web development want exciting and flashy sites developed because they are bored with their content. They have been working with their content for years and it is not interesting to themselves any longer, in short it is work not fun and the Web is fun. There seems to be a correlation to the formality of the content and the desire for Flash and over-the-top visual design. The finance and budget people want a banker lamp with words moving out of them. The legal department wants highly-graphic backgrounds for their text.

The cure for this injection of excitement is turning the focus to the users of the content, that are not bored with the information and need to find the information and are often craving the information. Focussing the content owner on how to make the words that are important and the text of desired information easy to consume helps turn the situation from decoration that distracts the user. The next step is to user test and show the roadblock, if not worse, that stands between the user and their desired information.

In terms of "novelty-seeking" for the users, their desired information is often the novelty. On information sites the users what to come and get what they want easily and quickly. Providing clarity to help the user get that which they need is the best service. The design should not be boring, but should be well though out to help direct the user's attention to what will help them the most. Information design skills and a solid understanding of how to use the medium well will benefit the user greatly as it will the content owners.

Make My Link the P-link

Simon hit on plinks as an echo to Tim Bray's comments and variation on Purple Numbers (Purple Numbers as a reference). As I have mentioned before, page numbers fail us and these steps are a good means to move forward.

Simom has also posted in more plinks and in there points to Chris Dent's Big Day for Purple Numbers.

I have been thinking for quite some time about using an id attribute in each paragraph tag that includes the site permalink as well as the paragraph with in that entry. This would look like: <p id="1224p7">. This signifies permanent entry 1224 and paragraph 7 with in that entry. What I had not sorted out was an unobtrusive means of displaying this. I am now thinking about Simon's javascript as a means of doing this. The identifier and plink would be generated by PHP for the paragraph tag, which would be scraped by the javascript to generate the plink.

The downside I see is only making edits at the end of the entry using the "Update" method of providing edits and editorial comments. The other downside is the JavaScript is not usable on all mobile devices, nor was the speed of scrolling down Simon's page that fluid in Safari on my TiBook with 16MB of video RAM.

Victor Summarizes Recognizing Digital Genre

Victor provides an overview of Recognizing Digital Genre, which is very similar to Andrew Dillon's Shape of Information. The quotes and insights of Recognizing are quite interesting to me. When you perform a lot of user testing this becomes apparent as you watch users place their mouse where they expect information as they try to perform tasks. I am thankful for the link to research.

InfoDesign is Now InformationDesign

Bogieland's InfoDesign has redesigned, restructured and moved to InformationDesign. The new site still has the great daily content and gems, but now includes sections for events, people, and others that have been part of the site, but not as easy to find. I also like the new XML feed, which will make seeing the updates more easily.

The new structure and design may make this site more than just my must read every morning before work, but also a resource to come return to regularly when I have more time. Peter and conspirators have done a great job with the new site.

Jakob posts Top 10 Mistakes

Jakob publishes the Top Ten Web Design Mistakes of 2003.

Headers for everybody

I am trying out visual enhancements on the Off the Top weblog display. I have added the header titles for each of the entries, which I have wanted to do for a long time. This should make the page easier to scan for information.

I have used the dark blue color for the type and given it shading in the CSS to offset the header from the date. Once the headers were added the dates were lost on the page, so I have given the pale orange background color to break up the page a little more. The pale orange background also seems to help the reader scan the page more easily.

Depending on feedback I may keep this and add it to the other multiple entry pages in Off the Top.

Taking Site Headers to the Next level

Dunstan (a fellow WaSP) has done a great job with his new site header at 1976design, his personal site. Dunstan explains that the header is made up of 90 image and uses scripts to drive the weather and time relative header image. The sheep in the header move depending on the weather conditions at Dunstan's farm as well as change based on the time of day (they have to sleep sometime).

Sir Clarke Portends Humans will Survive the Deluge of Information

I had read the Arthur C Clarke Humanity will survive information deluge interview from OneWorld South Asia. I had pulled the print version of this article into AvantGo and read it on the train commute.

The article had some great insights into the flood of information. He pointed out that over time we have adapted our ways to cope and manage information. When the printing press was developed people wondered how they would ever keep up with everything and how they would ever read 1,000 books. Most opted not to read everything and became selective. The selection of reading benefitted the whole.

The interview does a wonderful job of highlighting responsibility and the challenges ahead. We have access to an extreme breadth of information and we must find ways to expand the access and accessibility to that information to all that are willing. Sir Clarke points out that not all technology is helpful and neither is there a technological solution for every problem, in fact technology can impinge progress.

I encourage you to read the article itself and get inspired.

Tog explains good design on bad products

Bruce 'Tog' Tognozzini writes When Good Design is => a Bad Product.

You take a mediocre product and rework the design to make it better. Your design is a success, by any reasonable measure, but the resulting new release is actually worse. You redouble your efforts and matters become untenable. It doesnít matter how brilliant and effective your designs, the more they improve the product, the less usable the product becomes.

The article is filled with wonderful illustrations that will help us better understand how to make better products.

Harpers redesigned

Harpers Magazine has been redesigned by Paul Ford. Paul discusses the Harpers redesign on his own site Ftrain.

The site is filled with all the good stuff we love, valid XHTML, CSS, accessible content (meaning well structured content). The site is clean and highlights the content, which is what Harpers is all about - great content. The site is not overfilled with images and items striking out for your attention, it is simply straightforward.

We bow down before Paul and congratulate him on a job very well done.

Interdependance of structure, information, and presentation

Peter J. Bogaards explains The Document Triangle: The interdependence of the structure, information and presentation dimensions. This troika is very important clear information consumption, but also information reuse. Structure is extremely important to transmitting information, but also important to information reuse. Information lacking structure nearly as reusable as a newspaper article printed on paper.

One great location to explore the ease of information reuse and the affect the presentation layer has should look no farther than, CSS Zen Garden, where nearly all the content is identical in the various layouts and designs. The structure of the content provides a solid framework to rework the presentation layer. The presentation layer can add to or detract from the clarity of the message as well as the attraction a user may have to the message.

Why page numbers fail us

I keep running into a deep information habit that has never worked well for its intended purpose, the page number has been an information curse. Printed documents use page numbers, which are intended as a reference point (not bragging rights often referenced in Harry Potter and Neal Stephenson books - I am on page 674 and you are on page 233). All of us are familiar with this problem from high school and college if you happened to have a different printed copy of a classic text. Page 75 of Hemmingway's Old Man and the Sea was not the same in everybody's copy.

Even modern books fail when trying to reference pages, just look at the mass market edition of Crypnomicon with 1168 pages and the hardcopy version of Crypnomicon with 928 pages of the same text. Trying to use a page number as a reference does absolutely no good.

Now we try and reference information on the Web, which should not be chunked up by page count, but by logical information breaks. These breaks are often done by chapter or headings and rightly so as it most often helps the reader with context. Documents that are placed on the Internet, many times for two purposes - the ability to print and to keep the page numbers. Having information that is broken logically for a print presentation makes some sense if it is going to be printed and read in that manner, but more and more electronic information is being read on electronic devices and not printed. The Adobe reader does not easily flow from page to page, which is a complaint I often hear when readers are trying to read page delimited PDF files.

So if page numbers fail us in the printed world and are even more abysmal in the realm of the electronic medium, what do we use? One option is to use natural information breaks, which are chapters, headers, and paragraphs. These breaks in the information occur in every medium and would cause problems for readers and the information's structure if they are missing.

If we use remove page numbers, essentially going native as books and documents did not havepage numbers originally (Gutenberg's Bible did not rely on page numbers, actually page numbers in any Bible are almost never used Biblical reference), then we can easily place small paragraph numbers in the margins to the left and right. In books, journals, and periodicals with tables of contents the page or article jumps the page numbers can remain as the documents self-reference. The external reference could have a solid means of reference that actually worked.

Electronic media do not necessarily needs the page numbers for self-references within the document as the medium uses hyper-linking to perform the same task appropriately. To reference externally from a document one would use the chapter, header, and paragraph to point the reader to the exact location of text or microcontent. In (X)HTML each paragraph tag could use an incremented "id" attribute. This could be scripted to display in the presentation as well as be used as hyperlink directly to the content using the "id" as an anchor.

I guess the next question is what to do about "blockquote" and "table" tags, etc., which are block level elements? One option is to not use an id attributes in these tags as they are not paragraphs and may be placed in different locations in various presentation mediums the document is published in. The other option is to include the id tag, but then the ease of creating the reference information for each document type is eliminated.

We need references in our documents that are not failures from the beginning.

Other ideas?

Time to step in to the present

There are days when you realize you are working in an environment that is the equivalent of one that switched from horse and buggy to the automobile a few years prior and is still trying to feed the car oats. There are some that see others putting a liquid in the autos tank so they boil the oats, strain the liquid, and put that in the tank. They have problems seeing why things do not run right.

Changing your environment from printing on paper to electronic information dissemination requires process change and formulating the information for easing the transfer into various presentation layers. Easily save into a PDF for distributing to those users that want to print and for information where layout is actually important to the information. Equally important is saving for Web presentation in valid (X)HTML. The (X)HTML is extremely valuable as it is a the a great means for users to consume the information on a wide variety of devices and provides the user the ability to reuse the information as the need and see fit.

When preparing information one must consider the the media used for presenting the message. It would also be wise to provide a great benefit to the user by considering information reuse. Preparing information for print, but not providing the data behind charts, alternate text for images, and other items that are required for accessibility (Section 508 compliance).

Information structure important for information reuse

John Udell's discussion of Apple's Knowledge Navigator is a wonderful overview of a Personal Information Cloud. If the tools was more mobile or was shown synching with a similar mobile device to have the "knowledge" with the user at all time it is would be a perfect representation.

Information in a Personal Information Cloud is not only what the user wants to have stored for retrieval when it is needed (role-based information and contextual) but portable and always accessible. Having tools that allow the user to capture, categorize, and have attracted to the user so it is always with them is only one part of the equation. The other component is having information that is capable of being captured and reused. Standards structures for information, like (X)HTML and XML are the beginnings of reusable information. These structures must be open to ensure ease of access and reuse in proper context. Information stored in graphics, proprietary software, and proprietary file formats greatly hinders the initial usefulness of the information as it can be in accessible, but it even more greatly hinders the information's reuse.

These principle are not only part of the Personal Information Cloud along with the Model of Attraction, but also contextual design, information architecture, information design, and application development.

RSS on PDAs and information reuse

Three times the past week I have run across folks mentioning Hand/RSS for Palm. This seems to fill the hole that AvantGo does not completely fill. Many of the information resources I find to be helpful/insightful have RSS feeds, but do not have a "mobile" version (more importantly the content is not made with standard (X)HTML validating markup with a malleable page layout that will work for desktop/laptop web browsers and smaller mobile screens).

I currently pull to scan then read content from 125 RSS feeds. Having these some of these feeds pulled and stored in my PDA would be a great help.

Another idea I have been playing with is to pull and convert RSS feeds for mobile browser access and use. This can be readily done with PHP. It seems that MobileRSS already does something like this.

Content, make that information in general, stored and presented in a format that is only usable in one device type or application is very short sighted. Information should be reusable to be more useful. Users copy and paste information into documents, todo lists, calendars, PDAs, e-mail, weblogs, text searchable data stores (databases, XML respositories, etc.), etc. Digital information from the early creation was about reusing the information. Putting text only in a graphic is foolish (AIGA websites need to learn this lesson) as is locking the information in a proprietary application or proprietary format.

The whole of the Personal Information Cloud, the rough cloud of information that the user has chosen to follow them so that it is available when they need that information is only usable if information is in an open format.