UX for Developers

This presentation is a brief introduction to User Experience design. Something that web developers and engineers should at least have a passing knowledge of.

Transcript

1. 69
   '03 %&7&-01&34 .JLF
   1FBSDF 1)1
   -POEPO
   +BOVBSZ
   ` 4QPOTPSFE
   CZ 8F`SF
   IJSJOH
2. .JLF
   1FBSDF
3. http://social-network.com /MikePearce
5. 4$36.
6. 4$36.
7. 69
   
   64"#*-*5:
8. 'FFMJOH
   TUVQJE 4UVQJE
   .:
   8":
   UIPVHI
   SJHIU http://www.flickr.com/photos/cennydd/3191424928/
9. 69 64"#*-*5: 
10. 6TBCJMJUZ http://www.flickr.com/photos/squirmelia/1840201/
11. 6TFS
    &YQFSJFODF http://www.flickr.com/photos/mr_t_in_dc/4324217998
12. 6TFS
    &YQFSJFODF http://www.flickr.com/photos/mr_t_in_dc/4324217998 &OHBHJOH
    SJHIU
13. 8BJU
14. http://www.flickr.com/photos/ideaconstructor/126678021/
15. http://www.flickr.com/photos/ideaconstructor/126678021/ 5IJT
    QBDLBHJOH
    TUJOLT
16. #web-site-ux { size: small !important } #web-site-ux usability { size: large !important {
17. #web-site-ux { size: small !important } #web-site-ux usability { size: large !important }
18. (SFBU
19. #VU XIZ
    EP
    XF
    DBSF
20. #FDBVTF *U`T
    B
    OJDF
    UIJOH
    UP
    EP
21. http://www.flickr.com/photos/micahtaylor/4366221069/ 4P
22. http://www.flickr.com/photos/jelles/2656101758/
23. http://www.flickr.com/photos/_tar0_/5031998865/ .*-,
    
    40:
24. /05
    40: http://www.flickr.com/photos/plutor/77256105/
25. http://www.flickr.com/photos/micahtaylor/4366221069/ EPO`U
    SVJO
    TPNFPOFT
    EBZ 4P
26. 4FSJPVTMZ
    XUG http://www.flickr.com/photos/squidthing/4476203463/
27. #FDBVTF JU
    NBLFT
    ZPVS
    TJUF
    CFUUFS
28. #FDBVTF JU
    NBLFT
    ZPV
    NPSF
    NPOFZ PS
    ZPVS
    CPTT ?
29. "OZXBZ http://www.flickr.com/photos/fernando/141222763/
30. http://www.flickr.com/photos/kaibara/2601999508/ %PO`U
    NBLF
    NF
    UIJOL
31. $PHOJUJWF MPBE http://www.flickr.com/photos/29487767@N02/2845044715/
32. .BLJOH TFOTF
    PG TUJNVMVT
33. 8PSLJOH
    
    
    
    PVU
    IPX
    UP EP
    TIJU
34. %&7&-01&34
    
    64&34 http://www.flickr.com/photos/winterofdiscontent/3320379277/
35. VICTORY!
36. 5)*/,
37. 5)*/,
38. 5)*/,
39. */
40. PWFSMPBEFE http://www.flickr.com/photos/andreasl/4558473029/
44. )PX
    NBOZ $-*$,4
45. 
46. http://www.flickr.com/photos/jurvetson/2798315677/
47. two camps ... geddit? http://www.flickr.com/photos/yogma/2498362154/
48. http://www.flickr.com/photos/40751908@N06/4783594954/
49. http://www.flickr.com/photos/lorenjavier/5010861501/
50. GSJDUJPO
51. %PO`U
    NBLF
    NF
    UIJOL *`N TUVQJE http://www.flickr.com/photos/bionicteaching/2769665232/
53. 6TFST CMBNF UIFNTFMWFT
54. 6TFST CMBNF UIFNTFMWFT it’s a bit sad really
55. TPC
56. my conceptual model^ http://www.flickr.com/photos/lapolab/5140120870/
57. http://www.flickr.com/photos/duhdenise/5084373779/
61. http://www.flickr.com/photos/rickharris/943223139 BGGPSEBODFT
62. QFSDFJWFE BOE
    BDUVBM QSPQFSUJFT
