Slide 1

Slide 1 text

Originally presented by Andy Clarke at SXSW, Austin, Texas, 2006 How to be a web design superhero Andy Clarke is a digital designer, speaker, and writer whose designs have helped companies around the world to increase their sales pipeline and revenue, and charities to increase donations. He founded Stuff & Nonsense and has consulted and designed for clients including Disney Store UK, Fairfax Media, Home Office (UK), Greenpeace, ISO, SAP, STV, SunLife, WIPO, and WWF. He works on creative website and digital product designs and provides ongoing creative direction. He coaches agencies and mentors designers on dealing with clients, and delivering creative projects. If you’re looking to design better digital products and websites, develop a design system or style guide, or want to understand how design can help your business, you should talk to him. Stuff & Nonsense Ltd. Eversleigh, Lon Capel, Gwaenysgor, Flintshire, LL18 6EJ, UK For work enquiries go to stuffandnonsense.co.uk or call +44 (0)1745 851848

Slide 2

Slide 2 text

SXSW INTERACTIVE MARCH 2006 images from www.alexrossart.com andy budd and andy clarke how to be a web design superhero

Slide 3

Slide 3 text

what would you prefer to be? a web designer or a superhero? Q

Slide 4

Slide 4 text

1 85 1 4 % % % apparently a survey of 100 people asked a85% replied that they would prefer to be a superhero!

Slide 5

Slide 5 text

to survive in a modern world, web designers must be superheroes

Slide 6

Slide 6 text

learn what it takes to become a web design superhero

Slide 7

Slide 7 text

what makes a superhero?

Slide 8

Slide 8 text

EVERY HERO HAS AN ORIGIN A RADIOACTIVE SPIDER BIT PETER PARKER, BRUCE BANNER WAS BLASTED BY GAMMA RADIATION AND THE FANTASTIC FOUR WERE BATHED IN COSMIC RAYS

Slide 9

Slide 9 text

web design superheroes have strong morals, strong code and a strong moral code superheroes have a strong moral code, risking all for the greater good

Slide 10

Slide 10 text

web design superheroes share their skills and information freely superheroes are selfless as they fight crime and keep the world safe from danger

Slide 11

Slide 11 text

many web design superheroes have special motivations such as promoting usability or web standards superheroes have special motivations

Slide 12

Slide 12 text

you may have seen a web design superhero s work, but do you know what they look like? are they sitting next to you? superman is clark kent, spiderman is peter parker, many web designers too lead a secret, double life ’

Slide 13

Slide 13 text

superheroes often retreat to a secret hideaway web design superheroes need a secret hideaway, a source of inspiration, somewhere to store super gadgets

Slide 14

Slide 14 text

superheroes are easily identified by their costumes and logos

Slide 15

Slide 15 text

web designers also require a great logo to set them apart from the crowd

Slide 16

Slide 16 text

and a super website

Slide 17

Slide 17 text

superheroes often have a mundane job by day and exercise their super powers by night many web design superheroes are the same, exercising their skills by night on personal projects

Slide 18

Slide 18 text

adaptive path happy cog blue flavor sometimes superheroes group together to form powerful teams

Slide 19

Slide 19 text

the best designers are skilled their with tools and have a utility belt full of useful stuff: fonts, icons and images some superheroes dont have superpowers, relying instead on gadgets and special abilities

Slide 20

Slide 20 text

web designers also need a weapon of choice, be that photoshop, flash or the humble text editor many superheroes have a trademark weapon

Slide 21

Slide 21 text

what super powers do you need to become a web design superhero? a superheros main defining feature is their super power

Slide 22

Slide 22 text

superpowers

Slide 23

Slide 23 text

to keep pace with new trends and technologies super speed to react when a client says i want it tomorrow!’’ ’’

Slide 24

Slide 24 text

elasticity an ability to stretch ones self very thin, particularly close to a looming deadline

Slide 25

Slide 25 text

telepathy and clairvoyance an ability to see into a clients mind and understand what he means by i want it easy to use and other such vaguerisms ’’ ’’

Slide 26

Slide 26 text

mind control an ability to convince a client that he does not need a flash splash screen or pages of content nobody will read

Slide 27

Slide 27 text

empathy an ability to understand users, their goals and problems

Slide 28

Slide 28 text

ability to sense problem projects or clients danger Sense see problems and rectify them before they happen

Slide 29

Slide 29 text

precognition an ability to see into the future and anticipate new trends

Slide 30

Slide 30 text

x-ray vision the ability to see through visual presentation to the underlying semantics, to avoid making presentational markup and css

Slide 31

Slide 31 text

invulnerability sometimes bullets do fly in the comments of design galleries or on design forums

Slide 32

Slide 32 text

invisibility where ARE the women in web design?

Slide 33

Slide 33 text

batman has robin, superman has jimmy olsen, lois lane and krypto the super dog alongside many superheroes is a sidekick

Slide 34

Slide 34 text

superman s pal jimmy olsen the boy wonder robin every superhero needs a pal ’

Slide 35

Slide 35 text

superman has lex luthor, spiderman has the green goblin every superhero needs a villain

Slide 36

Slide 36 text

every superhero needs a villain evil genius who plans to take over the world green goblin

Slide 37

Slide 37 text

who are your heroes? Superman the batman wonder woman daredevil captain fantastic spiderman the green lantern captain america flash supergirl hulk zeldman tantek celik molly holzschlag jeff veen dave shea doug bowman shaun inman cameron moll joshua davis veerle peiters john oxton

Slide 38

Slide 38 text

which superpowers would you choose and why? Q

Slide 39

Slide 39 text

andy budd andybudd.com / sxsw06 / super .pdf andy clarke stuffandnonsense .co.uk / downloads / super .pdf all images are copyright of their original owners and all copyrights, trademarks and ownerships recognised. this presentation is for educational purposes only images from www.alexrossart.com