Davin’s blog Occassional posts on Web design, technology, my faith, family, and so on

29Sep/060

I’m geeked

My department at MSU had a day celebrating 50 years of computing at MSU. So, in the MSU Computer Store, there was a Mac II plugged in and running, tiny monochromatic monitor and all.

I couldn't help but look, and lo and behold, the hard drive had TeachText and NCSA Mosaic, the first publically available web browser, on it. When I started Mosaic, it had the date on the startup screen: 10-29-1993.

So, I wrote a web page in TeachText, welcoming people to the Computer Store and our 50 years celebration, and then viewed it in Mosaic. And then I annotated it using using the Mac's audio-recording (which worked great, by the way).

I'm not the nostalgiac type, but it was weird. The very first web page I wrote, ever, I wrote with TeachText, and the first web browser I ever used was Mosaic on a Mac. It really took me back.

Writing markup with TeachText and seeing it render in Mosaic are the seeds of my life as a professional web developer. It seems so very long ago.

26Sep/060

What does it take to be an evangelist of good interface design?

Reference: The Art of Evangelism, Guy Kawasaki

Here are Kawasaki's list of ten ways of looking at evangelism and my interpretation of them as someone who might be an evangelist within an organization for good interface design.

1. Create a cause.

We need to do good interface design on our products, because it makes life better for our customers. And for our sake, our customers judge us by the interfaces we provide them.

The interface is *the* medium that customers use to interact with our products. As such, the interface in turn becomes the application.

A product with great SQL queries and OOP architecture but a bad user interface is like a computer with a smoking processor and 2 GB of super fast memory, but the keyboard randomly enters the wrong character and the display is 10 inches, monotone, and at the wrong height.

Given a great application behind the scenes, if the interface sucks, then the application also sucks. If the interface rocks, then the application also rocks.

2. Love the cause.

I love good design. I study it. I notice and share good design when I run across it. Badly designed applications are caustic to me; they make me sick (seriously) and give me motivation to see them made right.

I hear talk of interface design and usability, sometimes synonymously. To avoid confusion, let's put usability in its place--usability is not the end of design, it is one requirement of a great design. Usability is roughly defined as how easy it is to use a product. Design covers visceral, behavioral, and reflective aspects of a design, and usability is a piece only of behavioral design. (Refer to "Emotional Design," by Donald Norman.)

3. Look for agnostics, ignore athiests.

Who can argue with good design; who are those athiests? Well, for one, they may be developers who see the true value of an application within the actual programming of the application. There is undeniable value there, but it is virtually invisble to customers. For another, there are some usability nuts who firmly believe that the best a design can be is usable. They've sold the product short, dismally so. For evidence, I point to the usable, but fairly ugly useit.com, Jakob Nielsen's website.

To get people within an organization to hop onto the "we need to do good interface design" bandwagon, look for those people who haven't really known what to think of it yet, who are open-minded. As the culture shifts, the rest will come along (cross your fingers).

4. Localize the pain.

Bad interface design results in painful things. Namely, too many support requests; frustrated customers on the phone; disenchanted end-users, who, incidentally, do not praise your product to their peers; customers who jump-ship to the competition because the grass looks greener.

There is also subtle pain for developers, I believe, and that is the lack of an ability to truly believe that they have contributed to the best application of its kind in the world. How confident are the developers in their apps? Are they rightly proud of the accumulation of their work?

5. Let people test drive the cause.

Believers have an experience. For good design, one way to provide that good experience to people in the organization is to have them look at before and afters of designs that once looked like their own work, to designs that could resemble their future work. Let them imagine, based on concrete examples.

One example could be the Paypal before/after by 37signals.

6. Learn to give a demo.

One great type of demo for use in production teams is to run sample user-tests with the development team. The test user should not be of the team, but could be someone else in the organization who isn't as familiar with the product. The developers should play a role in the test, as observers. By taking part in a user-test, developers can begin to actually see how a design process can directly feed into the work they do.