63. QFSDFJWFE BOE
    BDUVBM QSPQFSUJFT of a thing
64. http://www.flickr.com/photos/eole/3039602094/
65. http://www.graffletopia.com/stencils/566
66. http://www.flickr.com/photos/jurvetson/2798315677/
67. BSSPXT http://www.flickr.com/photos/yjv/2910922647/
68. TFBSDI
     
    TFBSDI
69. TFBSDI
     
    TFBSDI
70. TFBSDI
     
    TFBSDI
72. DBVTF BOE FGGFDU
73. 85' http://www.flickr.com/photos/mjhagen/2973212926/
74. http://www.flickr.com/photos/10901025@N07/2035987387/
77. http://www.flickr.com/photos/theconfluence/2396660387/ GFFECBDL
78. http://www.flickr.com/photos/peterhellberg/4663521307/
82. *EJPU
    TDBO
    ZPVS
    DBSE
83. 69 JO QSBDUJDF QSJWBDZ http://www.flickr.com/photos/markhogan/5123954977/
84. *U`T
    B
    CJU UPVHI
85. #VU
    EPO`U HJWF
    VQ
86. 5IFZ`SF XSPOH
87. ‘American needs you’ man INTERNET
88. &"3-: 4UBSU
89. 4QZ
    PO
    ZPVS DPNQFUJUPST
91. %P
    ZPV
    SFBMMZ
    OFFE UIBU
    NVDI
    DPOUFOU
93. 6TBCJMJUZ UFTUJOH http://www.flickr.com/photos/sidelong/246816211/
94. *U`T
    SFBMMZ
    OPU QPTTJCMF GPS
    VT
    UP
    EP
95. *U`T
    UPP FYQFOJWF
96. http://www.useit.com/alertbox/20000319.html
97.  B
    
    
    
     C
    
     
    
    B
    4BOEXJDIFT C
    5FTUFST
98. -PDBUJOH QSPpMFE UFTUFST
    UBLFT
    BBBBHFT
99. http://www.flickr.com/photos/evnhunter/2399531011/ http://www.flickr.com/photos/caharley72/3636181360/
100. http://www.flickr.com/photos/evnhunter/2399531011/ http://www.flickr.com/photos/caharley72/3636181360/
101. http://www.flickr.com/photos/lorenabuena/376307601/
102. #VJMEJOH QSPUPUZQFT JT
     UPP DPTUMZ
103. UIFO EPO`U
106.  IUNM
107. #VU
     *
     EPO`U
     LOPX IPX UP
     SVO
     B
     UFTU
108. BCPVU 8IBU
     JT
     UIJT
     QBHF
109. BOE
110. EP
     B
     UBTL 4IPX
     NF
     IPX
     ZPV
     XPVME
111. OBSSBUF 
     UIFO
     *
     DMJDL
     PO
     UIF
     bTFBSDI`
     CVUUPO
     BOE
     
     XIBU
     UIF
     IFMM
     B
     
     8IBU
     KBDLBTT
     CVJMU
     UIJT http://www.flickr.com/photos/sugarpond/3016905349/
112. IUUQTJMWFSCBDLBQQDPN
113. *O TVNNBSZ http://www.flickr.com/photos/llauren/4207737949/
114. %PO`U
     NBLF
     NF
     UIJOL http://www.flickr.com/photos/kaibara/2601999508/
115. %PO`U
     NBLF
     NF
     UIJOL *`N TUVQJE http://www.flickr.com/photos/bionicteaching/2769665232/
117. GFFECBDL http://www.flickr.com/photos/theconfluence/2396660387/
118. http://www.flickr.com/photos/evnhunter/2399531011/ http://www.flickr.com/photos/caharley72/3636181360/
119. ‘American needs you’ man INTERNET
120. *G
     ZPV
     POMZ
     SFBE
     POF
121. *G
     ZPV
     SFBE
     UXP
122. *G
     ZPV
     EPO`U
     EP
     CPPLT +BLPC
     /JFMTFO
     VTFJUDPN
123. .JLF
     1FBSDF NJLF!NJLFQFBSDFOFU NJLFQFBSDFOFU UXJUUFSDPNNJLFQFBSDF Thanks!