The LockerPulse 30 Day Update…on Day 15

I’m breaking my own rule about waiting 30 days before issuing any updates to a new web project, but it’s with good reason. Mike will be heading to China for a month-long vacation starting Saturday and I wanted to work with him to push out the changes rather than try to go at it solo (things tend to come out much better when we do that…)

There were also several common threads in the feedback we received that pointed out some problems that I wanted to try to fix sooner rather than later. I do feel a bit bad about my feedback rant because I neglected to mention that, despite it being difficult to hear, a lot of it is very important to hear. I also neglected to mention that part of why it’s hard to hear all of the negative feedback is because it’s version 1.0 of something developed with a small team in a matter of months while still running a growing e-commerce company. A first version is the absolute worst that a site will ever be. It’s the very beginning of a long iterative improvement process. It’s not a final product (like a physical good) that cannot be changed. Most people reading this understand that, but other people don’t always.

Anyways, after relaxing a bit and re-reading everything it seemed as if there were some common problems, almost all stemming back to our UI and most specifically the home page UI. Even if people didn’t specifically complain about the user interface, it could be inferred from their comments that that was what caused their confusion/frustration. I heard enough to conclude:

  1. We didn’t do a good job explaining what the product was on the home page
  2. There was way too much text on the home page
  3. The usability of the site was difficult

I think with this update we did a pretty good job addressing those things, especially considering we’re on a limited time budget and this is only the first attempt at an improvement.

Here’s what the old home page looked like (click for full-size):

LockerPulse Launch Homepage

Here’s what the new one looks like:

New LockerPulse Homepage

The main things we did:

  • Switched the background image to one of the hi-res sports images (right now we’re using the baseball one). We have one for each sport, which you see if you click on a team, but most people barely noticed. Having a full size background image that scales proportionally to the size of the screen using only CSS and no Javascript is REALLY hard to do – as far as I know we created the specific technique we’re using. With the original site I don’t think we emphasized enough just how cool a background image like this looks, especially on a large monitor at a high resolution.
  • Ditched the right nav. The login moved to the upper-right, the “More” footer moved to the lower-right, and the post-it note was detached, improved, and placed on the “desktop”. The nav just wasn’t necessary – it added a lot of extra text to the page, filled up a large portion of the page with stuff that most people didn’t need, and – unless you were on a super high res monitor – you were missing out on the background image because the two nav bars and the content were filling up your entire screen. The hardest part about this was requiring an extra click to log in, but I’m OK with it because most people stay logged in and bypass the home page all together the majority of the time (you get redirected straight to your news).
  • Less text. We have a tab-like interface to still show each team in each league without overwhelming you with text. We thought the original version was uber-simple to use – just a list of every team in sports, you click your favorite and get started – but I can see how seeing 122 teams listed at once can be overwhelming.
  • Screenshots of the app to add more graphics to the home page.
  • Text explaining what the hell it does. Again, we thought this was obvious once you clicked your team, but we had enough people stop at the home page and never click anything because they didn’t understand what the app did.
  • Better support for low-res browsers (1024×768 and lower, see the screenshot below). Something we should have prior to launch. I really feel bad. I dropped the ball on this one. I think had we tested less frequently on high res wide screen monitors and more on lower res screens we could have avoided some of these issues from the get go. Now anyone on a 1024×768 resolution has just as good of an experience as someone at full 1080P 1920×1080.

LockerPulse 1024x768

All in all, I’m really happy with how it came out. Definitely a step in the right direction. While Mike is gone, I have a handful of minor improvements I’m going to make, but for the most part I’m going to turn my programming efforts to DI and the rest of my time to LP marketing.

5 comments on The LockerPulse 30 Day Update…on Day 15

  1. Rob says:

    Took me a little while to realise that i wasn’t seeing the new homepage as I was logged in, but when I logged out to have a look I gotta say I’m impressed how quickly you’re moving along. I especially like the slidey “login” and “more” consoles (ajax?). The spinny loading thing in place of the cross in the top right where appropriate is also a good move I think. Is there a way of giving a countdown or loading bar? – some of the loads seemed to take a while (on 10 meg cable, but I’m not saying it’s not my end causing the slowdown!).

    I LOVE the high res background images. They’re beautiful. Well done to whomever produced those.

    With the scoreboard along the bottom and the removed right nav it really has a desktop type feel, which I think works well.

    • Adam McFarland says:

      Thanks Rob. The slow down is probably on our end. There are a few issues I’m working on.

      Mike picked out the background images from stock photo sites. I absolutely love them as well. I think he did a great job. I can’t wait to get a bunch more.

      The desktop feel is what we were going for all along. I love going full screen in my browser with F11, looks so awesome 🙂

  2. WOW. Great job with these UI changes Adam/Mike. Worlds ahead of the previous iteration

  3. Adam McFarland says:

    Thanks Anthony!

  4. […] been working hard on LockerPulse, but I haven’t posted about it much since we revamped the home page a few weeks after launch in response to some of the initial feedback we received. I’ve got a […]

Leave a Reply

Your email address will not be published. Required fields are marked *

Commenting Rules

I'm honored that you found this post interesting enough to leave a comment. Before posting, I have a few ground rules:

  • Please keep your comments as relevant to the post as possible.
  • No personal attacks or any other nastiness.
  • Your first comment is subject to my approval.

Thanks!