National Grid website: unusable on mobile

And this is the story of how not snow, not power outage, not lack of warmth perturbed me… but National Grid’s incapability of providing information to mobile users drove me furious.

To set the scene: it’s Snowtober, and my husband and I are prepared. We set the thermostat to 78 degrees to start warming the house before the inevitable power outage. We huddle on the couch with our pets to watch a scary movie (it is Halloween weekend, after all!). And just before 10, our power goes out. No problem, we’re prepared: we grab our flashlights and a bunch of blankets and head upstairs to go to sleep.

The next morning, power is still out, much to our surprise. I get out the hand-crank USB charger and go to work on my phone to assess our surroundings. Who else in our town is without power? How are things where I go to work? What’s the emergency response like in our area? And is National Grid aware of our lack of power?

I head over to National Grid Massachusetts’ web site. Here’s what I see.

I’ve numbered the areas in the order that they draw my attention. Ooh, a big banner that says Outage Central! I can even check restoration times? Yippee! I start pounding my finger on the screen attempting to hit an area with a link to no avail. I zoom in and tap on each bullet point. Nothing. I click the very small “Learn More” footprint (troublesome for a mobile user) – bingo! But wait, what’s this? Learn More took me to a page on Storm Safety (note: this is not the same result if you click Learn More while on a desktop). There’s no outage information. Oookay, back button it is then.

I read the paragraph (#2 in the screenshot above) and there’s still no link to where I can find more information about what’s going on in my area. I scan around – oh look, another colorful banner in the sidebar! Why didn’t I see this before? Oh right, because my mobile screen is tiny, and the center banner had grabbed my attention first. Oh, and the sidebar is typically for auxiliary information and navigation, so why would I have thought to look there? Never matter, I click away! But what’s this – it’s one big banner? There’s still no way to get to each individual bullet point listed from that home page? It’s okay, at least I’m on the right track.

(Note – I never even noticed the link #4 on that home screen. It’s very small, easily scrolled by like when I clicked on the big banner. I only noticed it when I was on my desktop later.)

Alright, I’m finally in Outage Central. What do I see?

First, I try to zoom in on the map by clicking on my area. Whoa, I have no idea what I just did, but it definitely didn’t zoom in. Back to square one – let’s try the arrows near #2. OK, closer! But because of my small screen, I’m having a really hard time scrolling back and forth between the arrows, zooming in and out, and the actual geographic location where I live. I give up and move on to #3 – “More…”. I expect it to have a way to search by zip, type in my county or town name, or at least give some total numbers for each area. “More” typically means that you will get “More” of what’s above, or a different way to filter out the results that you’re looking at. Instead, “More” does… nothing. At least nothing that I can see on my screen. OK, I give up on that one.

Note here that on such a small screen, I didn’t even see the “Go To” widget below. But even after I checked this out on my desktop and tried it, it still didn’t give me any outage/restoration time information. Just an unhelpful icon that says “Multiple Outages”. What does that even mean? Is it less than “<5 Customers Out", the icon above it in the list of descending numbers of customers affected? How could you be "less than less than 5"? The icon indicates that there are multiple icons in one icon, but I have no idea what that would indicate, or how it's helpful to me right now.

I click on "Summary" near #4. I have no idea what I am about to see, but I figure it's going to at least point me in some new direction, since I've hit a dead end. Huzzah! This appears to be the information I'm looking for! I have no idea why it's a Summary, since I really need very detailed information about my town, but eh who cares. I'm close!

The Summary has popped up over the map on my screen. And I quickly notice that there's no scrollbar. Well, um, ok, let's at least click on my county...

GAH! My town’s off the screen! And there’s no way for me to get to it!

Are you kidding me, National Grid? This was the worst user experience in an already tough situation. I’m without power – I can’t use my desktop or laptop at home. I only have internet on my phone, and your site is completely unusable for the most important piece of information I’m looking for. You’ve forgotten about a really important audience, one who wants one particular piece of information, and you’ve hidden it from them. Please solve this before the next Snowpocalypse!

Presented A/B Testing at UML

Today was a fun day: I had an opportunity to talk about A/B testing and how it creates happy users over at the University of Massachusetts’ CS department. I tweaked my usual A/B testing spiel to be more applicable to both software developers *and* website devs alike. Enjoy!

Published in Smashing Magazine

Wow, what a year. Not only did I cross getting published in A List Apart off my bucket list, but Smashing Mag as well! I loved loved loved writing this one about Improving UX by Tracking Errors. This one was so much more technical than my last one; really digging into Google Analytics and providing some food for thought for people who hadn’t tried tracking errors previously. To me, tracking the good with the bad leads to tons more information about what your users are experiencing as they user your site, and seeing and learning from those errors will help you decrease how often they occur. Win-win for you and your users.

Recent articles: A/B Testing and Improving Page Speed

The biggest news of my career: I’ve been published on A List Apart: A Primer on A/B Testing. My favorite part of being published on ALA is the illustration, at right, by Kevin Cornell.

A/B tests have been invaluable during my work at Dyn. I couldn’t have written the article without help from a number of people at Dyn, most notably my former manager Alex Sergeyev and resident data analyst Raj Vysetty. So far the article seems to be getting some great feedback.

I also authored a post, originally as a draft for ALA and now published on the Dyn blog, on improving page load time and measuring the effects of different kinds of HTML, CSS, and image cleaning. I did a lot of data analysis and am happy with being able to prove that keeping your code clean will earn you page load brownie points.

Last but not least is my recent post on cranberry oat cereal bars with raspberry marshmallows that were made with Sweet Lydia’s marshmallows. Om nom nom.

How to measure your blog’s success

I had the pleasure of guest posting on a number of blogs recently to promote my book about successful blogging. One of the most important parts of blogging is to track your analytics. Check out this post, which is a shorter version of a chapter in my book, to read some of the things to look at in Google Analytics to measure the success of your blog. Here’s my favorite:

Visits by hour (Visitors > Visits > Graph by Hour) and by day will help you determine the best times to post each week. Do you see a spike in visits on each Monday and Tuesday? Do you see a dip in visits on weekends? Is most of your traffic between certain hours of the day? Analyze the data to determine when you should schedule your posts to be published on your blog.