Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Designing UX of a! 
Content Hub/Blog for 
University of Phoenix 
Company Confidential
Company Confidential 
Timeline 
2 Weeks 
My Role 
UX Designer, 
Content, and 
Brand Planner 
User Centered Design Methods ...
Business Case-! 
Why Create a Content 
Hub/Blog? 
Company Confidential
The Current Expectation is That TV is The Right Channel To Drive Business Results 
Company Confidential
But There is a Huge Gap Opportunity Being Left On The table 
Company Confidential 
TV Reach - Online Content Reach +
Current Marketing Only Addresses The Very Early And Late Stages of the Journey 
Company Confidential
Content Hub and Good User Experience 
Company Confidential
So What Would Be a Content Hub? And What Would be It’s Need? 
Company Confidential
So What Would Be a Content Hub? And What Would be It’s Need? 
Company Confidential
BuCt oTnhteernet iBsl oag H Fuugnen Gela pR eOapchportunity Being Left On The table 
Company Confidential
Editorial Content Buckets 
Company Confidential
Unpacking an ‘Ad’vertorial v/s an Editorial 
Company Confidential
So Then How Would An Example Content Blog Post on ‘Nursing’ Look Like? 
Company Confidential
Design Thinking and! 
User Experience Process 
Company Confidential
Whiteboarding Market Research and the Design Intent 
Company Confidential 
Presented market research to 
the internal team...
BBurt aTihnesreto isr ma Hinugge D Giaffpe Orpepnotr tEuxnpitye rBieeinngc eLesf tf oOrn tThhee tBalboleg 
Company Confide...
Content Hub Design Guidelines 
! 
Content-centric I Visual I Informative I Engaging I Easy to find specific info I Ease of...
Wireframes 
(Tablet & Mobile) 
Company Confidential
Search 
Which field are you interested to know more about? 
Choose one which you relate the most to and let us customize y...
Search 
HOW CAN PHOENIX 
HELP 
CATEGORY: NURSING 
CURRENT 
INDUSTRY NEWS 
EDUCATION & 
CAREER PLANNING 
Hover State to qui...
Search 
CATEGORY: Undecided- Binge View 
INDUSTRY NEWS 
Content arranged in a time recent manner 
15 mins Read 
This Week ...
CATEGORY: NURSING 
CURRENT INDUSTRY NEWS EDUCATION This Week (June 17- June 23) 
VIEW ALL 
8 mins 
Horizontal Swipe 
Cooki...
Final Visual Designs ! 
Responsive (Mobile/Tablet/Desktop) 
Company Confidential
Appendix Topics-! 
Industry Examples &! 
Market Research! 
Company Confidential
INDUSTRY EXAMPLES 
Successful Content driven sites ! 
!! 
- Engaging and useful to 
consumers (first) 
and Brand driven (s...
- Balance of Visual + 
Written 
Company Confidential 
Company Confidential
! 
Interactions/ Reviews/ Recommendations/ Live voting 
Company Confidential 
Company Confidential
! 
Clear content 
categories, Easy to find 
specific areas of 
interest 
Company Confidential 
Company Confidential
! 
! 
- Storytelling driven 
Company Confidential 
Company Confidential
Brainpickings 
Content 
Company Confidential 
Company Confidential
! 
Author is KEY. 
Celebrate the 
author. 
Author identity 
with individual 
profile pics. 
Company Confidential
! 
Author is KEY. Celebrate the author. 
Author identity with individual 
profiles. 
Company Confidential
Notifications on current content. Option to view with 
direct click. 
Company Confidential
Reader interactions 
Company Confidential
Easy social sharing 
Company Confidential
Company Confidential
Other articles like this/ 
Similar 
Company Confidential
Singular focus and tiered 
hierarchy (Ex: Huffington 
Post). One main focus 
with every refresh. 
Simple grid. 
Company Co...
Company Confidential
USA Today 
Company Confidential
! 
What type of reader are you? Type of 
content read. Provide user profile 
! 
Company Confidential
Thank You! 
Company Confidential 
“Ask me about the Agile Scrum 
projects I worked on.”
Designing UX for a Content Blog
Designing UX for a Content Blog
Designing UX for a Content Blog
Designing UX for a Content Blog
Upcoming SlideShare
Loading in …5
×

Designing UX for a Content Blog

Designing UX for a Content Blog

  • Login to see the comments

Designing UX for a Content Blog

  1. 1. Designing UX of a! Content Hub/Blog for University of Phoenix Company Confidential
  2. 2. Company Confidential Timeline 2 Weeks My Role UX Designer, Content, and Brand Planner User Centered Design Methods Applied: Team 1 UX Designer, 1 Visual Designer, 1 Digital Producer Client University of Phoenix Understanding Startup’s ! User Experience & Business Goals User Research! Persona Market Research Feature Ideation Brainstorming Sketching & Internal & ! Visual Design Wireframing Client Reviews
  3. 3. Business Case-! Why Create a Content Hub/Blog? Company Confidential
  4. 4. The Current Expectation is That TV is The Right Channel To Drive Business Results Company Confidential
  5. 5. But There is a Huge Gap Opportunity Being Left On The table Company Confidential TV Reach - Online Content Reach +
  6. 6. Current Marketing Only Addresses The Very Early And Late Stages of the Journey Company Confidential
  7. 7. Content Hub and Good User Experience Company Confidential
  8. 8. So What Would Be a Content Hub? And What Would be It’s Need? Company Confidential
  9. 9. So What Would Be a Content Hub? And What Would be It’s Need? Company Confidential
  10. 10. BuCt oTnhteernet iBsl oag H Fuugnen Gela pR eOapchportunity Being Left On The table Company Confidential
  11. 11. Editorial Content Buckets Company Confidential
  12. 12. Unpacking an ‘Ad’vertorial v/s an Editorial Company Confidential
  13. 13. So Then How Would An Example Content Blog Post on ‘Nursing’ Look Like? Company Confidential
  14. 14. Design Thinking and! User Experience Process Company Confidential
  15. 15. Whiteboarding Market Research and the Design Intent Company Confidential Presented market research to the internal team & the design UX guidelines for the blog.
  16. 16. BBurt aTihnesreto isr ma Hinugge D Giaffpe Orpepnotr tEuxnpitye rBieeinngc eLesf tf oOrn tThhee tBalboleg Company Confidential Presented the different experiences, opportunities, do’s and don’ts that the blog could offer to the users. e.g- How quick a read a Nursing article is.
  17. 17. Content Hub Design Guidelines ! Content-centric I Visual I Informative I Engaging I Easy to find specific info I Ease of navigation I Storytelling ! Own one domain area- Clear Focus & Specificity Content-centric Visual + Informative Engaging Storytelling Easy to find specific info Ease of navigation ! Grid structure of visual + words Pops of color Visible ratings/ reviews/ recommendations Social layer integrated with content, Easy share ! Company Confidential
  18. 18. Wireframes (Tablet & Mobile) Company Confidential
  19. 19. Search Which field are you interested to know more about? Choose one which you relate the most to and let us customize your experience. Icons Nursing Marketing Management Psycology Criminal Justic Lorem Ipsum Lorem Ipsum Lorem Ipsum Check Out Nursing Or Need time to decide which field is right for you? No problem, we got you covered: Footer You can switch back to Binge Blog Me Button Visible after a choice of selection Takes to the all general blog page
  20. 20. Search HOW CAN PHOENIX HELP CATEGORY: NURSING CURRENT INDUSTRY NEWS EDUCATION & CAREER PLANNING Hover State to quickly get to past articles Blog Title Blog Title Blog Title 8 mins Content arranged in a time recent manner Icons for lunch, commute, snack time & breakfast time reads Nursing - Industry News Blog Title This Week (June 17- June 23) Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary . Cookie enabled Views Cookie enabled likes. Don’t require signing in Based on likes v/s Views logic 20 Views 20 Likes Trending Content from the previous weeks is arranged per popularity Past Week, June 10th - June 16th 15 mins Read Nursing - Current Industry News Blog Title 20 Views 20 Likes Must Read Cookie enabled likes. Don’t require signing in 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Share Twitter Linkedin Nursing Industry News Career Pl.. Blog Title User enters an email address and article can be emailed or could possibly use ‘Evernote’ type apps Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Goes to article view 20 Views 20 Likes Popular Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 15 mins Read Nursing - Current Industry News Nursing - Current Industry News Blog Title 20 Views 20 Likes Popular 15 mins Read Blog Title 20 Views 20 Likes Must Read Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Rolls out from right Yes Remind May Be Later 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title May, 2014 Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes See What You Missed 2014 March February January Make ‘Nursing’ Your Default Blog View? Yes Remind May Be Later You wont have to choose categories again. You can switch back to other categories anytime from the top navigation bar. Get Latest Industry News Delivered to Your Inbox Name Email Address Submit Area of Interest Read Later Read Now Footer Powered by Univeristy of Phoenix April Sticky nav Make ‘Nursing’ Your Default Blog View? You wont have to choose categories again. You can switch back to other categories anytime from the top navigation bar. Rolls out from right VIEW ALL Content from the last month has smaller tiles and is arranged per popularity
  21. 21. Search CATEGORY: Undecided- Binge View INDUSTRY NEWS Content arranged in a time recent manner 15 mins Read This Week (June 17- June 23) Industry News - Nursing Blog Title 20 Views 20 Likes Must Read 15 mins Read Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Share Twitter Linkedin Nursing Industry News Career Pl.. Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes Popular Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 15 mins Read Industry News - Management Industry News- Criminal Justice Blog Title 20 Views 20 Likes Popular 15 mins Read Blog Title 20 Views 20 Likes Must Read Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Previous More on Industry News Next This Week (June 17- June 23) Content arranged in a time recent manner Meet Alicia: How she planned her career Cookie enabled likes. Don’t require signing in Nursing Industry News Career Pl.. User enters an email address and article can be emailed or could possibly use ‘Evernote’ type apps Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog How to Plan a Career in Management Career Planning- Criminal Justice This Week (June 17- June 23) Meet Alicia: Nursing from Phoenix Content arranged in a time recent manner Cookie enabled likes. Don’t require signing in Nursing Industry News Career Pl.. User enters an email address and article can be emailed or could possibly use ‘Evernote’ type apps Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Learning at Phoenix Phoenix Experience- Criminal Justice See What You Missed 2014 April March February Yes Remind May Be Later Get Latest Industry News Delivered to Your Inbox Name Email Address Submit Area of Interest Read Later Read Now Footer Make This Your Default Blog View? You wont have to choose categories again. You can switch back to other categories anytime from the top navigation bar. Powered by Univeristy of Phoenix May Sticky nav Cookie enabled likes. Don’t require signing in User enters an email address and article can be emailed or could possibly use ‘Evernote’ type apps Goes to article view Rolls out from right EDUCATION AND CAREER PLANNING 15 mins Read Blog Title 20 Views 20 Likes Must Read 15 mins Read Blog Title 20 Views 20 Likes Popular Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 15 mins Read Blog Title 20 Views 20 Likes Popular 15 mins Read Blog Title 20 Views 20 Likes Must Read Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Share Twitter Linkedin Read Later Read Now Goes to article view Previous More on Career and Education Planning Next THE PHOENIX EXPERIENCE 15 mins Read Blog Title 20 Views 20 Likes Must Read 15 mins Read Blog Title 20 Views 20 Likes Popular Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 15 mins Read Blog Title 20 Views 20 Likes Popular 15 mins Read Blog Title 20 Views 20 Likes Must Read Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Share Twitter Linkedin Read Later Read Now Goes to article view Previous More on Phoenix Experience Next
  22. 22. CATEGORY: NURSING CURRENT INDUSTRY NEWS EDUCATION This Week (June 17- June 23) VIEW ALL 8 mins Horizontal Swipe Cookie enabled like. Don’t require signing in Nursing- Current Industry News Blog Title Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog 20 Views 20 Likes Must Read Nursing- Current Industry News Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Make ‘Nursing’ Your Default Blog View? Yes May Be Later You wont have to choose categories again. You can switch back to other categories anytime from the top navigation bar. Past Week, June 10th - June 16th Nursing- Current Industry News Blog Summary Blog Summary Blog Blog Summary Blog Summary Blog Make ‘Nursing’ Your Default Blog View? Yes May Be Later You wont have to choose categories again. You can switch back to other categories anytime from the top navigation bar. Get Latest Industry News Delivered to Your Inbox X Enter Information Area of Interest Email Address Submit 15 mins Read Blog Title 20 Views 20 Likes Must Read 15 mins Read Blog Title 20 Views 20 Likes Must Read Powered by Univeristy of Phoenix Footer 15 mins Read Blog Title 20 Views 20 Likes May, 2014 Must Read 15 mins Read Blog Title 20 Views 20 Likes Must Read 15 mins Read Blog Title 20 Views 20 Likes Must Read 15 mins Read Blog Title 20 Views 20 Likes Must Read Previous Next
  23. 23. Final Visual Designs ! Responsive (Mobile/Tablet/Desktop) Company Confidential
  24. 24. Appendix Topics-! Industry Examples &! Market Research! Company Confidential
  25. 25. INDUSTRY EXAMPLES Successful Content driven sites ! !! - Engaging and useful to consumers (first) and Brand driven (second, subtle) Company Confidential Company Confidential
  26. 26. - Balance of Visual + Written Company Confidential Company Confidential
  27. 27. ! Interactions/ Reviews/ Recommendations/ Live voting Company Confidential Company Confidential
  28. 28. ! Clear content categories, Easy to find specific areas of interest Company Confidential Company Confidential
  29. 29. ! ! - Storytelling driven Company Confidential Company Confidential
  30. 30. Brainpickings Content Company Confidential Company Confidential
  31. 31. ! Author is KEY. Celebrate the author. Author identity with individual profile pics. Company Confidential
  32. 32. ! Author is KEY. Celebrate the author. Author identity with individual profiles. Company Confidential
  33. 33. Notifications on current content. Option to view with direct click. Company Confidential
  34. 34. Reader interactions Company Confidential
  35. 35. Easy social sharing Company Confidential
  36. 36. Company Confidential
  37. 37. Other articles like this/ Similar Company Confidential
  38. 38. Singular focus and tiered hierarchy (Ex: Huffington Post). One main focus with every refresh. Simple grid. Company Confidential
  39. 39. Company Confidential
  40. 40. USA Today Company Confidential
  41. 41. ! What type of reader are you? Type of content read. Provide user profile ! Company Confidential
  42. 42. Thank You! Company Confidential “Ask me about the Agile Scrum projects I worked on.”

×