UX & SEO: Working Together to Heal the Rift Between Customers and the Marketers Who Love Them

A presentation at Information Architecture Summit 2011 in April 2011 in Denver, CO, USA by Jonathon Colman

Slide 1

Slide 1

I’m a UX Designer – and I’m an SEO: Working Together to Heal the Rift Between Customers and the Marketers Who Love Them User Experience Search Engines Erin Hawk (UX) and Jonathon Colman (SEO) 2011 IA Summit: Saturday, April 2

Slide 2

Slide 2

IA SU M M IT W IN NE R: LO NG ES T SE SS IO N TI TL E I’m a UX Designer – and I’m an SEO: Working Together to Heal the Rift Between Customers and the Marketers Who Love Them User Experience Search Engines Erin Hawk (UX) and Jonathon Colman (SEO) 2011 IA Summit: Saturday, April 2

Slide 3

Slide 3

Let’s learn about you with a quick survey… Photo © Flickr user omarhabayeb, flickr.com/photos/omarhabayeb

Slide 4

Slide 4

Our question: Can UX and SEO be like chocolate and peanut butter? Photo © Flickr user jamieanne, flickr.com/photos/jamieanne

Slide 5

Slide 5

So am I. Prove it! Hmmmm… I’m skeptical. And would it kill ya to gimme a cheezburger?! (and hunky) Photo © Flickr user slowhat, flickr.com/photos/slowhat

Slide 6

Slide 6

Top 5 UX design myths about SEO Photo © Flickr user LVCHEN, flickr.com/photos/yungyeh

Slide 7

Slide 7

Myth: SEO is SPAM. Photo © Flickr user OCReactive, flickr.com/photos/ocreactive

Slide 8

Slide 8

Slide 9

Slide 9

Reality: SEO is relevancy marketing. Photo © Flickr user jmsvuk, flickr.com/photos/jmsvuk

Slide 10

Slide 10

Yep, it’s this one. It’s just one tool in your belt. Photo © Flickr user herzogbr, flickr.com/photos/herzogbr

Slide 11

Slide 11

High search rank correlates with high traffic and conversion. Source: The Atlas Rank Report: How Search Engine Rank Impacts Traffic

Slide 12

Slide 12

Myth: Design is for people, not robots. Photo © Flickr user mringseis, flickr.com/photos/mringseis

Slide 13

Slide 13

Reality: Search engines are consumers of your content, too. Photo © Flickr user H Brown, flickr.com/photos/heathercbrown

Slide 14

Slide 14

…and people rely on robots as wayfinding agents. Tip: We prefer City O’ City coffee at 206 E. 13th Ave. Photo © Flickr user ebatty, flickr.com/photos/ebatty

Slide 15

Slide 15

Myth: SEO seems filled with secrets and mysteries. Photo © Flickr user JK Mallory, flickr.com/photos/41499497@N06

Slide 16

Slide 16

Reality: So is any discipline… when seen from the outside. Photo © Flickr user Xavier de Jauréguiberry, flickr.com/photos/25831000@N08

Slide 17

Slide 17

SEOs are not gurus; they’re just practitioners. Like you! Photo © Flickr user mrbenjamin, flickr.com/photos/25199042@N06

Slide 18

Slide 18

…and SEO works best when it’s built-in to the experience. Photo © Flickr user Jonesemyr, flickr.com/photos/47557199@N03

Slide 19

Slide 19

Myth: SEO is about text, not design. Photo © Flickr user jcolman, flickr.com/photos/jcolman

Slide 20

Slide 20

Let’s look at a product page…

Slide 21

Slide 21

Text is clearly an important part of the experience for humans and search engines.

Slide 22

Slide 22

…but how did they find that product? Design and architecture affect humans and search engines.

Slide 23

Slide 23

SEO Reality: SEO is all about IA, taxonomy, ops, analytics, infrastructure, relationships… UX! Photo © Flickr user temposmodernos, flickr.com/photos/50806803@N08

Slide 24

Slide 24

Myth: I can rely on advertising for traffic. Photo © Flickr user s.urich, flickr.com/photos/urichsj

Slide 25

Slide 25

Reality: Paid Search CPC increases ≈30% each year. Does your ad budget?

Slide 26

Slide 26

