nme presentation 9/13/13

46
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

Upload: ericjwilson

Post on 11-Nov-2014

143 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: NME Presentation 9/13/13

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

Our partner on this project, Viget, deserves tremendous credit for the creativity in the solutions presented here.

Page 3: NME Presentation 9/13/13

AmericanActionForum.org – January 2013

Page 4: NME Presentation 9/13/13

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

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

Our assumptions about how users were navigating the site were wrong…

Page 7: NME Presentation 9/13/13

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

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

•  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

• Economy • Health Care

But here’s how we categorized the content.

Page 11: NME Presentation 9/13/13

Traffic from “high-value” audiences is more than twice as likely to come via email.

Page 12: NME Presentation 9/13/13

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

But this is what our site looked like on an iPhone.

Page 14: NME Presentation 9/13/13

CHALLENGE

Highlight our most important, relevant content.

Page 15: NME Presentation 9/13/13

SOLUTION

Trending Topics

Page 16: NME Presentation 9/13/13

SOLUTION

Trending Topics

Page 17: NME Presentation 9/13/13

SOLUTION

Trending Topics

Page 18: NME Presentation 9/13/13

SOLUTION

Trending Topics

Page 19: NME Presentation 9/13/13

SOLUTION

Trending Topics

Page 20: NME Presentation 9/13/13

CHALLENGE

Make all of our content easier to discover.

Page 21: NME Presentation 9/13/13

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

SOLUTION II

A Better Search Experience

Page 23: NME Presentation 9/13/13

SOLUTION III

New Content Types

Page 24: NME Presentation 9/13/13

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

CHALLENGE

Increase the number of repeat visits and time on site.

Page 26: NME Presentation 9/13/13

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

SOLUTION II

Related Research

Page 28: NME Presentation 9/13/13

SOLUTION III

Email Integration

Page 29: NME Presentation 9/13/13

CHALLENGE

Make the site mobile friendly

Page 30: NME Presentation 9/13/13

SOLUTION

Responsive Design

Tablet Breakpoint

Page 31: NME Presentation 9/13/13

SOLUTION

Responsive Design

Mobile Breakpoint

Page 32: NME Presentation 9/13/13

TESTING

We went back to our users to make sure our solutions were on the right track.

Page 33: NME Presentation 9/13/13

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

DIY

GetChalkmark.com Online Screenshot Testing Software by Optimal Workshop

Page 35: NME Presentation 9/13/13

TESTING

And we continue to test.

Page 36: NME Presentation 9/13/13

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

LESSON LEARNED

If there’s a disagreement over design – test it.

Page 38: NME Presentation 9/13/13

Do we need to call out press in the navigation?

Me: No Everybody Else: Yes

Page 39: NME Presentation 9/13/13

I was wrong.

79% of testers successfully completed the “find press releases” task when it was added.

Page 40: NME Presentation 9/13/13

LESSON LEARNED

Educate all of your team on the value of focusing on users.

Page 41: NME Presentation 9/13/13

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

LESSON LEARNED

Have confidence in your commitment to focusing on users.

Page 43: NME Presentation 9/13/13

PROGRESS REPORT

More time & traffic is needed to gather a full analytics reporting.

Page 44: NME Presentation 9/13/13

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
Page 46: NME Presentation 9/13/13

Questions? [email protected] @ericwilson