vanderwal.net

Nietzsche on Design?

From Nietzsche (found in Dwell Magazine March 2005)

When one has finished building one's house, one suddenly realizes that in the process one has learned something that one really needed to know in the worst way -- before one began

This quote was really heartening as it applies to architecture and construction, which are far older than web design or any of the elements that are components of getting to that end. A relatively young profession, such as web design or even digital design or software development hits this exact spot in nearly every project. This could be why we love the iterative process and capturing and building upon lessons learned. We also read incessantly about everybody else's endeavors so we can learn before we design and then build.

Jason Fried posted Getting Real, Step 1: No Functional Spec, which makes a lot of sense in this iterative design perspective. I have done a few projects (not in a few years) that worked in this direction and we got into a prototype rather quickly, which we learned from as we went a long. We built things in a modular method, so that we could throw out small pieces or everything (we never had to throw it all out).

All the Blog that is Fit To...

From the blog realm. Elise Bauer provides an excellent overview of available blog tools. This is a very good article on the business of weblog tool development and what the tools offer.

The fine folks at Six Apart launched their redesign today. Not only is there a new look, but the navigation is improved and is now consistent. All of the Six Apart properties are now united, which is also very helpful. Their site is looking less like a blog and more like a professional software company, but the secret it is their sites are run by their blogging tools. Great job 6A and Mule who did much of the work!

Books Read in 2004

I bought and read one standout book this year, Malcolm McCullough's Digital Ground mixed in with many more that I enjoyed. Digital Ground stood out as it combined a lot of things I had been thinking about, but had not quite pulled together. It brought interaction design front and center in the ubiquitous computing and mobile computing spectrum. I have been working on the Personal InfoCloud for a few years now and this really moved my thinking forward in a great leap. I considering better questions and realizing there are many next step, but few of these next steps the design community (in the broad user experience design sense) seems ready for at this time. One of the key components that is not was thought through is interaction design and the difference place makes in interaction design. It was one book that got my highlighter out and marking up, which few books have done in the past couple years.

I greatly enjoyed the troika of books on the mind that came out in 2004. The first was Mind Wide Open by Stephen Berlin Johnson, which was a relatively easy read and brought to mind much of how we use are minds in our daily lives, but also how we must think of the coginitive processes in our design work. Mind Wide Open focussed on improving one's attention, which is helpful in many situations, but I have had a running question ever since reading the book regarding focus of attention and creative problem resolution (I do not see focus of attention good for creative problem resolution).

The second book was On Intelligence by Jeff Hawkins. On Intelligence is similar to Mind Wide Open, but with a different frame of reference. Hawkins tries to understand intelligence through refocussing on predictive qualities and not so much on results based evaluation (Turing Test). I really like the Hawkins book, which throws in some guesses in with scientifically proven (unfortunately these guesses are not easily flagged), but the predictive qualities and the need for computing to handle some of the predictive qualities to improve people's ability to handle the flood of information.

Lastly, for in the mind book troika I picked up and have been reading Mind Hacks by Tom Stafford and Matt Webb. This is one of the O'Reilly Hack series of books, but rather than focussing on software, programming, or hardware solutions these to gents focus on the mind. Mind tricks, games, and wonderful explainations really bring to life the perceptions and capabilites of the grey lump in our head. I have been really enjoying this as bedtime reading.

Others in related genres that I have read this year, Me++: The Cyborg Self in the Networked City by William Mitchell, which was not a soaring book for me, mostly because Ihad just read Digital Ground and it should have been read in the opposite order, if I had cared to. Linked: How Everything is Connected to Everything Else and What it Meands by Albert-Laszlo Barabasi was a wonderful read, once I got through the first 20 pages or so. I had purched the book in hardback when it first came out and I was not taken by the book in the first 20 pages. This time I got past those pages and loved every page that followed. Barabasi does a wonderful job explaining and illustrating the network effect and the power curve. This has been incorporated into my regular understanding of how things work on the internet. I have learned not to see the power curve as a bad thing, but as something that has opportunities all through out the curve, even in the long tail. On the way back from Amsterdam I finally read Invisible Cities by Italo Calvino, which was quite a wonderful end to that trip.

I picked up a few reference books that I enjoyed this year and have bought this year and have proven to be quite helpful. 250 HTML and Web Design Secrets by Molly Holzschlag. CSS Cookbook by Chris Schmitt. More Eric Meyer on CSS by Eric Meyer.

On the Apple/Mac front the following reference books have been good finds this year. Mac OS X Unwired by Tom Negrino and Dori Smith. Mac OS X Power Hound by Rob Griffths.