7. Provide a safe first step.

Small, easy changes across an interface can turn into disproportionalely large rewards. Identify those short term, quick wins and take them. Savor them as evidence that the cause is indeed worthy.

8. Ignore pedigrees.

Evangelizing good interface design within an organization needs to happen at all levels. It is a value-shift of the people who work within the organization, and it will happen over time as a community. There must be top-level support, but we're after belief and conviction, not compliance.

9. Never tell a lie.

One of the beauties of interface design is that it is a continual quest for the truth of an application. As an interface designer, there are some aspects of a design that I'll feel comfortable tackling on the spot, because of my experience with other similar interfaces. However, there are so many variables, I have no trouble saying, "I don't know how to handle this one. Let's figure out a test scenario for ideas."

10. Remember your friends.

We're part of a commmunity that crosses our own boundaries of roles. We are not just developers and members of the organization, we're also the end-users. Our family members, neighbors, and friends might be the users at some time. Part of the value of interface design is humility. What I think as a designer/developer does not match what our users think. Thus, good interface design hinges on an honoring of others and the ability to listen and see what is really going on, not just what we think is going on.

21Sep/060

I educate

Slightly over a year ago, I switched careers from website producer, consultant, and business owner to technology educator.

I entered an organization in the midst of its ongoing, subtle identity crisis. Do we think of ourselves as trainers? We are called that, sometimes, because we give short courses and workshops on various computing topics, and these topics are often thick with training on using specific software packages. For example, how to use Microsoft Access.

At first, I didn't know what to call myself. Trainer? Instructor? Teacher?

Over the past months, as I've proceeded to teach courses on a variety of topics in computing, I know that I'm an educator. Even when teaching a course on Excel, I strive to not just have the learners practice with the software, but to understand why the software works as it does. My hope is that they leave the course not only with the knowledge of how to do the fairly mundane tasks of sorting columns and using functions, but to also conceptualize and understand their data in ways that empower them to creatively bend Excel to their own purposes.

Beyond that, I've always recoiled emotionally from the word "trainer." I do not wear shiny black boots, a whip, and a whistle. "Right-click! Good boy. Have a treat."

Please, stop. I expect far, far more out of my fellow humans than a simple ability to jump through hoops. I expect ingenuity, creativity, tenacity.

So, all that said, this morning I read an essay, Human-Centered Design by Mike Cooley, from "Information Design," edited by Jacobsen (published in 1999 by The MIT Press). Here is an excerpt that I appreciate.

My hierachy of verbs in these matters is that you program a robot, you train an animal, but you educate human beings. Education in this sense is not just what occurs in schools or universities, where, so often, students and teachers are, as Ivan Illich points out, "schooled to confuse teaching with learning, grade advancement with education, a diploma with competence, and fluency with the ability to say something new" (Illich 1971:9).

Well said.

Tagged as: , No Comments
19Sep/060

Praise God for food!

I ate well again today! Whoo hoo!

It was another salmon dinner, like a prior post. Except this time it was salmon, white rice, and a roma tomato, sliced and seasoned with salt and pepper.

I thought the meal looked great on the plate. It was on a green dinner plate (thanks again Anne), with the red tomoto slices fanned out clockwise over half the outer diameter of the plate. I had cut the salmon fillet in two, and placed the pieces like a V, finishing the arc around the plate. In the middle, I piled a small mountain of white rice.

The strong red patterns in the tomato glistened, the salmon meat was pink and ridged with browned fringes and the oils of the fish had turned creamy white as they cooked.

If only I had had a camera, you could see it.

Anyway, I thought it was pretty. And then I ate it. It was tasty.

I once wrote an essay about food and spirituality. I had never finished it, but I think it is sitting on a file server at MSU where I've left it for the last seven or eight years.

Maybe I'll thaw it out. Or catch one fresh.

Tagged as: No Comments
19Sep/060

Authenticate, commenters!

