78
Write like a human, think like a robot. sara wachter-boettcher webdagene 2013 www.flickr.com/photos/avoiretc/3441244946/

Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Embed Size (px)

Citation preview

Page 1: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Write like a human,think like a robot.sara wachter-boettcherwebdagene 2013

www.flickr.com/photos/avoiretc/3441244946/

Page 2: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/saracimino/8528177619/

Content needs to be human.

Page 3: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

RelatableRelevantAppropriateEmpathetic

Page 4: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

‘‘People come to Pinterest not just to do things, but to feel things.

Tiffani Jones Brown

Page 5: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

‘‘Stop using marketing words and setting unrealistic expectations... Be genuine in your language and set real expectations.

Steph Hay

Page 6: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

We can take this even further.

Page 7: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Humanness turns data into content.

Page 8: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Mike Atherton, “Beyond the Polar Bear”

Page 9: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 10: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

But we don’t always see this as “our job.”

Page 11: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

{This is a true story.}

Page 12: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Make it look like Pinterest!

You could filter results based on your

horoscope!

What if it customized

content based on the weather?

Those filters are just FPO. The developers

will make it work.

www.flickr.com/photos/crownsocial/6231232219

Page 13: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

{Meanwhile, in dev...}

Page 14: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

What should the algorithm

be based on?

But what fields are actually in the

database?

Where does the feed come from?

Can we add metadata after the feed

comes through?

www.flickr.com/photos/tifotter/544669881

Page 15: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/davidcemin/4201972514

The “concept.”

Page 16: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

{It never launched.}

Page 17: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Some sites aren’t so lucky.

Page 18: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 19: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Some reach challenges down the line.

Page 20: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 21: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

We’ve been here before.

Page 22: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 23: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/gold41/5280122352

There’s no magic cure.

Page 24: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/brightmix/1487922055

Our teams need our help.

Page 25: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/balluffsensors/8448435294

The ‘bots need our help.

Page 26: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

It’s time we get to know the ‘bot brain.

Page 27: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/evilerin/4420070113

Rules let robots make decisions.

Page 28: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

SystematicConsistentAutomatedLogical

Page 29: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

‘‘How do you get that sense of hierarchy of information that we’re familiar with from a printed newspaper page? How do we create that in a form that’s appropriate to the iPad?

Mark Porter, “Introducing the Guardian iPad Edition”

Page 30: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 31: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

While also... 1. Using a simple, flexible grid layout system2. Not manually laying out each day’s edition 3. Doing better than a PDF

Page 32: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 33: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Logic is like a robot style guide: Rules keep the results consistent.

Page 34: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

What it takes: 1. Structure2. Metadata3. Rules4. Transportation5. Context

Page 35: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

1 Structure

Page 36: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/tdd/4493216417

It’s hard to parse this.

Page 37: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/28478778@N05/5728474385/

This is much easier.

Page 38: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 39: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

You need a structural model that matches your users’ mental model.

Page 40: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Does this content need to be:1. Something you can search and sort by?2. Related to other content? 3. Extracted to display elsewhere?4. Reprioritized or resized for some destinations?

Page 41: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 42: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 43: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Recipe• Title • Byline• Publication Attribution• Yield• Active Time• Total Time• Teaser • Image• Preparation• Main Ingredients• Servings• Cooking/Prep Time• Nutritional Information

Page 44: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Metadata2

Page 45: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Extra data the ‘bots can use.

www.flickr.com/photos/rusty_oleum/7325471968/

Page 46: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

DescriptiveStructuralAdministrativeHelpful

Page 47: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Relevant for summer, grillingSecondary content (side dish)May not be distributed to third parties

Page 48: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

3 Rules

Page 49: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

If this, then that.

Page 50: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Every content chunk is an opportunity.

Page 51: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

DisplayCombineRemoveConnectReprioritize

Page 52: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

If a recipe is in the app, then prioritize the ratings, but hide reviews.

Page 53: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

List all side dishes tagged as summer from Gourmet or Bon Appétit in the BBQ feature.

Page 54: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Recipe• Title • Byline• Publication Attribution• Yield• Active Time• Total Time• Teaser • Image• Preparation• Main Ingredients• Servings• Cooking/Prep Time• Nutritional Information

Related Wines

Reviews

Recipe Types

Related Menus

Related Recipes

Related Diets

Page 55: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Transportation4

Page 56: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

You need content that can travel.

Page 57: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

APIs take those content chunks.

www.flickr.com/photos/ogimogi/2253657555/

Page 58: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

And turn them into products.

www.flickr.com/photos/fourstarcashiernathan

Page 59: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

So you can build what you need.

www.flickr.com/photos/wallyg/2391794127

Page 60: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

APIs power things you use every day.

Page 61: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Kin Lane, http://apievangelist.com

Page 62: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)
Page 63: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Yelp Info

User Content

Google Maps+ +

Page 64: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

APIs let you bring them together.

www.flickr.com/photos/vanityblue/8694220424/

Page 65: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Context5

Page 66: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Mashups aren’t necessarily meaningful.

Page 67: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

UI designLabelingExplaining

Page 68: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Things like...• Where should I

go right now? • Sights near me• Most popular

destinations

Page 69: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Content brains bring new possibilities.

Page 70: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

What if... • Time zone

difference alert• Upcoming

weather• City info

It knows... • Starting city • Ending city• Arrival and

departure dates

Page 71: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

You know your content.

Page 72: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

You know your users.

Page 73: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

You know your message.

Page 74: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/paulvaarkamp

There’s nothing to fear.

Page 75: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

You don’t have to write an algorithm. But you can make one better.

Page 76: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

Empathy can’t end at pages.

Page 77: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

www.flickr.com/photos/benhusmann/5126030385

Make all your content more human.

Page 78: Sara Wachter-Boettcher: Skriv som et menneske, tenk som en robot (Webdagene 2013)

thank you,

OSLO!

Images used via CC-Attribution license unless otherwise noted.

sarawb.com @sara_ann_marierfld.me/content-everywhere