Posts Tagged ‘html’

What’s an average User? And where do I find one?

Sunday, August 9th, 2009

I was recently re-reading some of Steve Krug’s great “Don’t Make Me Think” when I passed by his section on “The myth of the Average User.  It might be my favorite section of the book.  And the concept really came into focus for me again when my employer had some usability testing done on some of our Web apps.  Basically the myth is that a majority of Web user’s like any particular thing.  Or, in the case of our tests, take the same navigation path to complete a goal.  This is simply untrue.

Every user has unique likes and dislikes when it comes to a Web site.  It’s not even a case of a group of users being more advanced than another group.  I saw users that seemed to be advanced make the same mystifying decisions that the seemingly novice users did.  Mostly, I just watched people do things that I had never expected.  Some users liked to use a drop down to find what they were looking for.  Others liked the big button in the middle of the page.  And a third set used the text link in the sub menu. Along with a lack of any kind of average decision making, most users seemed a little less aware of the things I had thought to be general Web practices.  Watching this video helps emphasize that most Web users aren’t that much like most Web designers and developers.

So what does this mean for the poor Web designer?  We’re screwed!  Actually, all is not lost.  While trying to guess if a user will like drop down menus or not isn’t a good idea, designing sites and apps that don’t trip them up in achieving their goal is.  Testing is essential to this.  Following best practices helps too.  And having clearly defined goals definitely doesn’t hurt.  What I didn’t mention at the beginning of this post, is that testing my employer did was the second round of tests.  Months prior, we’d done a first round of testing on a working prototype of our new Web app.  That test was even more surprising.  But it enabled our team to identify our applications weaknesses and outright failures.  Once you fix most of the places were all the users will fail, you start to find that those weird likes and dislikes aren’t quite the deal-breaker they were before.  While not everyone said they liked using the drop down, they all were able to find their way to the right page and reach their goal when they got there.

While there is no way to know that an average amount of users are going to like the way your application returns its results, testing will tell you that the result display won’t work for most people.  And that’s the real key.  Don’t spend time arguing in a meeting about what you think a user will like.  Build it using your judgment and experience in design, then test to find its weaknesses.  Whatever the cost, it will undoubtedly be made up in a shortened development cycle and better end results.  So the next time your planning a big (or small) project, make sure to add usability testing to the process.  You won’t be sorry you did.

Galenwilk.com Site Design 2.0

Saturday, May 23rd, 2009

Welcome to my new site design.  I’m really still in the process of updating the design, but felt it was close enough that I could flip it in for the old design.  Most of the changes are actually in the backend, as the site now runs on WordPress instead of using a bunch of PHP includes like it did before.  This will hopefully allow me to quickly post new projects as well as giving me the opportunity to share some of my thoughts on various subjects, which likely will range from web design to sports to how much the DC area weather sucks in July.  Feel free to leave me feedback or ask me questions in the comments sections, via @galenw or by email.

Thanks for checking out my site – Galen

BBB.org iPhone Web Site User Interface

Monday, March 23rd, 2009

Description: The BBB.org iPhone site project involved creating a mobile version of BBB’s key product, their Business and Charity Search application. The Web interface was designed primarily for the iPhone, with the application able to also work well on non-touch screen smartphones.  The design was kept simple, and included only what was most likely needed for a mobile user, quick access to BBB’s huge library of buisness and charity information.

BBB.org iPhone Site Business and Charity Search

BBB.org iPhone Site Business and Charity Search

BBB.org iPhone Site Business and Charity Search Results

BBB.org iPhone Site Business and Charity Search Results

Abstrakt-Music.com

Monday, March 23rd, 2009

Abstrakt-music.com was built for Cody Schram, aka, Abstrakt, as a site to showcase his music, writing and other thoughts. The site has an integrated WordPress powered blog, a custom photo gallery and music player.

Abstrakt-Music Homepage Screenshot

Abstrakt-Music Homepage Screenshot

Abstrakt-Music Blog Screenshot

Abstrakt-Music Blog Screenshot

Abstrakt-Music Photo Gallery Screenshot

Abstrakt-Music Photo Gallery Screenshot

BBB.org Business and Charity Search User Interface

Monday, January 5th, 2009

Description: In 2008, I designed the new BBB business and charity report search application for my job with BBB.  It seaches the entire BBB system’s collection of approximately four million business and charity reports. The design needed to be functional, while integrating tightly with the BBB brand.  After a series of prototypes and extensive usability testing, the final search application was created.

BBB Business and Charity Search Screenshot of Name Search

Screenshot of BBB Business and Charity Name Search UI

BBB Business and Charity Search Screenshot of TOB Search

Screenshot of BBB Business and Charity Search Type of Business Tab UI

BBB Business and Charity Search Screenshot of URL Search

Screenshot of BBB Business and Charity Search URL Tab

Spaulding Memorial Library Chair Auction website

Saturday, June 23rd, 2007

Description: The chair auction site was created for the town library in my hometown of Sebago, ME.  In 2007, Spaulding Memorial Library had a chair auction as a fundraiser and asked me to build them a website for it.  They needed a simple, functional site that showcased a series of custom painted chairs up for auction and the artists that created them. It allowed visitors to submit bids on the chairs and I provide a basic back end for the librarians to review the bids.

Chair Auction website - showcase photo of a chair

Chair Auction website - showcase photo of a chair

Chair Auction website - description and bid form

Chair Auction website - description and bid form