About This Project

The Support site has a concept called a “family page,” which is a page that allows people to navigate to specific Support pages in that “family,” while also offering some content. The concept wasn’t working for Mac, but what is the right mix of content & navigation for this page?

My Role

I teamed up with a Content Strategist to determine the mix of information for the page, a Researcher to gather data and help interpret the results, and a CMS Integrator to build each version and advise on design compatibility.

Original designThis is the Mac family page as it was a few months ago. The design started with navigation to hardware and software pages, but also had quite a few links to other content. — **Original design**
This is the Mac family page as it was a few months ago. The design started with navigation to hardware and software pages, but also had quite a few links to other content.

The problem...The only thing people were clicking on was the hardware navigation at the top of the page. The next biggest “click” users were doing was to exit the page entirely!There were two competing ideas of what to do with this page: turn it int… — **The problem...**
The only thing people were clicking on was the hardware navigation at the top of the page. The next biggest “click” users were doing was to exit the page entirely!
There were two competing ideas of what to do with this page: turn it into a pure navigational page, or feature the content more prominently (above the nav).
I proposed a three-phased test approach to see what the right approach was going to be.

Phase 1For this phase, I kept all of the pieces the same and simply swapped the navigation element to near the bottom of the page. This gave the content a chance to be seen before the users navigated away.While I didn’t think the content on the page… — **Phase 1**
For this phase, I kept all of the pieces the same and simply swapped the navigation element to near the bottom of the page. This gave the content a chance to be seen before the users navigated away.
While I didn’t think the content on the page was the right mix, I wanted to keep the page the same other than the nav switch to have an accurate comparison between the two versions.

Phase 1 resultsMoving the navigation down did drastically reduce the clicks on it. And all the other elements did see an uptick in clicks, but not nearly enough to make up for the reduction from the nav.The exits from the page nearly doubled. — **Phase 1 results**
Moving the navigation down did drastically reduce the clicks on it. And all the other elements did see an uptick in clicks, but not nearly enough to make up for the reduction from the nav.
The exits from the page nearly doubled.

Phase 2One of our site’s most used page areas is what we call the “utility promo bar,” a component that sits just below the hero area and points to highly-relevant and highly-trafficked pages. This bar gets as high as half the click-through on some … — **Phase 2**
One of our site’s most used page areas is what we call the “utility promo bar,” a component that sits just below the hero area and points to highly-relevant and highly-trafficked pages. This bar gets as high as half the click-through on some pages.
For this phase, I simply added a utility promo bar to see what that might do to the traffic. All other elements stayed the same from phase 1.

Phase 2 resultsThis was an interesting surprise. I expected the utility promo bar to get a decent click-through rate, but I was not expecting such a drastic result. The fourth promo for Mac repair shot up to be the #1 click for the page. This change… — **Phase 2 results**
This was an interesting surprise. I expected the utility promo bar to get a decent click-through rate, but I was not expecting such a drastic result. The fourth promo for Mac repair shot up to be the #1 click for the page. This change also began to reduce the page exits, as well as users clicking on Contact or using Search. The only other item to see significant clicks was the Get macOS High Sierra promo.
The navigation clicks continued to reduce. When I thought back about my experience with other Support pages, Repair was often the #1 click on those as well. This data was telling me that there was a good chunk of users who were looking for either a link to their hardware product (often to click Repair) or a direct link to Repair itself.
I did want to give the software and features content its best chance at performing, so I created the phase 3 approach.

Phase 3For this phase, I went through all the data for our most popular Mac-related pages. I was looking for content that had a lot of traffic and was well-rated by our users.I kept the utility promo bar as-is, but changed all the content below that… — **Phase 3**
For this phase, I went through all the data for our most popular Mac-related pages. I was looking for content that had a lot of traffic and was well-rated by our users.
I kept the utility promo bar as-is, but changed all the content below that. I also updated the navigation to match the standard look from Marcom, as well as using our new Contact layout.
The hypothesis was that if this page showcased all the most popular content, users would click something here instead of navigation or search.

Phase 3 resultsAs you can see, the hypothesis that giving users the most relevant content on this page would lead to higher click-through was shown to be wrong.The traffic to the page was down slightly overall, so all the numbers went down slightly … — **Phase 3 results**
As you can see, the hypothesis that giving users the most relevant content on this page would lead to higher click-through was shown to be wrong.
The traffic to the page was down slightly overall, so all the numbers went down slightly except two. Search went down about double everything else while Exits stayed flat. It looks like this page made it slightly less likely that a user would search, possibly because they feel like the page is pretty thorough. At the same time, it made the user slightly more likely to exit, perhaps for the same reason (“if I don’t see my answer here, they probably don’t have it”).
The biggest thing to take away here is, making the page content-focused did next-to-nothing for its performance, and moving the navigation down drove the click-through rate down significantly.
Now it was time to come up with a final version.

Final phaseFor this final version, I focused on the pieces that worked and discarded those that didn’t. The page leads with Upgrade and Repair, the only non-navigation items to get any sort of clicks (in the case of Repair, the majority of them).The… — **Final phase**
For this final version, I focused on the pieces that worked and discarded those that didn’t. The page leads with Upgrade and Repair, the only non-navigation items to get any sort of clicks (in the case of Repair, the majority of them).
The page then showcases navigation followed by Search. I was asked to include a promo space for AppleCare, so that sits below Search along with the new Contact design.
This version went live right before I left Apple.

< Back to Portfolio