Posts Tagged ‘design’

The Never Ending Hunt for more Page Views

Friday, November 13th, 2009

I happened to be reading an WashingtonPost.com article on former DC Zoo resident, Happy the Hippo (why? ’cause hippos are cool).  Anyways, I get to the bottom of the article, er, the bottom of page one of the article and see this nice bit of white space.  Then I find the article navigation (placed weirdly off the the right) and realized they’ve split poor Happy’s article into four, yes FOUR, pages.  And to do that, they didn’t even fill the whole content area for the article on page one.  They left a bunch of white space, which was really there because all the ads in the right sidebar, just so they could stretch out their article.  And why do they do this?  Page Views.

Washington Post Page View Gimmick

Washington Post Page View Gimmick

With their ever shrinking ad revenues, WashingtonPost.com and most other major news websites seem to be constantly resorting to this gimmick.  Certainly not for the benefit of the user.  I know I love having to click through five pages to read some fluff piece about a hippo1.  So, thanks news sites, for sacrificing everyone’s user experience so you could make a few extra cents from your advertisers.  This is yet another reason why you’re all going out of business.

1. Actually, I refused to click through any further. And I’m going to try to never click through any of these again. I think I can live without this crap.

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.

New Business Card Design

Thursday, July 16th, 2009

The images below showcase the new design for my personal business cards. I attempted to tie the card design in with my new site design. The four color bars seemed well suited for the type of info included on a business card.  The bars wrap around from the front to the back, to add a nice splash of color on the back side.  I printed them online with Moo.com and was reasonably pleased with the results.  Moo is pretty cool in that they will print ten cards for free, including shipping, so you can get a good sense of how your design prints on the card.  The only slight annoyance I had, was the color bars didn’t print perfectly smooth.  But otherwise, a nice, hassle free experience.

Business Card - information side

Business Card - information side

Business Card - back

Business Card - back

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

Composite Photo Series

Saturday, May 26th, 2007

Description: This was an interesting project, involving the composite of a bunch of photos to create panoramic images.  Skyline was created using scanned color negatives, that were then stitched together in Photoshop.  It is  one of my favorite images.  Taken from a rooftop in South Boston, it is an unique angle of the Boston skyline.  The second image features a cement wall from a mission hill backyard, with an overlay of drawings by my friend Nick Hennigar.  Make sure to click the images to view the large size.

Boston Skyline - Click for Fullsize

Boston Skyline - click for large version

The Wall - click for fullsize

The Wall - click for large version

The Charger – A 3D Animation Short

Wednesday, May 23rd, 2007

Description: I created this short 3D animation in 2007. I am a bit of a car enthusiast and wanted to try to recreate a ‘68 Charger. For the short, I decided to create drag race in an open, barren environment. The car was modeled in Maya by hand using only a scale model as reference.