CNN NewsPulse Review Chris Cenkner 1/14/11
The Ask <ul><li>Design a new user experience for an existing CNN product, NewsPulse. http://newspulse.cnn.com/  </li></ul>...
 
Process <ul><li>Discover </li></ul><ul><li>Design </li></ul><ul><li>Develop </li></ul><ul><li>Deliver </li></ul><ul><li>Op...
 
Discover <ul><li>Why are we re-designing? </li></ul><ul><li>What are the motivating factors? </li></ul><ul><ul><li>What KP...
Cursory Usability Review <ul><li>Overall, good, clean presentation </li></ul><ul><li>Would be nice if columns were sortabl...
Discover - Insights <ul><li>Why are these stories popular? </li></ul><ul><li>High page views/shares/comments implies value...
Discover – Approach <ul><li>Add qualitative measurements </li></ul><ul><ul><li>“ Rotten Tomatoes” approach </li></ul></ul>...
 
 
 
Design <ul><li>How can we add qualitative elements to the existing page framework? </li></ul><ul><li>How can we make tweak...
Design – Main Area & Filter
Detail View
Other Devices <ul><li>Opportunity to show many stories, broken out by topic </li></ul>
Mobile App
Design <ul><li>Ideas would be flushed out further in full wireframes </li></ul><ul><li>Wireframes would inform, not dictat...
Develop <ul><li>Expected involvement in consultative capacity </li></ul><ul><li>Review at key project milestones </li></ul...
Deliver <ul><li>Don’t rollout the changes without priming the pump! </li></ul><ul><li>Test with non-logged in users first ...
Discuss changes with users
Optimize/Evolve <ul><li>Analyze Metrics </li></ul><ul><li>Review Qualitative Feedback </li></ul><ul><li>Fine-tune as neces...
Summary <ul><li>Uncover rationale for redesign </li></ul><ul><li>Opportunity for providing deeper understanding into item ...
Thank You
Upcoming SlideShare
Loading in …5
×

Cnn newspulse review

719 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
719
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Wireframe screenshot with NewsPulse graphics with additional qualitative measures
  • Cnn newspulse review

    1. 1. CNN NewsPulse Review Chris Cenkner 1/14/11
    2. 2. The Ask <ul><li>Design a new user experience for an existing CNN product, NewsPulse. http://newspulse.cnn.com/ </li></ul><ul><li>Define new opportunities and features, communicate your process, and illustrate your design solution. </li></ul><ul><li>Think about the ways this product could be represented across the web and mobile devices. </li></ul>
    3. 4. Process <ul><li>Discover </li></ul><ul><li>Design </li></ul><ul><li>Develop </li></ul><ul><li>Deliver </li></ul><ul><li>Optimize/Evolve </li></ul>
    4. 6. Discover <ul><li>Why are we re-designing? </li></ul><ul><li>What are the motivating factors? </li></ul><ul><ul><li>What KPIs aren’t being met? Traffic? Usage? </li></ul></ul><ul><ul><li>Qualitative feedback from users? Survey data? </li></ul></ul><ul><ul><ul><li>Opinion Lab </li></ul></ul></ul><ul><ul><li>Usability Problems? </li></ul></ul><ul><ul><ul><li>Traffic/funnel analysis & heat maps </li></ul></ul></ul><ul><li>Do we need to make wholesale changes? </li></ul><ul><ul><li>Make tweaks and adjust over time </li></ul></ul>
    5. 7. Cursory Usability Review <ul><li>Overall, good, clean presentation </li></ul><ul><li>Would be nice if columns were sortable </li></ul><ul><li>Time frame drop-down in upper right seems removed from other UI filters in left-hand column </li></ul><ul><li>Detail View </li></ul><ul><ul><li>“ hide details” gets a little lost </li></ul></ul><ul><ul><li>Is “recommend” button necessary here? </li></ul></ul>
    6. 8. Discover - Insights <ul><li>Why are these stories popular? </li></ul><ul><li>High page views/shares/comments implies value, but doesn’t guarantee it </li></ul><ul><ul><li>e.g., AP photo has something funny in background </li></ul></ul><ul><li>What are the more frequent and valuable commenters/iReporters doing? </li></ul><ul><li>How has popularity changed over time? </li></ul>
    7. 9. Discover – Approach <ul><li>Add qualitative measurements </li></ul><ul><ul><li>“ Rotten Tomatoes” approach </li></ul></ul><ul><li>Reward commenters/iReporters that your users respect </li></ul><ul><li>Show how CNN and its user base provide value </li></ul><ul><li>Show how popularity has changed over time </li></ul><ul><ul><li>Google Trends </li></ul></ul>
    8. 13. Design <ul><li>How can we add qualitative elements to the existing page framework? </li></ul><ul><li>How can we make tweaks without alienating the user base? </li></ul>
    9. 14. Design – Main Area & Filter
    10. 15. Detail View
    11. 16. Other Devices <ul><li>Opportunity to show many stories, broken out by topic </li></ul>
    12. 17. Mobile App
    13. 18. Design <ul><li>Ideas would be flushed out further in full wireframes </li></ul><ul><li>Wireframes would inform, not dictate, design direction </li></ul><ul><li>Expectation would be to collaborate with the creative design and development teams to devise optimal solution </li></ul><ul><ul><li>Aesthetics </li></ul></ul><ul><ul><li>Functionality </li></ul></ul>
    14. 19. Develop <ul><li>Expected involvement in consultative capacity </li></ul><ul><li>Review at key project milestones </li></ul><ul><li>Conduct qualitative user testing where possible </li></ul><ul><li>Assist with UAT testing </li></ul>
    15. 20. Deliver <ul><li>Don’t rollout the changes without priming the pump! </li></ul><ul><li>Test with non-logged in users first (ala Amazon) </li></ul><ul><li>Discuss changes and concepts (top users) on Behind the Scenes blog </li></ul>
    16. 21. Discuss changes with users
    17. 22. Optimize/Evolve <ul><li>Analyze Metrics </li></ul><ul><li>Review Qualitative Feedback </li></ul><ul><li>Fine-tune as necessary </li></ul>
    18. 23. Summary <ul><li>Uncover rationale for redesign </li></ul><ul><li>Opportunity for providing deeper understanding into item popularity </li></ul><ul><li>Display Qualitative Measures </li></ul><ul><li>Make tweaks, not wholesale revisions </li></ul><ul><li>Extend to other devices </li></ul><ul><li>Test and prepare users for changes </li></ul><ul><li>Monitor and improve as needed </li></ul>
    19. 24. Thank You

    ×