10 ux video best practices

60

Upload: j-schuh

Post on 27-Jan-2015

112 views

Category:

Documents


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 10 ux video best practices
Page 2: 10 ux video best practices

J. SCHUH

Page 3: 10 ux video best practices

• 15 yrs experience • 10,000 hrs of producing • Industry Leader • Fortune 500 clients

WHY SHOULD YOU LISTEN TO ME?

Page 4: 10 ux video best practices

4 out of 5 INTERNET USERS

WATCH VIDEOS ONLINE

SOURCE: comscore (2009)

Page 5: 10 ux video best practices

U.S. INTERNET USERS WATCHED 34 BILLION VIDEOS IN MAY 2012

SOURCE: NewMedia TrendWatch November 2012

Page 6: 10 ux video best practices

ONLINE VIDEO IS LIKE TV

RIGHT?

Page 7: 10 ux video best practices

BZZZZZZZZZ!

Page 8: 10 ux video best practices

ONLINE VIDEO IS:

SOURCE: Tod Sacerdoti (2010)

• Targetable • Measurable • Real Time

Page 9: 10 ux video best practices

You have a portable video production studio in your pocket.

Page 10: 10 ux video best practices
Page 11: 10 ux video best practices

Baby Boomers’ 1946 – 1964 50 +

Generation X 1965 – 1981 30’s – 40’s

Generation Y 1982 – 1999 20’s – 30’s

Generation Z 2000 + 12 -

GENERATION BORN * AGE

*Experts differ on the start dates of Generation X , Y and Z.

Page 12: 10 ux video best practices

52% OF THE WORLD’S POPULATION

IS UNDER 30-YEARS-OLD

SOURCE: Census 2010

Page 13: 10 ux video best practices

YOUNGER GENERATIONS ARE THE

FIRST TO ADOPT NEW TECHNOLOGIES

SOURCE: NewMedia TrendWatch November 2012

Page 14: 10 ux video best practices

BOOMERS’ ADOPTION OF

NEW TECHNOLOGY

DRIVES GROWTH

SOURCE: NewMedia TrendWatch November 2012

Page 15: 10 ux video best practices

Video ads targeted to children ages 6 to 14 had the

highest video ad click through rate at 3.5%,

but the lowest rate of viewing to completion.

SOURCE: NewMedia TrendWatch November 2012

Page 16: 10 ux video best practices

Ads targeted at older users (35 +) had a 77.4% completion rate.

SOURCE: NewMedia TrendWatch November 2012

Page 17: 10 ux video best practices
Page 18: 10 ux video best practices

“Storytelling is the most powerful way to put ideas

into the world today.” - Robert McKee

Page 19: 10 ux video best practices

EVERY VIDEO SHOULD HAVE AN

INTRODUCTION, BODY AND CLOSING

SOURCE: http://www.youtube.com/watch?v=7xK9qv611sU

Page 20: 10 ux video best practices

ENGAGE, EDUCATE, ENTERTAIN

SOURCE: http://www.youtube.com/watch?v=7xK9qv611sU

Page 21: 10 ux video best practices

Lynda.com acquires Video2brain with $103 million funding

SOURCE: thenextweb.com

Page 22: 10 ux video best practices
Page 23: 10 ux video best practices

REASONS PEOPLE SHARE

1. Answers a question, or evokes an

emotional response

2. Hot topic

3. It aligns with their idenity and how they

want to be perceived

4. Helps to maintain and grow relationships

Page 24: 10 ux video best practices

REASONS PEOPLE DON’T SHARE

1. Too much branding

2. Toxic topic

3. Depressing topic

4. Sex, violence and profanity

Page 25: 10 ux video best practices

MOST PEOPLE LIKE SEX

SOMETIMES THEY DON’T WANT PEOPLE TO KNOW HOW MUCH THEY LIKE IT

HOWEVER I THINK

Page 26: 10 ux video best practices

REASONS WHY ONLINE VIDEO IS COMPELLING & PERSUASIVE

1. The Fusiform Facial Area makes us pay

attention to faces

2. Voice conveys rich information

3. Emotions are contagious

4. Movement grabs attention

SOURCE: Dr. Susan Weinschenk (theteamw.com)

Page 27: 10 ux video best practices
Page 28: 10 ux video best practices

VIDEOS THAT PERFORM BEST CLOCK IN AT AROUND

1 MINUTE

Page 29: 10 ux video best practices

VIDEO IS USUALLY A COMPLEMENT TO, NOT A SUBSTITUTE FOR,

CONTENT

Page 30: 10 ux video best practices

MAKE SURE THE CONTENT OF THE VIDEO CAN BE FOUND EASILY SOMEWHERE ELSE

Page 31: 10 ux video best practices
Page 32: 10 ux video best practices

WHAT’S A CODEC?

codec (n) short for compressor/ decompressor

Page 33: 10 ux video best practices

