Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Web Native Designer, Greenwich University 2012

Ded01cdab114abe4ec13511e4c25b9bb?s=47 Andy Hume
January 13, 2012

The Web Native Designer, Greenwich University 2012

What does it mean to be a web designer today? What does it mean to be native to the web? Joint presentation with Paul Lloyd

Ded01cdab114abe4ec13511e4c25b9bb?s=128

Andy Hume

January 13, 2012
Tweet

More Decks by Andy Hume

Other Decks in Technology

Transcript

  1. WEB NATIVE Andy Hume Paul Lloyd DESIGNER University of Greenwich:

    MA Web Design Content Planning 11 January 2012 THE Friday, 13 January 12
  2. Friday, 13 January 12

  3. e power of the Web is in its universality. Access

    by everyone regardless of disabili is an essential aspect. Tim Berners-Lee http://www.w3.org/People/Berners-Lee/UU.html Friday, 13 January 12
  4. flickr.com/photos/lukeredmond/1795084139/ Design? Friday, 13 January 12

  5. e power of the Web is in its universality. Access

    by everyone regardless of disabili is an essential aspect. Tim Berners-Lee http://www.w3.org/People/Berners-Lee/UU.html Friday, 13 January 12
  6. <a href="javascript:doAjax();"> Friday, 13 January 12

  7. <img src="G.gif">reenwich Friday, 13 January 12

  8. .container { width: 960px; } Friday, 13 January 12

  9. From now on, ins ad of lking about making a

    si accessible, I’m going to lk about keeping it accessible. Jeremy Keith adactio.com/journal/1224 Friday, 13 January 12
  10. <a href="/link/to/our/content"> <a href="javascript:doAjax();"> Friday, 13 January 12

  11. Friday, 13 January 12

  12. Friday, 13 January 12

  13. flickr.com/photos/jglitten/3167874991 Progressive Enhancement Friday, 13 January 12

  14. flickr.com/photos/auntiep/51207712/ A maturing web Friday, 13 January 12

  15. flickr.com/photos/auntiep/51207712/ A maturing web e power of the Web is

    in its universality. Access by everyone regardless of disabili is an essential aspect. Tim Berners-Lee w3.org/People/Berners-Lee/UU.html Friday, 13 January 12
  16. flickr.com/photos/jurvetson/167197691/ Network Effects Friday, 13 January 12

  17. flickr.com/photos/24444656@N05/6618115427/ REST (Representational State Transfer) Friday, 13 January 12

  18. How can we design for the web as a medium

    in it’s own right? Friday, 13 January 12
  19. flickr.com/photos/22416200@N05/5055993048 Radio with pictures Friday, 13 January 12

  20. flickr.com/photos/paulwatson/308973659 Print with interactivity? Friday, 13 January 12

  21. Wanting control needing constraints Friday, 13 January 12

  22. 640×480 Friday, 13 January 12

  23. 800×600 Friday, 13 January 12

  24. 1024×768 Friday, 13 January 12

  25. Friday, 13 January 12

  26. Ag Ag Ag Ag Ag Ag ARIAL VERDANA TREBUCHET MS

    GEORGIA TIMES NEW ROMAN COURIER NEW Friday, 13 January 12
  27. The ‘Mobile Web’ Friday, 13 January 12

  28. flickr.com/photos/adactio/6153481666 Everything is web enabled Friday, 13 January 12

  29. Collective hallucination Friday, 13 January 12

  30. What does web design mean today? Friday, 13 January 12

  31. Friday, 13 January 12

  32. Web typography Friday, 13 January 12

  33. Friday, 13 January 12

  34. Keeping it DRY with media queries .product .title { font-size:

    1em; } @media screen and (max-width: 320px) { .product .title { font-size: 0.75em; } } Friday, 13 January 12
  35. Adaptive layouts Friday, 13 January 12

  36. Responsive Design Friday, 13 January 12

  37. ethanmarcotte.com Friday, 13 January 12

  38. paulrobertlloyd.com Friday, 13 January 12

  39. pt px PRINT SCREEN WEB % em Proportions not fixed

    values Friday, 13 January 12
  40. Beyond responsive design Friday, 13 January 12

  41. Where are our constraints? Friday, 13 January 12

  42. In order to embrace designing na ve layouts for the

    web—wha ver the device—we need to shed the no on that we crea layouts om a canvas in. We need to flip it on its head, and create layouts from the content out. Mark Boulton markboulton.co.uk/journal/comments/a-richer-canvas Friday, 13 January 12
  43. ‘Content is king’ Friday, 13 January 12

  44. Friday, 13 January 12

  45. Microcopy flickr.com/photos/fstorr/6512990915 flickr.com/groups/microcopy/ Friday, 13 January 12

  46. Letting go Friday, 13 January 12

  47. Patterns not pages Friday, 13 January 12

  48. Collaborative design development Friday, 13 January 12

  49. USER EXPERIENCE DESIGNER GRAPHIC/INTERACTION DESIGNER FRONT-END DEVELOPER ENTIRE TEAM Friday,

    13 January 12
  50. USER EXPERIENCE DESIGNER GRAPHIC/INTERACTION DESIGNER FRONT-END DEVELOPER ENTIRE TEAM Friday,

    13 January 12
  51. Design for all Friday, 13 January 12

  52. Thank-you! paulrobertlloyd.com @paulrobertlloyd andyhume.net @andyhume Creative Commons Licensed Attribution, Non-Commercial,

    Share Alike cc Friday, 13 January 12