Two very god books for those just starting out with web design (Molly's book above would be a good choice also). Web Design on a Shoestring by Carrie Bickner. Creating a Web Page with HTML : Visual QuickProject Guide by Elizabeth Castro.

The year started and ended with two wonderful Science Fiction romps. Eastern Standard Tribe by Cory Doctorow. Jennifer Government by Max Barry.

Update: I knew I would miss one or more books. I am very happy that 37signals published their Defensive Design for the Web: How To Improve Error Messages, Help, Forms, and Other Crisis Points, as it is one of the best books for applications and web development on how to get the little things right. The tips in the book are essential for getting things right for the people using the site, if these essentials are missed the site or application is bordering on poor. Professionally built sites and applications should work toward meeting everything in this book, as it is not rocket science and it makes a huge difference. Every application developer should have this book and read it.

Information Waste is Rampant

Fast Company published costs facing business. The top four relate to poor design and information use: Poor knowledge harnessing ($1.4 Trillion); Digital publishing inefficiencies ($750 billion); Data quality problems ($600 billion); and Paper-based trade processes ($400 billion). That is 3.15 Trillion U.S. dollars down the tubes with no benefit.

The solutions are not that difficult, but everybody seems happy to use the rear view mirror to view the future.

Christina stated, "What me worry" about design and business. The whole CIO is a sham as the CIO is a technology driven person, which is tangentially related to information and technology still hinders information flow if not planned for properly (more on this is coming in the near future here on this site). There needs to be a chief level position that cares about the information, the people using it, and the people who create the information. To Christina's post I responded with the following on her site (posted here so I can better keep track of it):

It seems like the 80s all over again. The focus on design in the to late 80s, mostly with unified branding and creative practices formally brought in-house. There was a lot of push around design, mostly labelled branding (nearly the exact same discussions, but slightly different terms). Much of this was around the brandhouses like Landor. The business community embraced the results and tried to incorporate the creative culture as part of their own.

What happened? The innovators were bought by large advertising or public relation firms and the firms changed their industry term to communication companies. Companies created corporate communication divisions (comprised of adversising, PR, branding, and other creative endevors) and had high level management visability.

By the early 90s the corporate environment had largely subsumed the communication into marketing and business schools that has embraced the creative mindset followed suit. Today marketing is often what trumps design and there is no creative in marketing. The creative departments by the late 90s had been gutted by the web craze. This left business types with little creative craft understanding as those driving what was once good.

It is not suprising that currently named "design" is taking off, as what was good about the creative was gutted and most companies lack central design plans. There is tremendous waste in cross medium design, as few sites are built with an understanding of the digital medium, let alone cross platform design or true cross media design. Part of the problem is far too few designers actually understand cross-platform and/or cross-media design. There is millions wasted in bandwidth on poor web design that is using best practices from the late 90s not those from today. There is no integration of mobile, with a few exceptions in the travel industry. There is still heavy focus on print, but very little smart integration of design in the digital medium. This even applies to AIGA, which is a great offender of applying print design techniques on the web. How can we expect business design to get better if one of the pillars of the design profession has not seemed to catch on?

There are large problems today and we need to break some of our solutions were have been trying to get to solutions that work. Not only do today's solutions not work today, they will not work tomorrow as they are only stop gaps. Cross-platform, cross-device, and cross-medium design solutions are needed, but technology is not here to deliver and few that I have run across in the design world are ready for that change as they have not made the change to today's world.

Today's designer focusses on getting the information in front of the user and stops there. They do not consider how this person or machine may reuse the information. There is so much yet to improve and yet the world is progressing much faster than people can or want to change to keep up. There are designers and developers who will not build for mobile (it is not that hard to do) because they do not see them in the user logs. They fail to see the correlation that their sites suck for mobile and mobile users may test once and go somewhere else for their information. The people that are seeing mobile users in their logs are the ones that have figured out how to design and develop for them properly (most have found that it is relatively inexpensive to do this). This is not rocket science, it is using something other than the rear view mirror to design for now and the future.

Fix Your Titles for Better Search and Use

Lose the ego already! Since I have been using del.icio.us I have been noticing how backwards so many site's header titles are these days. The header title should be specific to general information.

You are saying "huh?" Okay, take CNN who uses the header title like <title>CNN.com - Dog Bites Man</title>. The better way is <title>Dog Bites Man - CNN.com</title>.

Why? Search engines, browser headers, and bookmarks are why. Search engines use the words to give preference and the words closer to the beginning have higher preference. A browser header will only show the first so many letters (depending on the browser and how wide the browser window is open). Lastly the title is used in browser bookmarks. If a person has four bookmarks to items in a site they would see the site name and then the bit that is important to the user.

Now look at the pages you build are they built for search engines and for people to actually use and come back to? It may be your site management tools that have mangled your titles and they need to be fixed, but they will not be fixed if you do not ask. The other reason titles are broken is because somebody who does not understand the web want only to have their ego stroked, but they made their information less valuable by doing so.

Cranky Interface to Bits and Bytes

Been a little cranky around these parts the past week or so. Much of it having to do with having personal observations of the web and design world fortified by my trip to Europe. The market I work in is somewhat behind what is going on in the U.S. in the design and information development is concerned. But, some of the problems I have been seeing as I have been working on Model of Attraction and Personal InfoCloud projects is a severe lack of understanding the cross device problems that users are running into.

My trip to Europe solidified the my hunch that others outside the U.S. are actually working to solve some the user cross device problems that occur. It seems the European market is at least thinking of the problems users face when going from a work desktop machine, to laptop, to mobile device and trying to access information. The U.S. is so desktop and laptop centered they are seemingly blind to the issues. Some of the problems everybody is facing are caused by the makers of the operating systems as the problems with syncing often begin with the operating system. Apple is definately ahead of others with their iSync, but it still has a ways to go.

It is painful to see many sites for mobile products in the U.S. that can't work on mobile devices because they are poorly designed and some even use FrontPage to throw their crud up. I have been finding many mobile users over the past year, across locations in the U.S., that find that lack of sites that will work on a mobile device appalling.

On the other side of the market I hear developers stating they do not develop for mobile users because they do not see them in their access logs. How many times do you think a user will come back and fill your user logs if your site does not work for them? Additionally we are talking about the internet here, not U.S. only information access points, and the rest of the world is mobile they are living in the present and not in the past like the U.S. I am being a little over the top? Not by much if any.

Part of the problem is only those around urban in the U.S. and ones that have usable public transit have the opportunity to use mobile devices similar to the rest of the world. Although mobile media streamed of a mobile is a killer application for those stuck in the commute drive (Fabio Sergio's From Collision to Convergence presentation at Design Engaged really woke me up to this option).

Getting back to information following the user... Providing mobile access to information is one solution and designers and developers have been making the web harder to use by not sticking to the easiest means of presenting information across all devices, XHTML. Information is posted in PDF with out notification that the information on the other side of the link is a PDF. After a lengthy download the mobile user gets nothing at best or their device locks up because it is out of memory or it can not process the PDF. This practice is getting to be just plain ignorant and inexcusable (ironically the U.S. Federal Communications Commission follows this practice for most of its destination pages, which only shows how far behind the U.S. truly is).

Another solution is to make it easier to sync devices across distance (not on the same network) or even have one's own information accessible to themself across the internet. Getting to the point of solving these problems should be around the corner, but with so many things that seem so simple to get and have not been grasped I have dented hope and frustration.

Model-T is User Experience Defined

Peter Boersma lays out Model T: Big IA is UX. I completely agree with this assessment and view. The field of Information Architecture is very muddled in the eyes of clients and managers as those pitching the services mean different things. Personally I think Richard Saul Wurman's incredible book on information design labeled "Information Architecture" caused a whole lot of the problem. The little IA was evident in the Wurman book and there are many concepts that were delivered to the IA profession from that book, but it was largely about information design.

Getting back to Peter Boersma's wonderful piece, the Model-T hits the correlated professions and roles dead on. This is essentially how things are organized. There are some of us that go deep in more than one area and others that are shallow in most, but also tend to provide great value.

Boutique Hotel Guides

Adam has provided a link to greatsmallhotels, which seems to be a very good resource along with Tablet Hotels. Both resources focus on boutique hotels around the globe. The price range in greatsmallhotels is broader and has some wonderful looking options at the lower end of the scale. Tablet Hotels has slightly better reviews, the interface is more appealing to me, and I really like the "Sensory Guide" to guide you to things around the hotel's location that match: look, listen, taste, touch, and scent.

QoM

The quote of the month goes to Brian who said, "there is nothing like bad design to hide the fact that they have no content".

Gordon Rugg and the Verifier Method

In the current Wired Magazine an article on Gordon Rugg - Scientific Method Man (yes, it is the same Gordon Rugg of card sorting notoriety). The article focuses on his solving the Voynich manuscript, actually deciphering it as a hoax. How he goes about solving the manuscript is what really has me intrigued.

Rugg uses a method he has been developing, called the verifier approach, which develops a means critical examination using:

The verifier method boils down to seven steps: 1) amass knowledge of a discipline through interviews and reading; 2) determine whether critical expertise has yet to be applied in the field; 3) look for bias and mistakenly held assumptions in the research; 4) analyze jargon to uncover differing definitions of key terms; 5) check for classic mistakes using human-error tools; 6) follow the errors as they ripple through underlying assumptions; 7) suggest new avenues for research that emerge from steps one through six.

