How to be a web design superhero

433acaea1012b25d97ae66da9b998dad?s=47 Andy Clarke
April 27, 2006

How to be a web design superhero

Originally presented by Andy Clarke at IceWeb, Reykjavik, Iceland, 2006

433acaea1012b25d97ae66da9b998dad?s=128

Andy Clarke

April 27, 2006
Tweet

Transcript

  1. 1.

    Originally presented by Andy Clarke at IceWeb, Reykjavik, Iceland, 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
  2. 2.

    Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License How to be a web

    design superhero ANDY CLARKE ICEWEB 2006, REYKJAVIK, ICELAND
  3. 5.

    HOW TO BE A WEB DESIGN SUPERHERO “ what do

    you want to be ?” web designer or superhero ?
  4. 6.

    HOW TO BE A WEB DESIGN SUPERHERO a survey of

    10 people (apparently) 85% replied that they would rather be a superhero! 85% 14% 1%
  5. 7.

    HOW TO BE A WEB DESIGN SUPERHERO “ web designers

    should be heroes ” but what makes a hero ?
  6. 8.

    HOW TO BE A WEB DESIGN SUPERHERO every hero has

    an origin a radioactive spider but Peter Parker, Hulk was blasted by gamma rays, the Fantastic Four were bathed in cosmic rays Shaun Inman copied at a copy shop Eric Meyer fried at mcdonalds Molly Holzschlag was an erotic dancer
  7. 9.

    HOW TO BE A WEB DESIGN SUPERHERO web design heroes

    need a weapon of choice a trademark weapon
  8. 10.

    HOW TO BE A WEB DESIGN SUPERHERO web design heroes

    often form powerful teams adaptive path clear:left happy cog heroes form super teams
  9. 11.

    HOW TO BE A WEB DESIGN SUPERHERO heroes are selfless

    web design heroes share their skills and information freely blogs forums projects internal evangelism
  10. 12.

    HOW TO BE A WEB DESIGN SUPERHERO heroes are motivated

    web design heroes have special motivations promoting usability promoting accessibility promoting web standards
  11. 13.

    HOW TO BE A WEB DESIGN SUPERHERO is there a

    web design hero sitting next to you? heroes lead a double life many web designers are known by their alter-ego, brothercake, malarkey or the man in blue
  12. 14.

    HOW TO BE A WEB DESIGN SUPERHERO heroes dress in

    striking costumes with instantly recognizable logos heroes are motif-ated
  13. 15.

    HOW TO BE A WEB DESIGN SUPERHERO web design heroes

    also need a logo that set them apart from the crowd heroes are motif-ated
  14. 24.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to keep pace with new trends: to keep pace with the latest technologies to react when a client says “i want the job tomorrow” super speed
  15. 25.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to stretch themselves very thin: when close to a looming deadline to be flexible in your approach and not fixed to a particular way of working super elasticity
  16. 26.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to see into a clients mind: to understand what he wants, even when he doesn’t know what he wants himself telepathy
  17. 27.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to convince a client that he does not need: a flash splash screen to support Netscape 4 pop-up windows AJAX to be cool mind control
  18. 28.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to understand user needs: understand their goals empathize with their problems design to “get things done” empathy
  19. 29.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    the ability to sense: problem projects problem clients see danger signs ahead of time a sense of danger
  20. 30.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to see into the future: to anticipate new trends in design to think of new ways to use technologies precognition
  21. 31.

    HOW TO BE A WEB DESIGN SUPERHERO super heroes need

    to see through visual presentation : to underlying document structure to appropriate semantics x-ray vision
  22. 32.

    HOW TO BE A WEB DESIGN SUPERHERO sometimes bullets do

    fly in the comments of design galleries or on design forums super heroes need to take on-board constructive criticism and ignore jealousy and negative comments invulnerabilty
  23. 34.

    HOW TO BE A WEB DESIGN SUPERHERO batman has robin

    superman has jimmy olsen, lois lane and krypto the super dog heroes have sidekicks
  24. 35.

    HOW TO BE A WEB DESIGN SUPERHERO evil genius planning

    to take over the world don’t forget the super villain
  25. 36.

    HOW TO BE A WEB DESIGN SUPERHERO superman the batman

    wonder woman daredevil mister fantastic spiderman the green lantern captain america supergirl hulk zeldman tantek celik molly holzschlag joe clark dave shea doug bowman shaun inman eric meyer kelly goto john oxton
  26. 37.

    HOW TO BE A WEB DESIGN SUPERHERO “ I believe

    that the time has now passed for those working with old fashioned methods. Those still delivering nested table layout, spacer gifs or ignoring accessibility can no longer call themselves web professionals. ” http://accessify.com/2005/11/interview-with-andy-clarke-aka.php
  27. 38.

    HOW TO BE A WEB DESIGN SUPERHERO “ a superhero

    never stops trying to learn how to do better ”
  28. 39.

    HOW TO BE A WEB DESIGN SUPERHERO stuffandnonsense.co.uk/ downloads/ designhero.pdf

    presentation slides Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License all images are copyright of their original owners and all copyrights, trademarks and ownerships recognised. this presentation is for educational purposes only