Designing UX for a Content Blog

Designing UX of a!
Content Hub/Blog for
University of Phoenix
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

Business Case-!
Why Create a Content
Hub/Blog?

The Current Expectation is That TV is The Right Channel To Drive Business Results

But There is a Huge Gap Opportunity Being Left On The table
TV Reach - Online Content Reach +

Current Marketing Only Addresses The Very Early And Late Stages of the Journey

Content Hub and Good User Experience

So What Would Be a Content Hub? And What Would be It’s Need?

BuCt oTnhteernet iBsl oag H Fuugnen Gela pR eOapchportunity Being Left On The table

Editorial Content Buckets

Unpacking an ‘Ad’vertorial v/s an Editorial

So Then How Would An Example Content Blog Post on ‘Nursing’ Look Like?

Design Thinking and!
User Experience Process

Whiteboarding Market Research and the Design Intent
Presented market research to
the internal team & the design
UX guidelines for the blog.

BBurt aTihnesreto isr ma Hinugge D Giaffpe Orpepnotr tEuxnpitye rBieeinngc eLesf tf oOrn tThhee tBalboleg
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.

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
!

Wireframes
(Tablet & Mobile)

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

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
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
Goes to article view
20 Views 20 Likes Popular
15 mins Read
Nursing - Current Industry News Nursing - Current Industry News
Blog Title
15 mins Read
Blog Title
Rolls out from right
Yes Remind May Be Later
15 mins Read Blog Title
20 Views 20 Likes
May, 2014
20 Views 20 Likes
20 Views 20 Likes
20 Views 20 Likes
20 Views 20 Likes
20 Views 20 Likes
20 Views 20 Likes
20 Views 20 Likes
See What
You Missed 2014 March February January
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.
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
VIEW ALL
Content from the last month has smaller tiles and is arranged per popularity

Search
CATEGORY: Undecided- Binge View
INDUSTRY NEWS
15 mins Read
Industry News - Nursing
Blog Title
15 mins Read
Blog Title
Blog Title
15 mins Read
Industry News - Management Industry News- Criminal Justice
Blog Title
15 mins Read
Blog Title
Previous More on Industry News Next
Meet Alicia: How she planned her career
How to Plan a Career in Management Career Planning- Criminal Justice
Meet Alicia: Nursing from Phoenix
Learning at Phoenix Phoenix Experience- Criminal Justice
See What
You Missed 2014 April March February
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?
May
Sticky nav
EDUCATION AND CAREER PLANNING
15 mins Read
Blog Title
15 mins Read
Blog Title
15 mins Read
Blog Title
15 mins Read
Blog Title
Blog Title
Read Later
Read Now
Previous More on Career and Education Planning Next
THE PHOENIX EXPERIENCE
15 mins Read
Blog Title
15 mins Read
Blog Title
15 mins Read
Blog Title
15 mins Read
Blog Title
Blog Title
Read Later
Read Now
Previous More on Phoenix Experience Next

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
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
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
15 mins Read
Blog Title
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

Final Visual Designs !
Responsive (Mobile/Tablet/Desktop)

Appendix Topics-!
Industry Examples &!
Market Research!

INDUSTRY EXAMPLES
Successful Content driven sites !
!!
- Engaging and useful to
consumers (first)
and Brand driven (second, subtle)

- Balance of Visual +
Written

!
Interactions/ Reviews/ Recommendations/ Live voting

!
Clear content
categories, Easy to find
specific areas of
interest

!
!
- Storytelling driven

Brainpickings
Content

!
Author is KEY.
Celebrate the
author.
Author identity
with individual
profile pics.

!
Author is KEY. Celebrate the author.
Author identity with individual
profiles.

Notifications on current content. Option to view with
direct click.

Reader interactions

Easy social sharing

Designing UX for a Content Blog

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Designing UX for a Content Blog

Similar to Designing UX for a Content Blog (20)

More from Anu_Thanedar

More from Anu_Thanedar (7)

Recently uploaded

Recently uploaded (20)

Designing UX for a Content Blog