Reality: If SEO isn’t at least 50% of your traffic, it’s still growing.

Slide 27

Slide 27

Top 5 SEO myths about UX design Photo © Flickr user LVCHEN, flickr.com/photos/yungyeh

Slide 28

Slide 28

Myth: You can’t truly measure “experience”. Photo © Flickr user undoneclothing, flickr.com/photos/undoneclothing

Slide 29

Slide 29

Reality: UX has many tools for measurement. Photo © Flickr user Winter Bicycles, flickr.com/photos/22538785@N05

Slide 30

Slide 30

Myth: You can’t tie UX to profits. Photo © Flickr user mickwatson, flickr.com/photos/mickwatson

Slide 31

Slide 31

Reality: ERIN, PUT SOMETHING HERE, pretty please. Image by Dr. Susan Weinschenk © Human Factors International, Inc., http://www.humanfactors.com/ROIposter.asp

Slide 32

Slide 32

Myth: Search solves all your navigation issues. Photo © Flickr user refmo, flickr.com/photos/refmo

Slide 33

Slide 33

Reality: Users often don’t know what they don’t know. And that’s OK. Photo © Flickr user zert.sonstige_2008, flickr.com/photos/32552054@N04

Slide 34

Slide 34

…because learning and refining is part of their experience. Marcia J. Bates: The Design of Browsing and Berrypicking Techniques for the Online Search Interface http://gseis.ucla.edu/faculty/bates/berrypicking.html

Slide 35

Slide 35

Myth: I already know our customers! Photo © Flickr user coblat, flickr.com/photos/coblat

Slide 36

Slide 36

OK, so which one am I? Reality: You don’t know Jack. Or Jill! Until you test. Photo © Flickr user MeFind, flickr.com/photos/mefind

Slide 37

Slide 37

Myth: The user’s feelings don’t matter. Photo © Flickr user wishardofoz, flickr.com/photos/wishardofoz

Slide 38

Slide 38

Which one of these people will come back? Or recommend you? Reality: Satisfied customers are your best referrers. Photo © Flickr user lunaciel, flickr.com/photos/lunaciel

Slide 39

Slide 39

Actually, the user doesn’t matter. Photo © Flickr user yubyungman, flickr.com/photos/yubyungman

Slide 40

Slide 40

Reality: Search engines can’t buy anything from you. Photo © Flickr user largeprime, flickr.com/photos/largeprimenumber

Slide 41

Slide 41

Time for our group exercise! Photo © Flickr user usnavynvns, flickr.com/photos/usnavynvns

Slide 42

Slide 42

Witty, huh? Scenario: This is a product users like. REI ranks well for its name. And it drives traffic.

Slide 43

Slide 43

When customers click on the search result, they get a “Product Unavailable” page.

Slide 44

Slide 44

But guess what? We have a newer version of this product in stock! But it’s located at a different URL that does not rank well in search.

Slide 45

Slide 45

What would YOU do? Split into two teams… Team SEO: What would you do to improve findability and drive traffic to the new version of the jacket? Team UX: What would you do to reduce bounce rate on the old jacket and improve conversion for the new version? Photo © Flickr user Colin_K, flickr.com/photos/colinkinner

Slide 46

Slide 46

Nice work! This stormtrooper demands that you hug it out now. Photo © Flickr user balkov, flickr.com/photos/balakov

Slide 47

Slide 47

So… Can we make UX and SEO be like chocolate and peanut butter? Photo © Flickr user jamieanne, flickr.com/photos/jamieanne

Slide 48

Slide 48

Photo © Flickr user let5ch, flickr.com/photos/letscher

Slide 49

Slide 49

Photo © Flickr user Rajiv Patel, flickr.com/photos/23679420@N00

Slide 50

Slide 50

Want more SEO/UX resources? Get 90+ hand-curated articles and tools here: www.delicious.com/seo_ux PhotoPhoto © Flickr © Flickr user Winter user Rajiv Bicycles, Patel, flickr.com/photos/22538785@N05 flickr.com/photos/23679420@N00

Slide 51

Slide 51

Erin Hawk: UX @ REI Twitter @erinhawk Jonathon Colman: SEO @ REI Twitter @jcolman Graphic © Flickr user Jesse Fletcher, flickr.com/photos/jaxsilver