I upgraded to MovableType 3.32 recently, and just turned on TypeKey authentication, so as to avoid comment spam.

This means that you will need to have a TypeKey profile in order to comment here. Sorry for the hassle! It is pretty easy to get a free TypeKey profile, so just do it ;-)

This will also mean that when you do comment, your comment will be published immediately, instead of waiting for me to get around to manually clearing it.

Tagged as: No Comments
13Sep/060

Where does chicken come from?

We were just eating our dinner of mac and cheese and baked beans, and Lila saw the piece of pork in the beans.

"What's that?" she asked.

"Pork," I said. "Do you know where pork comes from?"

So ensued a conversation of how ham and pork are meat from a pig and how hamburger is meat from a cow.

Lila, for the record, was not impressed. She quickly claimed, "I will not eat any more of those sandwhiches!" But then I reminded her about her favorite sandwhich, a hamburger with extra pickles. "Extra pickles...." She bemoaned her decision and I thought she was reconsidering.

I turned to Eva and asked, "What about chicken nuggets, where do they come from?"

She turned her head slowly to me, her eyebrows furrowed and nose wrinkled, making a face at me.

"McDonald's," she slowly answered.

Tagged as: , No Comments
5Sep/060

Lila painted this in Photoshop CS 2

Lila colored this image of Washington on the Potomac using Photoshop.

Lila colored this image of Washington on the Potomac using Photoshop.

Lila (my five year old daughter) painted this line art using Photoshop CS 2 on the Mac laptop I have from work. Yes, I I'm bragging a little.

She used the color-picker, paint bucket, eraser, swapped the foreground and background colors a few times, used the Undo command and generally used the basics of the program. Oh, and I helped her use the zoom tool so she could fill in the stars with yellow. I think that's pretty good for a five year old.

Tagged as: No Comments
5Sep/060

Global nav is phooey?

I guess I'm a little behind, but I just read this October 19th, 2005 post by Jared Spool: Global Site Navigation: Not Worthwhile?

Jared makes the quick claim that global navigation is unnecessary and rarely helpful. Naturally, a discussion ensues. Some in favor of global navigation argue that it is needed for people to form a mental model of the website. Others argue that it is only a last-ditch effort to find what they are looking for. Read the article for the details.

Global navigation
Links that appear on every page of a website, usually indicating the major categories that the website is organized into.

I typically build global navigation into sites that I design, but this posting has caused me to think a little more deeply on that.

Elements, such as global navigation links, on a web page should benefit the site visitor. So, what need does a site visitor have that global navigation addresses?

Off the top of my head, I can think of two major benefits:
1. It communicates to the site visitor what is in the site and where to look.
2. It should indicate which section of the site the visitor is in.

Following links from comments on Jared's posting, here are a couple sites that have tried to different approaches to global navigation.

1. University of Wisconsin-Madison has topical, top-level nav on the home page, but if you click into the Admissions section, you won't see any real global nav links. There are breadcrumb links and utility navigation links at the top. In addition, there are plenty of other local navigation and in-text options.

2. Amazon.com shows me three tabs at the top: Amazon.com, DAVIN'S Store, and See All 34 Product Categories. That looks like global nav to me. The product categories flies out to a sheet of links (incidentally, you see this technique in the New York Times site too). If I click on the "Camera and Photo" link in the product categories list, then the next page inserts a new "Camera and Photo" tab between the DAVIN's Store and product categories tabs. And, there are sub-nav options clearly tied to the Camera and Photo tab. Is this global or local navigation? It looks hybrid to me.

So, it may be time to release the thoughts of global, local, utility, footer nav just for a bit. The point again is to communicate to the people visiting the site how to find what they are looking for, quickly. Search, of course, is an answer, but not the only one. Some still prefer browsing a site, but perhaps browsing can be improved by focusing more on local navigation.

All that said, I think I disagree with the bluntness of Jared Spool's claim, though it is worth challenging what is becoming convential conceptions of how to organize navigation systems for a website.