nme presentation 9/13/13
DESCRIPTION
TRANSCRIPT
![Page 1: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/1.jpg)
How To Build A User-Focused Site Lessons Learned From Redesigning AmericanActionForum.org
Eric Wilson
Digital Director American Action Forum
New Media Exchange – September 13, 2013
![Page 2: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/2.jpg)
Our partner on this project, Viget, deserves tremendous credit for the creativity in the solutions presented here.
![Page 3: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/3.jpg)
AmericanActionForum.org – January 2013
![Page 4: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/4.jpg)
Anecdotally, we knew we needed to redesign our website because…
The visual design felt dated We weren’t able to highlight content how we wanted to Our site wasn’t attracting & retaining key audiences It was difficult to find & discover relevant research
![Page 5: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/5.jpg)
In positive terms, we wanted our new website to
Highlight our most important, relevant content Make all of our content easier to discover Increase repeat visits and time on site Make the site visually appealing on all devices
![Page 6: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/6.jpg)
Our assumptions about how users were navigating the site were wrong…
![Page 7: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/7.jpg)
56% of visits landed on an article or expert page. 80% of these visits bounced. That’s a 21% higher bounce rate than the average visit.
![Page 8: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/8.jpg)
45% of our internal site search queries were for terms that could be categorized as granular issue topics.
![Page 9: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/9.jpg)
• Fiscal Cliff • Social Security • Unemployment • Jobs • Sequestration
• Medicare • Affordable Care Act • Medicare Advantage • Individual Mandate • Medicaid Expansion
Here’s what users were searching for on our site…
![Page 10: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/10.jpg)
• Economy • Health Care
But here’s how we categorized the content.
![Page 11: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/11.jpg)
Traffic from “high-value” audiences is more than twice as likely to come via email.
![Page 12: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/12.jpg)
Mobile visits to the site grew from 8.8% in April 2012 to 15.1% in March 2013.
![Page 13: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/13.jpg)
But this is what our site looked like on an iPhone.
![Page 14: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/14.jpg)
CHALLENGE
Highlight our most important, relevant content.
![Page 15: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/15.jpg)
SOLUTION
Trending Topics
![Page 16: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/16.jpg)
SOLUTION
Trending Topics
![Page 17: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/17.jpg)
SOLUTION
Trending Topics
![Page 18: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/18.jpg)
SOLUTION
Trending Topics
![Page 19: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/19.jpg)
SOLUTION
Trending Topics
![Page 20: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/20.jpg)
CHALLENGE
Make all of our content easier to discover.
![Page 21: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/21.jpg)
SOLUTION I
Flatter Information Architecture
A new, open taxonomy for categorizing content. Users can search & filter content based on issue topic tags. 175 unique topic tags & growing.
![Page 22: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/22.jpg)
SOLUTION II
A Better Search Experience
![Page 23: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/23.jpg)
SOLUTION III
New Content Types
![Page 24: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/24.jpg)
SOLUTION III
New Content Types Additional content types – Quotes, Infographics, What We’re Reading & Serialized Products – allow us to highlight the full breadth of our content. They also enable us to highlight key research multiple times, ensuring our most important initiatives are highlighted in the news feed.
![Page 25: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/25.jpg)
CHALLENGE
Increase the number of repeat visits and time on site.
![Page 26: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/26.jpg)
SOLUTION I
The News Feed
Users know immediately what’s new & important. Topics & Content Types invite users to explore more content.
![Page 27: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/27.jpg)
SOLUTION II
Related Research
![Page 28: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/28.jpg)
SOLUTION III
Email Integration
![Page 29: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/29.jpg)
CHALLENGE
Make the site mobile friendly
![Page 30: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/30.jpg)
SOLUTION
Responsive Design
Tablet Breakpoint
![Page 31: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/31.jpg)
SOLUTION
Responsive Design
Mobile Breakpoint
![Page 32: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/32.jpg)
TESTING
We went back to our users to make sure our solutions were on the right track.
![Page 33: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/33.jpg)
You are looking for research from the American Action Forum on Immigration. Where do you look?
74% of participants clicked on something related to research or immigration.
![Page 34: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/34.jpg)
DIY
GetChalkmark.com Online Screenshot Testing Software by Optimal Workshop
![Page 35: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/35.jpg)
TESTING
And we continue to test.
![Page 36: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/36.jpg)
Does the number of related articles at the end of a post affect the number of clicks on related research?
![Page 37: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/37.jpg)
LESSON LEARNED
If there’s a disagreement over design – test it.
![Page 38: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/38.jpg)
Do we need to call out press in the navigation?
Me: No Everybody Else: Yes
![Page 39: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/39.jpg)
I was wrong.
79% of testers successfully completed the “find press releases” task when it was added.
![Page 40: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/40.jpg)
LESSON LEARNED
Educate all of your team on the value of focusing on users.
![Page 41: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/41.jpg)
CONTENT GUIDE EXCERPTS
“When linking to a file like a PDF from your post, indicate to the reader that the link is not a web page by putting the file type [inside brackets].” “Give your posts titles that describe the content in a compelling way and will help a user find what they are looking for if they are searching.”
![Page 42: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/42.jpg)
LESSON LEARNED
Have confidence in your commitment to focusing on users.
![Page 43: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/43.jpg)
PROGRESS REPORT
More time & traffic is needed to gather a full analytics reporting.
![Page 44: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/44.jpg)
But here’s what I’m keeping an eye on: • Based on internal search queries, are users finding the
content they want? • Do too many tags on a piece of content confuse users? • Is there a better way to deal with notation in research
that doesn’t interrupt a user’s reading flow? • What’s the best article length to keep a user engaged?
![Page 45: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/45.jpg)
![Page 46: NME Presentation 9/13/13](https://reader034.vdocuments.mx/reader034/viewer/2022051513/5462f529af7959422a8b4fea/html5/thumbnails/46.jpg)
Questions? [email protected] @ericwilson