0
Designing the
Digital Experience



                             David Lee King
      Topeka & Shawnee County Public Libra...
what is
                                              experience?




http://flickr.com/photos/wvs/1457017696/
http://flic...
experience design?

“an approach to
creating successful
experiences for people
in any medium”
            - Nathan Shedroff
http://flickr.com/photos/dragnfly78/220689303/




     American Girl
Three
 paths to
experience
       http://flickr.com/photos/didmyself/2354238160/
Structural
     Path




    http://flickr.com/photos/gdominici/93021919/
http://flickr.com/photos/angrykeyboarder/2316631084/




http://flickr.com/photos/maproomsystems/2872203555/
http://headrush.typepad.com/creating_passionate_users/2006/02/its_the_stupid.html
three
approaches to
  structure
http://flickr.com/photos/7855449@N02/2780452644/
http://flickr.com/photos/liewcf/467408934/




Getting Real, by 37signals
http://flickr.com/photos/liewcf/467408934/




Getting Real, by 37signals
Skipping down the
structured path
 • look at your websites with critical eyes
 • think about what makes people stumble
 • ...
Community
Path
http://flickr.com/photos/rwhitlock/1422242668/
digital community
experience...
digital community
experience...
       • real conversation
       • connections
       • invitation
       • participation...
Real Conversation
Connections
Invitation
Participation
Sense of
Familiarity
Telling our Stories




                      http://flickr.com/photos/bjackrian/2111462650/
http://flickr.com/photos/thomashawk/5741775/




Customer
     Path
http://flickr.com/photos/jamesyu/366732085/
http://www.sportclips.com/uploadedimages/Photo_Gallery/South%20Carolina%20SC%20Team.jpg
Digital Version?
Commonalities?
Commonalities?
Customer
                                                  Journey
                                                 Mappin...
improving the ordinary




http://flickr.com/photos/rvettese/264579764/   http://flickr.com/photos/goatopolis/189188667/
what’s next?


         http://flickr.com/photos/b-tal/116220689/
connect
the
customer...
Create an
                                                 experience stage




http://flickr.com/photos/kgradinger/2095191...
Create an
                                                 experience stage




http://flickr.com/photos/kgradinger/2095191...
Work on Conversation



http://flickr.com/photos/damiel/221166778/
http://flickr.com/photos/spursfan_ace/2328879637/




                                                   http://flickr.com/p...
Thank you!




  davidleeking.com
Designing The Digital Experience
Designing The Digital Experience
Designing The Digital Experience
Upcoming SlideShare
Loading in...5
×

Designing The Digital Experience

3,111

Published on

My presentation that's based on my book about designing a digital experience on the web.

Published in: Design, Technology
2 Comments
9 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,111
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
160
Comments
2
Likes
9
Embeds 0
No embeds

No notes for slide

Transcript of "Designing The Digital Experience"

  1. 1. Designing the Digital Experience David Lee King Topeka & Shawnee County Public Library davidleeking.com
  2. 2. what is experience? http://flickr.com/photos/wvs/1457017696/ http://flickr.com/photos/naystin/426042772/
  3. 3. experience design? “an approach to creating successful experiences for people in any medium” - Nathan Shedroff
  4. 4. http://flickr.com/photos/dragnfly78/220689303/ American Girl
  5. 5. Three paths to experience http://flickr.com/photos/didmyself/2354238160/
  6. 6. Structural Path http://flickr.com/photos/gdominici/93021919/
  7. 7. http://flickr.com/photos/angrykeyboarder/2316631084/ http://flickr.com/photos/maproomsystems/2872203555/
  8. 8. http://headrush.typepad.com/creating_passionate_users/2006/02/its_the_stupid.html
  9. 9. three approaches to structure
  10. 10. http://flickr.com/photos/7855449@N02/2780452644/
  11. 11. http://flickr.com/photos/liewcf/467408934/ Getting Real, by 37signals
  12. 12. http://flickr.com/photos/liewcf/467408934/ Getting Real, by 37signals
  13. 13. Skipping down the structured path • look at your websites with critical eyes • think about what makes people stumble • then figure out some goals • Big goal – don’t make me think (about your structure)
  14. 14. Community Path
  15. 15. http://flickr.com/photos/rwhitlock/1422242668/
  16. 16. digital community experience...
  17. 17. digital community experience... • real conversation • connections • invitation • participation • sense of familiarity • telling our stories
  18. 18. Real Conversation
  19. 19. Connections
  20. 20. Invitation
  21. 21. Participation
  22. 22. Sense of Familiarity
  23. 23. Telling our Stories http://flickr.com/photos/bjackrian/2111462650/
  24. 24. http://flickr.com/photos/thomashawk/5741775/ Customer Path
  25. 25. http://flickr.com/photos/jamesyu/366732085/
  26. 26. http://www.sportclips.com/uploadedimages/Photo_Gallery/South%20Carolina%20SC%20Team.jpg
  27. 27. Digital Version?
  28. 28. Commonalities?
  29. 29. Commonalities?
  30. 30. Customer Journey Mapping http://flickr.com/photos/thetoad01/2317084812/
  31. 31. improving the ordinary http://flickr.com/photos/rvettese/264579764/ http://flickr.com/photos/goatopolis/189188667/
  32. 32. what’s next? http://flickr.com/photos/b-tal/116220689/
  33. 33. connect the customer...
  34. 34. Create an experience stage http://flickr.com/photos/kgradinger/2095191253/
  35. 35. Create an experience stage http://flickr.com/photos/kgradinger/2095191253/
  36. 36. Work on Conversation http://flickr.com/photos/damiel/221166778/
  37. 37. http://flickr.com/photos/spursfan_ace/2328879637/ http://flickr.com/photos/twcollins/867628074/
  38. 38. Thank you! davidleeking.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×