Archive for the ‘Web Design’ Category

Facebook, UX, & the Tech Priest Class

Thursday, February 11th, 2010

So much has happened in the past few weeks (both personally and in the tech world) that I’m updating twice this week to make up for last week. I wanted to write about the iPad, but I’m going to save it for another day. I had to comment on my friend Mike Melanson’s (@rwwmike) Read Write Web article (read the full thing, especially the comments).

Because I’m a friend to Mike, and I like RWW, I subscribe to their RSS feed via Google reader. I therefore missed all the amazing comments that ensued from users. I’m now very sorry I did. Here’s just a small sampling of what comments a post called “Facebook Wants to Be Your One True Login” got:

ok cool now can I get to facebook (fuccinwayne)

The new facebook sucks> NOW LET ME IN. (John Blair)

I WANT THE OLD FAFEBOOK BACK THIS SHIT IS WACK!!!!! (Nicole Gray)

What is going on? You are totally confusing me. Knock-knock. Anybody there? Let me in. Katherine (Katherine Radway Hegedus)

By now you get the idea: There are somewhere in the range of 200+ comments like these. It took me a while to understand what was going on, but it dawned on me that the RWW article ranked higher in the Google search rank than did the Facebook login page. This means someone did the following steps 100% blindly (or autopilot):

  1. typed “login facebook” into Google
  2. clicked the first link without looking at the link or description
  3. ignored the red color scheme of Read Write Web
  4. dismissed the huge article in the middle of the page until they found a Facebook icon (Facebook connect)
  5. without looking at the address bar or any authentication, logged in as if to Facebook
  6. finding the comment field the only place to post, ignoring all other comments, posted an angry or confused question as if Facebook were a person

David Hayes (@drhayes) has a beautiful shot that it’s much more than Facebook on his blog.

As a user experience developer, this brings up all sorts of questions, concerns, and feelings of dread. As a user experience developer I certainly know that I’m not my audience or even close to it, but I do think I have an understanding of how things work. I had no idea how heavy the reliance on Google to get a user where they wanted to go was. I wasn’t sure that so many users had gotten so adept at filtering out such amazing amounts of noise, they saw Read Write Web as Facebook.

Users seem not to use the address bar, they don’t use bookmarks, and hardly read anything. This isn’t bad, it’s not saying these users are dumb, but it brings up a need to fix these interfaces for users. This is just a time where I feel like a priest in the Dark Ages: preaching the only written word through a language no one understands. It freaks me out when I peer into the actions of users who are using the sites and I can’t begin to fathom the thought process or the use case.

Talking with less tech savvy friends and family, they are amazed that I “know all this stuff” when I myself feel I don’t know much at all until I look at it from the other end: this is my job and my life – I am of the priest class, talking in cryptic language, trying to navigate the dark for my flock. I try my hardest to treat these things as material to learn, to grow in my understanding of the philosophy of the user.

Part of me can’t help but think – did users learn the behavior that caused them to act that way because we trained them that way?

Ch-Ch-Ch-Changes!

Tuesday, February 10th, 2009

All too often, as developers we’re struck with changes. It’s much harder on designers (everyone has had a single creative thought once, so people often try to wrestle design from the professionals), but it still impacts developers when changes are made after the site’s been coded, the information architecture’s been signed off on, and the design is finished. I’m going to discuss a few ways to handle each.

INFORMATION ARCHITECTURE

Why do we fuss and preen over this stuff? Because it works. A recent A List Apart article by Keith LaFerriere details why we need to educate the client on IA, it’s place in the construction of their Web project, and what it does for them down the road. Bringing the client in at this stage allows them to see what the shape and functions of the site will be ahead of time.

This doesn’t mean we sacrifice flexibility of the project – we all know change is good – but it allows the flexibility to be controlled: the sitemap needs to be changed and re-signed every time a change is encountered, navigation schema is signed off on once taxonomy and site map are decided, etc. We use this framework to teach the client why it’s important. One of my favorite Creative Directors put it this way: “You don’t do design without a plan. It won’t matter how pretty, how amazing and flashy your site is; without a clear navigation and structure to your content (one that your users will enjoy using and find intuitive) your site will always fail.” I like that way of thinking, it puts the client in a frame of mind that A comes before B comes before C, even if all they understand is C.

DESIGN CHANGES

Let’s face it – design changes suck. Knowing that, these are most common, but often easiest to quench. Because every client’s a junior designer, they all want little tweaks. It’s important as a designer and developer that the client understand that every comp and wireframe is its own entity: every piece of that comp works with every other piece of that comp to make a working model. I know tons of creatives and they all say the same thing: don’t change the design, don’t tweak anything. Tell them what the root problem is and they’ll find the best solution. Often times clients want to make changes because things present deeper problems. Why did the client change the color? If it was hard to read, then there might be a better solution than the awful crap they did.

Because changes will and do happen, what is to be done? If the changes are page level, sure (barring a design destroying idea) it’s not too bad. A template level change is much worse – we’re looking at much larger, time consuming changes. Education, again, is the best medicine. Ask why a client likes or does not like an element. Explain why you made the design choices you did. It’s a shame that many designers must justify their designs, but there are a lot more people who don’t get it than do.

INTERNAL ISSUES

This is what the clients never see. This is the changes that get made in house. These are many times beneficial to making a great product go live, but often times the team cannot get a party line, cannot get with the whole program. In these times it’s best to follow workflow protocol. When good workflows are put in place this step rarely gets bogged down. Being as buttoned-down as possible internally with reflect on the work you do for the client as well as the perception of the group in the marketplace. Keep a consistent workflow and procedure in place and this will be the least of your worries when it comes time to change.