HTML5 VIDEO CODECS

• MP4 or H.264 • Ogg/Theora • WebM

Page 34: 10 ux video best practices

WHAT’S THE DIFFERENCE

• Ease of encoding • Video quality • Compression size • Cost to use (FREE for Now)

Page 35: 10 ux video best practices

H265 - HEVC (High Efficiency Video Coding)

• Expected to be NEW video codec standard (half the bitrate)

• Mobile Device focused • 4K and 8K support • Requires new hardware • Mid-2014 before widespread use

Page 36: 10 ux video best practices
Page 37: 10 ux video best practices

OVER 1 TRILLION VIEWS

IN 2011

• 72 HRS OF VIDEO UPLOADED EVERY MINUTE

• OVER 4 BILLION HRS WATCHED EACH MONTH

SOURCE: YOUTUBE.COM/PRESS_STATISTICS

Page 38: 10 ux video best practices

TRAFFIC FROM MOBILE DEVICES TRIPLED IN 2011

*YOUTUBE APP REMOVED FROM iPHONE 5

Page 39: 10 ux video best practices

3 HRS OF VIDEO IS UPLOADED PER MINUTE TO YouTube

SOURCE: YOUTUBE.COM/PRESS_STATISTICS

Page 40: 10 ux video best practices
Page 41: 10 ux video best practices

HOST = WEBSITE VIDEO + SEO

• CONTROL • BETTER MEASUREMENT • GENERATE DIRECT TRAFFIC http://ajwood.com/

Page 42: 10 ux video best practices

POST = SYNDICATION VIDEO + SEO

• LARGE AUDIENCE • ORGANIC & UNIVERSAL SEARCH • MULTIPLE SERPS (Search Engine

Results Page)

http://www.youtube.com/ajwood2001

Page 43: 10 ux video best practices

http://www.youtube.com/ajwood2001

A.J. WOOD

17,007 SUBSCRIBERS

DEC 2012

19,201 SUBSCRIBERS

FEB 2013

Page 44: 10 ux video best practices

http://www.youtube.com/ajwood2001

A.J. WOOD

1,998,204 VIDEO VIEWS

FEB 2013

1,831,608

VIDEO VIEWS DEC 2012

Page 45: 10 ux video best practices
Page 46: 10 ux video best practices

THE BIG 3

Page 47: 10 ux video best practices

500 YRS of YouTube video is watched every day on

Facebook!

SOURCE: YOUTUBE.COM/PRESS_STATISTICS

Page 48: 10 ux video best practices

SOURCE: SimplyMeasured

Vine users shared

113,897 videos Feb 9th & 10th 2013

Page 49: 10 ux video best practices

SOURCE: LinkedIn Press Center

2 New Members / sec (172,800 Members / day)

Page 50: 10 ux video best practices

SOURCE: kb.wisc.edu

Caption Your Videos To expand your audience and

increase SEO

Page 51: 10 ux video best practices

SOURCE: kb.wisc.edu

Captioning Best Practices

1. Sync captions to the audio

2. Captions appear on screen long enough to

be read

3. Provide transcripts

4. DON’T Cut words or sound effects

Page 52: 10 ux video best practices

SOURCE: kb.wisc.edu

Benefits of Captioning

1. Accessible to aurally impaired and non-

native speaking viewer

2. Allows sighted viewers to read in loud or

crowded spaces

3. Increased SEO (Search Engine Optimization)

4. Increase in watching the complete video

Page 53: 10 ux video best practices
Page 54: 10 ux video best practices

CHECK ANALYTICS

• WHERE DO VISITORS TO YOUR VIDEO PAGES ARRIVE FROM?

• WHAT % OF TRAFFIC COMES FROM SEARCH ENGINES?

SOURCE: MARK ROBERTSON JUNE 2009

Page 55: 10 ux video best practices

TEST SEARCHES

DO YOUR VIDEOS APPEAR IN SEARCH ENGINES?

SOURCE: MARK ROBERTSON JUNE 2009

Page 56: 10 ux video best practices

MONITOR BEHAVIOR

WHAT % OF VISITORS ARE LINKING TO YOUR VIDEOS OR SHARING?

SOURCE: MARK ROBERTSON JUNE 2009

Page 57: 10 ux video best practices
Page 58: 10 ux video best practices

STUDIES SHOW USERS CAN GET VERY ANNOYED WHEN WEBSITES AUTOPLAY VIDEOS

“I hate it when they do that!” SOURCE: NORMALMODES.COM

Page 59: 10 ux video best practices

1. KNOW YOUR AUDIENCE 2. TELL A STORY 3. KEEP IT “REAL” 4. KEEP IT SHORT 5. COMPRESS IT 6. PUT IT ON YouTube 7. HOST AND POST 8. SOCIALIZE 9. MEASURE IT 10. DON’T AUTOPLAY

Page 60: 10 ux video best practices