We’ve updated the design of the Cisco.com home page. Not just because we wanted to, but for you. Here’s a point by point overview, starting with the desktop/laptop version:
- Same top of page navigation. We’ve keep the same top of page categories, and “mega menu” navigation, as these work very well today. (Yes, we’ll continue to tune these every so often as we have been.)
- Quick Tasks. This new element is based on your feedback about your most important regular tasks on journeys on Cisco.com. Since these items are most important to you, we figured we’d put them front and center for easy access. Expect these tasks to evolve over time as we learn more about how people are using them. And, in the future we’ll have different top task lists for Partners, employees and other roles.
- The “marquee.” This graphic at the top of the page is a staple of corporate home pages, and we actually toyed with several designs that eliminated it. But in the end, in our testing and reviews, we found that it actually serves a pretty strong purpose to orient visitors and cue them to big announcements or happenings. One innovation: We are personalizing this area, so that over time you may see something different than your neighbor (and more relevant to you).
- Let Us Help. We’ve added a linkage to chat online or call so you can get information about our products, services and solutions right from the home page. This follows scrolling down the home page, in a way that we hope is unobtrusive.
- Product showcase. Visitors to our site love products, so we’ve opened up a space to showcase featured products. Here, we have used a “carousel” approach because products have enough of a draw to get active engagement (notice that we dropped the carousel we used to have above on the marquee. But here, we think it adds breadth.)
- Products link. There’s a prominent link to a newly designed “All Products” page.
- “Offers.” Folks in marketing call these “offers” but you can think of them as showcased items that may be of interest specifically to you. We personalize the list based on what you’ve expressed interest in previously.
- Watch this space. This is a space for more information that we’ll be experimenting with over time.
- News. The new news feed is easier to read, and shows news and announcements from Cisco.
- Blogs and Communities. Some of the most interesting information from Cisco is on our blogs, and the content all of you contribute in our communities. This new component gives us a place to showcase these fresh topics right on the home page.
- Social sharing. Those social sharing widgets you’ve come to expect on home pages. (This would be a great time to share the new home page if you like it, by the way. )
- The “fat footer.” We’ve made no changes to the fat footer on the page, which has been very effective and helpful and gets 4-6% of the click-throughs on our pages. One question we had was whether visitors would click through, with the longer page. Based on our early usability testing, the answer seems to be yes, and people seem quite engaged in scrolling when they are drilling down to the information they’re looking for. We’ll be watching the metrics on this area carefully to make sure it’s still “discoverable” and well used.
The Smart Phone View
For the mobile view of the home page, the it’s the same information, but rendered slightly differently:
- Same header and menu. We’ve retained the same header and “hamburger menu” as before, as it’s been working well
- Let Us Help. The same linkage to chat online or call, but in a more compact form for mobile.
- Quick tasks, in a more compact form. Interestingly, this text only version tested very well for phones, but got lost on the page for the desktop view, so we used icons on the desktop and text for phones.
- Featured Products, in a more compact, swipable form for mobile devices.
- News feed in a compact form.
- Blogs & Communities in a more compact form.
Thanks to all of you who participated in the multiple rounds of testing and have also given use feedback in the last many months – if not years – on your needs for Cisco.com.
P.S. If the last version of the home page is a distant memory, here’s a picture of it:
Tags: cisco.com, design, usability, webexperience
I’ve often written about how we optimize to our Customers’ and Partners’ top journeys across our web sites and mobile apps. We’ve found that focusing relentlessly on the top things that visitors do with us online (versus following the latest cool digital fads) helps us stay grounded. Customers and Partners drive their own journeys, and we’re reminded of this every time we run a user test with them or look at the analytics from our sites.
Following this “top tasks” approach, we’ve been able to raise usability scores in key areas like Support by as much as 65 or 70%. And, in areas where we still have challenges — as all sites do, by the way — the focus on top tasks keeps a spotlight on the work we have ahead.
I mention this again because usability luminary Gerry McGovern has recently published a nicely detailed overview of our top tasks approach on Cisco.com. It’s a great inside look at the process we follow, and is a great read if you’re interested in quality improvement or customer satisfaction in the digital space.
The techniques we’ve followed here for web sites and mobile also apply more broadly to omni-channel experiences, of which digital tasks are usually core. We’ve been exchanging notes with teams in other companies around this topic of measuring top tasks and journeys, and would love to hear about the experiences from you!
Tags: cisco.com, customer experience, digital, journeys, usability
This recent post in the Harvard Business Review, Your Digital Strategy Shouldn’t Be About Attention, is a good reminder that the best digital experiences come from listening to your visitors and then anticipating what they want.
We’re tried to follow that philosophy on Cisco.com and in our mobile apps, through observing by listening, invisible change, and continual improvement.
Tags: digital experience, usability
My colleague Bill Skeet published an interesting blog a few weeks ago about “Invisible Change” — the improvement and innovation that happens quietly in digital experiences such as web sites and mobile apps. You may have noticed — or not noticed — this phenomenon on web sites you visit frequently. For instance, you may have noticed the shopping site Amazon.com updated its web design very recently, and that the new design feels newer and fresher but still retains all of the key functions that you’re familiar with as an Amazon customer. But, if you think back, you’ll realize Amazon.com has been continually changing for years, in thousands and thousands of microsteps.
Cisco.com isn’t Amazon.com, but we also practice this continuual improvement regimen. In his post, Bill lists a number of improvements on Cisco.com that have happened quietly in the last year or so. These range from improved site search, to product search boxes in the support and downloads area, to 7,000 product model pages for support that were added to Cisco.com streamlined tools, and tweaked link labels and terminology to be more understandable. There have also been some significant updates in our online commerce areas for customers and partners.
Because improvements are rolled out incrementally, we have often found that even regular Cisco.com visitors had no idea about all of these changes. But, they were absolutely delighted as they interacted with some of the new features.
If you have a little time over this holiday-laden period of the next few weeks, feel free to spend some time interacting with Cisco.com, and I’ll bet you find at least a half-dozen things you didn’t notice before.
P.S. If you’re interested in how we drive continual improvements in our web and mobile experiences, one excellent process that we have developed at Cisco is something called our 5-Star Experience program. I’ll be writing about this in the near future, but here’s a sneak preview encapsulated into one graphic:
Tags: digital experience, usability
Usability testing a support mobile page at the NetVet lounge with NetVet Mike Williams.
Recently at CiscoLive!, we spent a full week with customers and partners doing in-detail usability tests of Cisco.com and some of our mobile sites and apps. This is one of the main methods we use to make our web and mobile easier.
What’s a usability test? Something different than you might think. While you’ve probably heard of other research techniques like focus groups and surveys, usability tests and listening labs are a way for us to learn through observing how people use our sites: We have someone sit down in front of the screen and ask them to do a task that they would in their real work day. This could be solving a support question, researching a new product, finding the right download, investigating a new API, or any number of other things.
Here’s the difference between a usability test vs. a focus group or survey: In a focus group, a facilitator often throws out an idea or scenario and gets a group of people to comment on it. The people in the room will tell you what they might like… they will build on others comments… they may give you some great ideas! But, you won’t really be learning by observing. You won’t understand the kinds of things they will actually do in real life, because you’re asking them what they think they would do. You aren’t observing.
But when we observe people using our mobile apps or web sites, we can see lots of things. For instance:
- We can see the areas that trip them up (even if they report to us that the experience is just fine)
- We can see the areas where they’re getting the wrong result (even if they think they’re getting the right one).
- Or sometimes even technical problems that we see and can troubleshoot, but they can’t.
We recommend running usability tests or listening labs at multiple stages for major projects:
- At the beginning of the project – when you want to understand current state and also look at how competitive or best practice sites and apps are doing.
- In the middle – while you’re still developing, and direct observation and feedback can make a huge difference
- Before release – so you can catch any last-minute problems
- After release – because sometimes when outside factors and environments affect the app or web experience in way you can’t expect (for instance, how and whether people can find your site topic on Google or other search engines, and how they interact with the results).
Even though this sounds like a lot of testing, there are some new techniques you can use to get real user feedback very quickly – within hours or days. I’ll talk about that in a future post.
Meanwhile, keep testing. And, remember baseball legend Yogi Berra, who said:
“You can observe a lot by watching!”
Tags: cisco.com, design, mobile, usability, user experience