One area that Rugg has used this has been solving cross-discipline terminology problems leading to communication difficulties. He also found that pattern-matching is often used to solve problems or diagnose illness, but a more thorough inquiry may have found a more exact cause, which leads to a better solution and better cure.

Can the verifier method be applied to web development? Information Architecture? Maybe, but the depth of knowledge and experience is still rather shallow, but getting better every day. Much of the confounding issues in getting to optimal solutions is the cross discipline backgrounds as well as the splintered communities that "focus" on claimed distinct areas that have no definite boundaries and even have extensive cross over. Where does HCI end and Usability Engineering begin? Information Architecture, Information Design, Interaction Design, etc. begin and end. There is a lot of "big umbrella" talk from all the groups as well as those that desire smaller distinct roles for their niche. There is a lot of cross-pollination across these roles and fields as they all are needed in part to get to a good solution for the products they work on.

One thing seems sure, I want to know much more about the verifier method. It seems like understanding the criteria better for the verifier method will help frame a language of criticism and cross-boundary peer review for development and design.

Quick Links in the Side Bar is not Optimal

Paul wants to "set up one of those link-sidebar thingies again" for his quick link list. Actually I am finding those the side link lists, like mine cause problems for folks tracking referrer links back and for search engines. Context of the links is helpful, but so is being able to find the date and page where these links came from. The way Paul is doing his quick links now works well. I was able to point directly to these links, the links he make have context, even if it is only a list of links.

