Designing UX for a Content Blog

Post on 15-Jul-2015

212 views 2 download

Transcript of Designing UX for a Content Blog

Designing UX of a!Content Hub/Blog for University of Phoenix

Company Confidential

Company Confidential

Timeline2 Weeks

User Centered Design Methods Applied:

My RoleUX Designer, Content, and Brand Planner

Team1 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

Visual DesignSketching & Wireframing

Internal & !Client Reviews

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

Company Confidential

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

TV Reach - Online Content Reach +

Company Confidential

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

But There is a Huge Gap Opportunity Being Left On The tableContent Blog Funnel Reach

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?

Design Thinking and!User Experience Process

Company Confidential

Company Confidential

Whiteboarding Market Research and the Design Intent

Company Confidential

Presented market research to the internal team & the design UX guidelines for the blog.

Company Confidential

But There is a Huge Gap Opportunity Being Left On The tableBrainstorming Different Experiences for the Blog

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.

Company Confidential

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

Wireframes (Tablet & Mobile)

Company Confidential

Search

Choose one which you relate the most to and let us customize your experience.

Which field are you interested to know more about?

Check Out Nursing

Nursing Marketing Management Psycology

Criminal Justic Lorem Ipsum Lorem Ipsum Lorem Ipsum

Footer

Or

You can switch back to

Binge Blog Me

Icons

Button Visible after a choice ofselection

Takes to the all general blog page

Need time to decide which field is right for you? No problem, we got you covered:

Search

HOW CAN PHOENIXHELP

CURRENT INDUSTRY NEWS

EDUCATION &CAREER PLANNING

Blog Title Blog Title Blog Title

CATEGORY: NURSING

Blog Title

Trending20 Views 20 Likes

Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary Blog Summary .

8 mins

Nursing - Industry News

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Nursing - Current Industry News

15 mins Read

Blog Title

Popular20 Views 20 Likes

Nursing Industry News Career Pl..

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

15 mins Read

Blog Title

Popular20 Views 20 Likes

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Nursing - Current Industry News Nursing - Current Industry News

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

This Week (June 17- June 23)

Past Week, June 10th - June 16th

May, 2014

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

15 mins Read Blog TitleBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

20 Views 20 Likes

Name

Email Address

Submit

Area of Interest

Get Latest Industry News Delivered to Your Inbox

Blog Title

Blog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

TwitterShare Linkedin

Read Later

Read Now

Footer

Hover State to quickly get to past articles

See WhatYou 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.

Yes Remind May Be Later

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.

Yes Remind May Be Later

Icons for lunch, commute, snack time & breakfast time reads

Cookie enabled Views Cookie enabled likes. Don’t require signing in Based on likes v/s Views logic

Cookie enabled likes. Don’t require signing in

Content arranged in a time recent manner

Content from the previous weeks is arranged per popularity

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

Rolls out from right

VIEW ALL

Content from the last month has smaller tiles and is arranged per popularity

Search

INDUSTRY NEWS

CATEGORY: Undecided- Binge View

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Industry News - Nursing

15 mins Read

Blog Title

Popular20 Views 20 Likes

Nursing Industry News Career Pl..

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

15 mins Read

Blog Title

Popular20 Views 20 Likes

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Industry News - Management Industry News- Criminal Justice

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

This Week (June 17- June 23)

Name

Email Address

Submit

Area of Interest

Get Latest Industry News Delivered to Your Inbox

Blog Title

Blog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

TwitterShare Linkedin

Read Later

Read Now

Footer

See WhatYou Missed 2014 April March February

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.

Yes Remind May Be Later

Powered by Univeristy of Phoenix

May

Sticky nav

Cookie enabled likes. Don’t require signing in

Content arranged in a time recent manner

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

More on Industry News NextPrevious

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Meet Alicia: How she planned her career

15 mins Read

Blog Title

Popular20 Views 20 Likes

Nursing Industry News Career Pl..

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

15 mins Read

Blog Title

Popular20 Views 20 Likes

15 mins Read

Blog Title

Must Read20 Views 20 Likes

How to Plan a Career in Management Career Planning- Criminal Justice

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

This Week (June 17- June 23)

Blog Title

Blog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

TwitterShare Linkedin

Read Later

Read Now

Cookie enabled likes. Don’t require signing in

Content arranged in a time recent manner

User enters an email address and article can be emailed or could possibly use ‘Evernote’ type apps

Goes to article view

More on Career and Education Planning NextPrevious

THE PHOENIX EXPERIENCE

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Meet Alicia: Nursing from Phoenix

15 mins Read

Blog Title

Popular20 Views 20 Likes

Nursing Industry News Career Pl..

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

15 mins Read

Blog Title

Popular20 Views 20 Likes

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Learning at Phoenix Phoenix Experience- Criminal Justice

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

This Week (June 17- June 23)

Blog Title

Blog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary BlogBlog Summary Blog Summary Blog

TwitterShare Linkedin

Read Later

Read Now

Cookie enabled likes. Don’t require signing in

Content arranged in a time recent manner

User enters an email address and article can be emailed or could possibly use ‘Evernote’ type apps

Goes to article view

More on Phoenix Experience NextPrevious

Submit

Area of Interest

XEnter Information

Email Address

Get Latest Industry News Delivered to Your Inbox

CATEGORY: NURSING

CURRENT INDUSTRY NEWS EDUCATION AND CAREER PLANNING

This Week (June 17- June 23)

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Nursing- Current Industry News

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

Blog Title

Must Read20 Views 20 Likes

Nursing- Current Industry News

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

15 mins Read

Blog Title

Must Read20 Views 20 Likes

Nursing- Current Industry News

Blog Summary Blog Summary BlogBlog Summary Blog Summary Blog

8 mins

Past Week, June 10th - June 16th

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.

Yes May Be Later

Footer

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.

Yes May Be Later

Powered by Univeristy of Phoenix

Horizontal Swipe

Cookie enabled like. Don’t require signing in

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

NextPrevious

VIEW ALL

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

Company Confidential

Appendix Topics-!Industry Examples &!Market Research!

Company Confidential

Company Confidential

INDUSTRY EXAMPLES

Successful Content driven sites !!!

Company Confidential

- Engaging and useful to consumers (first) and Brand driven (second, subtle)

Company Confidential

- 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

Company Confidential

Brainpickings Content

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 Confidential

Company Confidential

USA Today

Company Confidential

!

What type of reader are you? Type of content read. Provide user profile !

Thank You!

Company Confidential

“Ask me about the Agile Scrum projects I worked on.”