Transcript
Page 1: Top Strategies for Better Photos on Your Website

Top Strategies for  

BETTER PHOTOS on Your Website  

Melissa Eggleston  [email protected]

 

 

Page 2: Top Strategies for Better Photos on Your Website
Page 3: Top Strategies for Better Photos on Your Website

"I know it when I see it.”    - Supreme Court Justice Potter Stewart

in Jacobellis v. Ohio (1964)

Page 4: Top Strategies for Better Photos on Your Website

4 Strategies

1.  Understand what makes a great photo 2.  Know how users engage with photos online 3.  Determine great photos for your website 4.  Figure out how to get these photos

Page 5: Top Strategies for Better Photos on Your Website

•  DO:  Content  strategy,  content  crea1on  (text,  photos,  graphics)  and  user  experience  research  

•  LOVE:  WordPress  and  its  community,  photography,  art,  teachers  and  other  people  who  are  passionate  about  what  they  do  

•  HATE:  Rota1ng  carousels/sliders  on  websites,  cold  weather  and  whining  

About Me

Page 6: Top Strategies for Better Photos on Your Website

What makes a great photo?

Page 7: Top Strategies for Better Photos on Your Website
Page 8: Top Strategies for Better Photos on Your Website
Page 9: Top Strategies for Better Photos on Your Website
Page 10: Top Strategies for Better Photos on Your Website
Page 11: Top Strategies for Better Photos on Your Website
Page 12: Top Strategies for Better Photos on Your Website
Page 13: Top Strategies for Better Photos on Your Website
Page 14: Top Strategies for Better Photos on Your Website
Page 15: Top Strategies for Better Photos on Your Website
Page 16: Top Strategies for Better Photos on Your Website
Page 17: Top Strategies for Better Photos on Your Website

Moment

Light Emotion

Page 18: Top Strategies for Better Photos on Your Website

“If your pictures aren’t good enough, you’re not close enough.”  

 - Robert Capa Photojournalist

Page 19: Top Strategies for Better Photos on Your Website
Page 20: Top Strategies for Better Photos on Your Website
Page 21: Top Strategies for Better Photos on Your Website
Page 22: Top Strategies for Better Photos on Your Website

Background  –  ideally  contribu1ng,  but  at  least  not  distrac1ng  

Page 23: Top Strategies for Better Photos on Your Website

Add  Craig  B  photo  edited  

Page 24: Top Strategies for Better Photos on Your Website
Page 25: Top Strategies for Better Photos on Your Website
Page 26: Top Strategies for Better Photos on Your Website
Page 27: Top Strategies for Better Photos on Your Website

Hemming and hawing = rejected

Page 28: Top Strategies for Better Photos on Your Website

How do people engage with photos online?

Page 29: Top Strategies for Better Photos on Your Website
Page 30: Top Strategies for Better Photos on Your Website
Page 31: Top Strategies for Better Photos on Your Website
Page 32: Top Strategies for Better Photos on Your Website
Page 33: Top Strategies for Better Photos on Your Website
Page 34: Top Strategies for Better Photos on Your Website
Page 35: Top Strategies for Better Photos on Your Website

Real  Images  Are  Scru1nized  

Page 36: Top Strategies for Better Photos on Your Website

Give  me  some  real  bakers!  

Page 37: Top Strategies for Better Photos on Your Website
Page 38: Top Strategies for Better Photos on Your Website
Page 39: Top Strategies for Better Photos on Your Website
Page 40: Top Strategies for Better Photos on Your Website
Page 41: Top Strategies for Better Photos on Your Website

41  

Page 42: Top Strategies for Better Photos on Your Website
Page 43: Top Strategies for Better Photos on Your Website
Page 44: Top Strategies for Better Photos on Your Website
Page 45: Top Strategies for Better Photos on Your Website

1.  Prefer large photos to small photos

2.  Study real people

3.  Ignore stock or staged photos

4.  Like to look at faces

5.  Look where faces point them or may emotionally connect with direct eye contact

6.  DO NOT LIKE CAROUSELS

Website viewers

Page 46: Top Strategies for Better Photos on Your Website

What makes a great photo for your website?

Page 47: Top Strategies for Better Photos on Your Website
Page 48: Top Strategies for Better Photos on Your Website
Page 49: Top Strategies for Better Photos on Your Website
Page 50: Top Strategies for Better Photos on Your Website
Page 51: Top Strategies for Better Photos on Your Website
Page 52: Top Strategies for Better Photos on Your Website
Page 53: Top Strategies for Better Photos on Your Website
Page 54: Top Strategies for Better Photos on Your Website

1.  Is the right size 2.  Fits the space well

3.  Meets your audience’s needs in

addition to your goals

4.  Reflects the chosen message

A Great Photo for Your Website

Page 55: Top Strategies for Better Photos on Your Website

Where do we get great photos?

Page 56: Top Strategies for Better Photos on Your Website
Page 57: Top Strategies for Better Photos on Your Website

What if we need to do it ourselves?

Page 58: Top Strategies for Better Photos on Your Website

1.  Take a live photo class

2.  View great photos (NY Times, newspapers, magazines)

3.  Practice shooting yourself

4.  Ben Long’s book or class on lynda.com

5.  Do not host an event and shoot photos at the same time, please

DIY Tips

Page 59: Top Strategies for Better Photos on Your Website

•  UNC-Chapel Hill Journalism School Professors

•  Nielsen/Norman Group E-Newsletter

•  100 Things Every Designer Needs to Know About People by Susan Weinschenk

•  Articles found though online searching

•  Personal experience running usability tests and shooting photos

•  shouldiuseacarousel.com

Sources

Page 60: Top Strategies for Better Photos on Your Website

Q&A

Page 61: Top Strategies for Better Photos on Your Website

Audience Challenge

1.  Now that you know the inputs, find a really great photo online

2.  Email me the link and tell me why you think it’s a great photo ([email protected])

3.  Perhaps win a 30 minute consulting call

Page 62: Top Strategies for Better Photos on Your Website

Let’s Keep Talking

Email: [email protected] Twitter: @melissa_egg Blog: melissaegg.com/blog      


Top Related