Know Your Audience - Speaker Deck

Slide 1

Slide 1 text

KNOW YOUR AUDIENCE THE ART OF COLLABORATION Simon Collison ERSKINE DESIGN

Slide 2

Slide 2 text

CASE STUDY THE VANILLA PAGES

Slide 3

Slide 3 text

Video clips removed for slideshow. Sorry folks...

Slide 4

Slide 4 text

RUBBISH! AND NOW WE’VE UPSET MOBY

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

IF YOU BUILD IT THEY WON’T NECESSARILY COME

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

COLLABORATE RESEARCH PROCESS ORGANIC DEVELOPMENT ROADMAP PROTOTYPING TESTING LAUNCH ITERATE REPEAT {

Slide 11

Slide 11 text

ANYONE CAN ADD VALUE

Slide 12

Slide 12 text

ORGANIC, COLLABORATIVE PROCESS

Slide 13

Slide 13 text

AGILE / WATERFALL / SPRINT

Slide 14

Slide 14 text

AUDIENCE GROUPING AND ACTIONS

Slide 15

Slide 15 text

LOGO VISUAL THINKING (LVT) http://www.logovisual.com

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

PROJECT SPACE

Slide 22

Slide 22 text

RESPONSIBILITY TO THE COMMUNITY

Slide 23

Slide 23 text

Trust in the the website and information source. Brevity and swift delivery of information Retrieval of information and value very quickly. Understanding the context of the page and website. Looking for calls to action or next steps.

Slide 24

Slide 24 text

Domain name, branding and design. Integrity - verification through links and profile. Sources - evidence of findings. Volume - the more you write... Voice - what are you providing, and who is it for? Duration - match content to intended audience and subject. Custodians - about the authors and their experience.

Slide 25

Slide 25 text

FEATURES ROADMAP Parallels with good writing... Elmore Leonard tried to “leave out the parts that people skip” George Orwell called it “transparent writing” – or text that lets you see the subject without noticing the words that convey it.

Slide 26

Slide 26 text

CONVENTIONS AND THE ULTIMATE PACKAGE

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Climb the mountains Railscast theme for Textmate: http://railscasts.com/about

Slide 29

Slide 29 text

/* CLIMB THE MOUNTAINS by ERSKINE DESIGN VERSION 1.0 CONTENTS ————— 1.BODY 2.DEFAULT STYLING 3.HEADINGS 4.LINKS 5.IMAGES 6.LAYOUT 7.BRANDING/MASTHEAD 8.NAVIGATION 9.SITE INFO AND FOOTER 10.GLOBAL ELEMENTS 10.1 CAPTIONED IMAGE 10.2 ELEVATION 11.HOMEPAGE 11.1 CONTENT PRIMARY 11.2 CONTENT SECONDARY 11.3 CONTENT TERTIARY */ @import url(reset.css); /* RESET CSS */ Railscast theme for Textmate: http://railscasts.com/about

Slide 30

Slide 30 text

/* 10.GLOBAL ELEMENTS ——————————————————————————————————— */ /* 10.1 CAPTIONED IMAGE —————— */ div.captioned_image { position:relative; } div.captioned_image p.caption { position:absolute; bottom:0; left:0; margin:0; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; line-height:16px; font- style:italic; padding:5px; } /* 10.2 ELEVATIONS —————— */ div#route_elevation { background:#dff1f1; background-position:0 bottom; background- repeat:no-repeat; position:relative; } div#route_elevation ul { list-style:none; margin:0; font-size:9px; } div#route_elevation ul li { margin:0; position:absolute; } div#route_elevation ul li a { color:#333; display:block; background:url(../images/ site/elevation_marker.png) no-repeat 0 5px; padding:0 0 0 15px; } div#route_elevation ul li a:hover, div#route_elevation ul li a:focus { color:#000; } div#route_elevation ul li a img { display:none; } div#route_elevation ul li a:hover img, div#route_elevation ul li a:focus img { display:block; width:40px; height:40px; padding:4px 9px 10px 12px; position:absolute; top:-16px; right:-65px; background:url(../images/site/marker.png) no-repeat 0 0; } Railscast theme for Textmate: http://railscasts.com/about

Slide 31

Slide 31 text

A SINGLE FOCUSED DESIGN PATH

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

PROTOTYPE FEEDBACK

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

ANTICIPATE COMMUNITY USE AND MARKETING

Slide 36

Slide 36 text

Johnny Ball launches ‘Facebook for skills’ Reference to www.skillstories.org

Slide 37

Slide 37 text

Thanks Simon Collison erskinedesign.com colly.com @collylogic