vanderwal.net

Web Standards Opening

Are you looking to practice and hone your standards compliant web design craft? Are you looking for an environment that is Web Standards friendly and want to join solid Web development team? You now have found a possible match. Does your vernacular include: "Zeldman, Eric, Tantek, Bowman, Christopher, Shea, and/or Molly said..."? Are you looking to get recognized for your Standards work? Can you make Photoshop purr? Do you know the bugs in Dreamweaver's rendering engine? Can you live with just one table in your layout? Are you proud of your craft and want to hone it more?

If you answered yes and are looking for a change of scenery read the following and send me an e-mail (see contact above).

We are looking to hire a strong Web Designer who has strong experience with hand-coding Web Standards (HTML, XHTML, and CSS) that validate. The designer must also have experience with accessibility (Section 508) and have solid web graphic design skills. Experience with information architecture and user-centered design processes are very helpful (wireframes, usability testing, etc). Experience with leading design and redesign processes is very helpful. Strong communication skills, including design documentation is essential. We design with Dreamweaver and Homesite and use Adobe and Macromedia graphics applications. [INDUS Corporation Web Designer Job Listing]

Web Standards and IA Process Married

Nate Koechley posts his WebVision 2004 presentation on Web Standards and IA. This flat out rocks as it echos what I have been doing and refining for the last three years or more. The development team at work has been using this nearly exclusively for about couple years now on redesigns and new designs. This process makes things very easy to draft in simple wireframe. Then move to functional wireframes with named content objects in the CSS as well as clickable. The next step is building the visual presentation with colors and images.

This process has eased the lack of content problem (no content no site no matter how pretty one thinks it is) often held up by "more purple and make it bigger" contingents. This practice has cut down development and design time in more than half and greatly decreases maintenance time. One of the best attributes is the decreased documentation time as using the Web Developer Extension toolbar in Firefox exposes the class and id attributes that provide semantic structure (among many other things this great tool provides). When the structure is exposed documentation becomes a breeze. I can not think of how or why we ever did anything differently.

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.

Webmonkey Comes Back To Life

Oddly, Webmonkey seems to have come back to life today. There is a new articles on Contribute2 dated June 18, 2004. Just below that is a note stating it is back alive and kicking (not dated). Anybody have the scoop?

Amazon Plog

Amazon is offering a "Plog" (personalized weblog) of offerings and order information as my front page to their site. I have a link to an order and offerings, which tell me what I rated or ordered in the past to get the offering.

I sort of like this front page as it has the info I am interested in, particularly why I am recommended a product and order info. I am not a fan of the "Plog" moniker. It is too much trying to "be" something, which it is not. Now if they could not return Dummies books when I search for DVDs or CDs.

Digital Web is 8 and in New Clothes

Digital Web is now eight years old and has new clothes to boot. Deepest congratulations to Nick and all others who have made this a great Web resource with staying power.

Definition Lists Defined

Definition lists explained and examples by Max Design. Definition lists are often used incorrectly, but these examples are done to show how to use definition lists when it is semantically correct to use them. Definition lists are used for presentation purposes then the information is actually a list, ordered or not. Using the proper structure for information is critical for those that can not see the presentation (visually impaired, mobile devices, text readers for those driving, etc.).
[hat tip Mike]

Wiggles Rocks Zen Garden

I am a huge fan of CSS Zen Garden and have been impressed for many months by the contributions, but Wiggles the Wonder Worm just floored me. I was and still am in awe. Joseph Pearson did a fantastic job and explains Wiggles and CSS on his site.

Learning Web Design from Oz

I found Brian Alvey's contribution to A List Apart Everything I Need to Know About Web Design I Learned Watching Oz to be dead on target. His opening discussion regarding limitations are what drive creativity, is one of the best criteria dividing those that understand the Web and those that do not. This separates the good from the great. The Web has a great amount of limitations, before you get to clients and their boxes they want to work with in. Must we forget the users, didn't think so. The users give us an even smaller pallet of elements to work with.

Personally I find all of this very fun. Much more fun than a TPS report and so much more satisfying.

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).

Widgetopia

I stumbled across Widgetopia, a collection of Web widgets corralled by Christina.

Keep It Short - Users Do Not Want to Read

I was excited this past week, as I got to go to the National Cancer Institute's (NCI) Usability Lab to participate in testing one of my client's sites. NCI is also behind Usability.Gov. We have been working with Ginny Redish and I have learned a lot. I found this past week to be a blast, well the parts at the Lab were a blast.

This week was the first time I have been able to be involved with usability tests in a lab. Up until now I have always done them at a user's desk, at a conference, or some other guerilla method. The scenarios, note taking, and interaction were similar, but the lab really seemed to evoke more open responses.

In the past I had found most users do not read much while they are seeking information, but once they find the information they will spend more time reading on the screen, print it, or save it out. A couple years ago when I was testing often I kept finding that we constantly needed to trim content and restructure the content for easier browsing or scanning.

This past week I was floored at how little users actually read now. The habits of skimming and browsing have become stronger skills and ones that the users strongly prefer to reading long text. The user wants their information now and many users would grown and bemoan even the sight of what appeared to be long text.

Another redesign I am working on has text that has been too long and too dense and I have been digging for research to help support the shortening of the text. I asked Ginny about the shortening of text and looking for research. Ginny pointed to her own handout on writing for the Web Writing for the Web (PDF document - 500kb). There is an accompanying biography for this handout and many other wonderful handouts on Redish & Associates, Inc. handouts page.

In looking into the shortening of text on browsing pages (as opposed to end page) I looked at Jakob Nielsen's Homepage Usability: 50 Websites Deconstructed for a reference I did find that nearly all the sites in his book had greatly shortened their browsing text on their pages. Amazon had decreased their text to a very minimal amount surrounding the links, but once you get to the actual product page the volume of information grows, but it the information is still well chunked and is easy to scan and find the bits that are of most importance to the user. The news sites offer a great guide to this skill also, BBC News and CNN are very good examples. The breadth of information on these last two sites and the ease to get to top news is fantastic, particularly at the BBC site, which is a favorite site to glean ideas.