Quite similar to the Fixing Permalink to Mean Something post the other day, the links in the side bar are temporary. I find links from Technorati back to my site from some poor soul looking for what comment and link vanderwal.net had placed. These links do not have a permalink as they are ever rotating. I have received a few e-mails asking where the link was from and if I was spamming in some way.

Why do I have the quick links? I don't have the time to do a full or even short write-up. I clear my tabbed browser windows and put the items I have not read in full in the Quick Links. Some things I want access to from my mobile device or work to read the info in full or make use of the information. Other things I want to keep track of and include in a write-up.

The other advantage of moving the quick links into the main content area is they would be easier to include in one aggregated feed. I know I can join my current feeds, but I like the sites that provide the feeds in the same context as they appear on the site as it eases the ability to find the information. This change will take a more than a five or ten minute fix for my site, but it is on my to do list.

Microsoft Shows They Can Learn

Microsoft redesigns and takes a great step toward standards. Do they have everything right yet? No. Will they get there? They do not have far to go. They do need to fix the site to work better in Standards-based browsers that people are moving to. They need doctype and some other essentials, but at least they are showing they are learning.

One thing that stands out to to me is the lack of uppercase and mixed-case tags and attributes. This is huge as their tools that are in production for consumers do not do this. To date the Microsoft development tools fail the developers as they have not made it easy to output proper tag and attributes in the standards compliant case (for XHTML), which is lower case.

Thanks to Matt's write-up and Doug's write-up, which ties back to his own previous comments about thowing out tables.

A Wonderful Redesign

I need to give a pointer to one of the wonderful redesigns of late, Jeff Gates' Life Outtacontext is something I find wonderful. I have been enjoying it for a couple weeks now. I particularly like when I scroll to the bottom of the page. Jeff does not update his wonderful content frequently, but the design has me going back often.

Chevy Redesigns with Standards

Chevrolet has redesigned with fully valid (one minor issue in the style sheet) XHTML (strict) and CSS. It is beautiful and wonderfully functional. All the information can be easily copied and pasted to help the discerning car buyer build their own crib sheet. The left navigation (browsing structure) is wonderful and not a silly image, but a definition list that is expandable. The style layer is semantic, which is a great help also (for those IAs who understand). Those of you so inclined, take a look under the hood as there are many good things there.

Design Engaged Announced

A new design forum has been announced, Design Engaged has been organized by Andrew Otwell and will be held in Amsterdam, Netherlands November 12 to 14, 2004. The format sounds very tempting.