Viewify Case Study.pdf

20
Richard Lipp [email protected] 14/5/2015 INTRODUCING VIEWIFY - A RESPONSIVE ‘SOCIAL VEDIA’ WEBSITE FOR MOBILE, T ABLET AND WEB

Transcript of Viewify Case Study.pdf

Page 1: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 1/20

Richard [email protected]

14/5/2015

INTRODUCING VIEWIFY - A RESPONSIVE ‘SOCIAL VEDIA’ WEBSITE FOR MOBILE, TABLET AND WEB

Page 2: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 2/20

AGENDA

• Executive Summary

• Research

• User Journey

• Prototype• User Testing

• Video Highlights of Testing

• Findings

• Summary

Page 3: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 3/20

EXECUTIVE SUMMARY

Problem

There is currently no responsive website in existence thatoffers synchronised viewing of YouTube content featuring a

video chat feature across web, mobile or tablet platforms.

Page 4: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 4/20

EXECUTIVE SUMMARY

Solution

Design and build a responsive prototype for web, mobileand tablet that allows synchronised viewing of YouTube

content with video chat.

Page 5: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 5/20

EXECUTIVE SUMMARY

Problem

Current ‘social vedia’ competitors offer complicated andlengthy user flows and are not accessible, findable or

intuitive by design.

Page 6: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 6/20

EXECUTIVE SUMMARY

Solution

Design and build a prototype for web, mobile and tablet thatallows users to be up and streaming content with friends

over video chat in as few clicks and processes as possible.

Page 7: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 7/20

RESEARCH - COMPETITOR ANALYSIS

Page 8: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 8/20

RESEARCH - COMPETITOR ANALYSIS

Page 9: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 9/20

RESEARCH - COMPETITOR ANALYSIS

Page 10: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 10/20

- Information was not findable across all competitors

RESEARCH - COMPETITOR ANALYSIS FINDINGS

Task 1 Find information to understand how website functionsbefore logging in.

Task 2

- Google Hangouts was promising but not findable, intuitive or

functional. It promised the world but delivered… nothing.

- Watch2Gether was findable but lacked functionality that it

promised such as video chat.

Log in, choose a YouTube video, invite a friend and watch

the video together over video chat.

Page 11: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 11/20

USER JOURNEY

Jerrick (not

to be

confusedwith

Derrick) is

online and

bored

He

stumbles

uponViewify and

wants to

know how it

works

Jerrick (not

Derrick)

likes thesound of it

and logs in

via Facebook

Jerrick loves

Tina Fey and

chooses apopular

YouTube

video

featuring her

Wanting to

share the love,

Jerrick invitesCynthia to

watch and

video chat with

him

Jerrick and

Cynthia watch

Tina Fey onLetterman’s final

show, chatting

and and laugh

together

Page 12: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 12/20

PROTOTYPE

Page 13: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 13/20

PROTOTYPE

Page 14: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 14/20

PROTOTYPE

Page 15: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 15/20

PROTOTYPE

Page 16: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 16/20

PROTOTYPE

Page 17: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 17/20

USER TESTING

- Two users on iPhone

- Two users on iPad

A prototype was presented to a total of four users and presented with two tasks

Task 1

You would like to understand how Viewify functions before logging in.

Task 2

You would like to watch Tina Fey on The Late Show with your friend Cynthia, who you

are friends with on Facebook.

Invite Cynthia to watch with you and view the video together.

Page 18: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 18/20

USER TESTING

Page 19: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 19/20

FINDINGS & SUMMARY

Suggestions from user testing

1. Change YouTube image in information overlay to an image that does not

have a call to action symbol.

2. Revise wording for information overlay

3. Enable users to browse YouTube videos and invitefriends to watch without forcing Facebook sign in at

beginning

4. Change ‘DONE’ button to appear less like a banner and

consider changing colour scheme

5. Change position of ‘DONE’ button to appear at bottom of

friend list

Page 20: Viewify Case Study.pdf

8/21/2019 Viewify Case Study.pdf

http://slidepdf.com/reader/full/viewify-case-studypdf 20/20

NEXT STEPS

• Did not have time to build responsive all way through oncomputer

• Ability to browse YouTube videos and share URL without

requiring Facebook/Social Media sign in

• Ability to invite someone to watch a video at a future date

• Further user testing