Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Once upon a time... before UX became relevant

633 views

Published on

User Experience is the result of the evolution of a discipline based on Frederick Taylor’s turn-of-the-20th-century book, The Principles of Scientific Management (1911).
My story tells,
1) How User Experience has evolved as the integration of multiple disciplines
2) How user’s needs and expectations are the keystones of successful projects and products.
3) What we can all do to make UX even better

Published in: Technology
  • Be the first to comment

Once upon a time... before UX became relevant

  1. 1. 1April 2016 mvan@BeyondTheInterface© Michael Van der Gaag
  2. 2. 2April 2016 mvan@BeyondTheInterface© #Spectrum16 What are we talking about? User Experience
  3. 3. 3April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience (UX) is more than usability 3
  4. 4. 4April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience (UX) is more than usability Easy to learn Does what I want Meets my needs Wants Easy to understand Fits my “context” Likes Easy to navigate Makes Sense Visually appealing 4
  5. 5. 5April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience is: 5
  6. 6. 6April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience is: 6
  7. 7. 7April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience is: 7
  8. 8. 8April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience is: 8
  9. 9. 9April 2016 mvan@BeyondTheInterface© #Spectrum16 Why Discuss UX at Spectrum?
  10. 10. 10April 2016 mvan@BeyondTheInterface© #Spectrum16 Computer Science Ergonomics Branding Market Research Software Testing Software Design Anthropology Human/Comp Interaction Human Factors Experience Design Analytics Quality Interaction Design User Research Why Discuss UX at Spectrum? Training Library Science Graphic Arts Psychology Technical Communication Performance Support Information Architecture Visual Design Cognitive Science Content Strategy
  11. 11. 11April 2016 mvan@BeyondTheInterface© #Spectrum16 Computer Science Ergonomics Branding Market Research Software Testing Software Design Anthropology Human/Comp Interaction Human Factors Experience Design Analytics Quality Interaction Design User Research Why Discuss UX at Spectrum? Training Library Science Graphic Arts Psychology Technical Communication Performance Support Information Architecture Visual Design Cognitive Science Content Strategy
  12. 12. 12April 2016 mvan@BeyondTheInterface© #Spectrum16 Da Vinci’s illustration Fitting humans to the space around them Where does UX come from? (When did it start? ) Vitruvian man
  13. 13. 13April 2016 mvan@BeyondTheInterface© #Spectrum16 Computer (Business-Personal) User Experience: Innovation Time Line 20101880 1890 1900 1910 1920 1930 1940 1950 1960 1970 1980 1990 2000 Industrial Revolution (Specialization / Efficiency) Military (Safety/Logistics) Telephony (Systems) Internet (W.W.W.) e-Commerce (Social media)
  14. 14. 14April 2016 mvan@BeyondTheInterface© #Spectrum16 Computer (Business-Personal) User Experience: Innovation Time Line 20101880 1890 1900 1910 1920 1930 1940 1950 1960 1970 1980 1990 2000 Industrial Revolution (Specialization / Efficiency) Military (Safety/Logistics) Telephony (Systems) Internet (W.W.W.) e-Commerce (Social media) Taylor (Time/Work Studies) Gilbreth (Time/Motion/Efficient) Gantt (Process Optimization) Link (Workforce Training) Karlin (Human Factors) Taylor –Xerox PARC (Arpanet,1st PC) Chapanis (Ergonomics) Dryfus (Design for People) Jobs (Macintosh) Gates (Windows) Norman (1st UX Architect) 1900 1910 1920 1930 1940 1950
  15. 15. 15April 2016 mvan@BeyondTheInterface© #Spectrum16 Computer (Business-Personal) User Experience: Innovation Time Line 20101880 1890 1900 1910 1920 1930 1940 1950 1960 1970 1980 1990 2000 Industrial Revolution (Specialization / Efficiency) Military (Safety/Logistics) Telephony (Systems) Internet (W.W.W.) e-Commerce (Social media) Taylor (Time/Work Studies) Gilbreth (Time/Motion/Efficient) Gantt (Process Optimization) Link (Workforce Training) Karlin (Human Factors) Taylor –Xerox PARC (Arpanet,1st PC) Chapanis (Ergonomics) Dryfus (Design for People) Jobs (Macintosh) Gates (Windows) Norman (1st UX Architect) 1900 1910 1920 1930 1940 1950
  16. 16. 16April 2016 mvan@BeyondTheInterface© #Spectrum16 1900 1910 1920 1930 1940 1950 User Experience: Innovation Time Line Frederick Taylor • Scientific Management –Time Studies • Select Worker Efficiency • Speeding up the means of production • Getting workers to do more in less time.
  17. 17. 17April 2016 mvan@BeyondTheInterface© #Spectrum16 1900 1910 1920 1930 1940 1950 User Experience: Innovation Time Line Frank and Lillian Gilbreth • Pioneered time and motion studies • Use of Motion Pictures & Stop Motion • Goal: Reduce Time and Energy • Specialized diagram & symbols (Therbligs) • Efficiency =Standards/(Effort + Motion)
  18. 18. 18April 2016 mvan@BeyondTheInterface© #Spectrum16 1900 1910 1920 1930 1940 1950 Henry Gantt • Task Dependencies/Efficiency • Project Management • Hoover Dam and Interstate Highway System User Experience: Innovation Time Line
  19. 19. 19April 2016 mvan@BeyondTheInterface© #Spectrum16 1910 1920 1930 1940 1950 1960 User Experience: Innovation Time Line Edwin Link • Pilot Training • Systems Simulation (“Link Trainer”) • Half Million Pilots Trained
  20. 20. 20April 2016 mvan@BeyondTheInterface© #Spectrum16 1930 1940 1950 1960 1970 1980 User Experience: Innovation Time Line Alfonse Chapanis • Design Machine for Use by People • Founder of Ergonomics/Human Factors • "Applied Experimental Psychology: Human Factors in Engineering Design."
  21. 21. 21April 2016 mvan@BeyondTheInterface© #Spectrum16 1930 1940 1950 1960 1970 1980 User Experience: Innovation Time Line John E Karlin • 1st Industrial Psychologist at Bell Labs • Human Factors -Telephony • Phone cord • KeyPad layout > Push Button
  22. 22. 22April 2016 mvan@BeyondTheInterface© #Spectrum16 1940 1950 1960 1970 1980 1990 User Experience: Innovation Time Line Robert Taylor • ARPANET Director Info Proc Techniques • Co-Founder of Xerox PARC • Computer Networking & Communication systems Xerox PARC • 1st networked PC with windowed display and graphical user interface • Point and Click Mouse , Bitmap Graphics • Laser Printers, Ethernet, Object Oriented Prog
  23. 23. 23April 2016 mvan@BeyondTheInterface© #Spectrum16 User Experience: Innovation Time Line 20101880 1890 1900 1910 1920 1930 1940 1950 1960 1970 1980 1990 2000 Taylor (Time/Work Studies) Industrial Revolution (All Tasks by All Labor) Gilbreth (Time/Motion/Efficient) Gantt (Process Optimization) Computer (Business-Personal) Telephony (Systems) Link (Workforce Training) Karlin (Human Factors) Taylor –Xerox PARC (Arpanet,1st PC) Chapanis (Ergonomics) Dryfus (Design 4 People) Jobs (Macintosh) Gates (Windows 3.1) Internet (W.W.W.) e-Commerce (Social media) Norman (1st UX Architect) Military (Safety/Logistics)
  24. 24. 24April 2016 mvan@BeyondTheInterface© WHAT UX HAS BECOME
  25. 25. 25April 2016 mvan@BeyondTheInterface© #Spectrum16 UX Product Explosion
  26. 26. 26April 2016 mvan@BeyondTheInterface© #Spectrum16 UX Product Explosion
  27. 27. 27April 2016 mvan@BeyondTheInterface© #Spectrum16 UX Product Explosion
  28. 28. 28April 2016 mvan@BeyondTheInterface© #Spectrum16 UX Product Explosion
  29. 29. 29April 2016 mvan@BeyondTheInterface© #Spectrum16 UX Product Explosion
  30. 30. 30April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  31. 31. 31April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  32. 32. 32April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  33. 33. 33April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  34. 34. 34April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  35. 35. 35April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  36. 36. 36April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  37. 37. 37April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  38. 38. 38April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  39. 39. 39April 2016 mvan@BeyondTheInterface© #Spectrum16 What influences successful UX Today?
  40. 40. 40April 2016 mvan@BeyondTheInterface©© Designing the UX 40
  41. 41. 41April 2016 mvan@BeyondTheInterface© #Spectrum16 The UX Process has evolved
  42. 42. 42April 2016 mvan@BeyondTheInterface© #Spectrum16 Definition Macro Design Micro Design Implementation Deployment Stakeholder Workshop Customer Discovery Interviews Wireframe Walkthrough Usability Test User Surveys UX Today: Getting it done Product Idea
  43. 43. 43April 2016 mvan@BeyondTheInterface© #Spectrum16 Where do you think UX is headed?
  44. 44. 44April 2016 mvan@BeyondTheInterface© #Spectrum16 Thank You Michael Van der Gaag UX Strategist 585-414-0526
  45. 45. 45April 2016 mvan@BeyondTheInterface© #Spectrum16 In honor of the Frank and Lillian Gilbreths, who started the method of observing and documenting people at work, I am including a link to a sample of their work. Click their photo to view some time and motion studies as originally performed by them. In honor of Frank and Lillian Gilbreth
  46. 46. 46April 2016 mvan@BeyondTheInterface© #Spectrum16 References 1 Slide 2 • Image from: : http://mywebdesignboston.com/tags/user-experience, http://perseusmarketing.com/ The importance of user experience for startups - YHPyhponline.com Slide 3 & 4 • Image from: : Piccirilli Dorsey (http://blog.picdorsey.com/thoughts/the-user-experience-is- everything#.VxJy21QrLWU) Slide 5,6, 7 & 8 • Image from: : https://www.truconversion.com/blog/wp-content/uploads/User-Experience- honeycomb.jpg Slide 9, 10, 11 • Image inspired by: http://www.uxmatters.com/mt/archives/2010/12/essential-and-desirable-skills-for- a-ux-designer.php Slide 12 • https://en.wikipedia.org/wiki/Vitruvian_Man Slide 13 • http://www.slideshare.net/Sheikh_Rehmat/principles-of-scientific-management-by-fw-taylor-and- theory-of-motivation?next_slideshow=1 • http://www.slideshare.net/neevaan/scientific-management-by-frederick-winslow-taylor • http://www.slideshare.net/Soujanya/taylorism?next_slideshow=3 Slide 14 • http://www.slideshare.net/GuruAarat/taylors-principles-of-scientific-management • http://www.herinst.org/BusinessManagedDemocracy/culture/work/scimanage.html • http://www.slideshare.net/deepjg/principles-of-scientific-management?next_slideshow=2
  47. 47. 47April 2016 mvan@BeyondTheInterface© #Spectrum16 References 2 Slide 17 • https://en.wikipedia.org/wiki/Frank_Bunker_Gilbreth,_Sr. • https://commons.wikimedia.org/wiki/File:Original_Films_Of_Frank_B_Gilbreth_(Part_I).ogv • http://www.slideshare.net/carrinekezia/time-and-motion-studies?next_slideshow=3 • http://www.slideshare.net/Vaithi2140/time-and-motion-study-10503179 • https://tradepractices.wordpress.com/2012/06/18/gilbreth-motion-studies • Samples of motion time in motion studies, Click Here Slide 18 • https://en.wikipedia.org/wiki/Henry_Gantt • http://www.ganttchart.com/history.html • http://www.business.com/management/management-theory-of-henry-gantt/ • http://www.uh.edu/engines/epi2753.htm Slide 19 • EricShaver PhD Human Factors; A Brief history– February 8, 2015 By Eric • http://www.ericshaver.com/human-factors-a-brief-history/#sthash.qecR39iX.dpuf • Mads Soegaard The History Of Usability: From Simplicity To Complexity, 5/23/2012 Slide 20 • https://en.wikipedia.org/wiki/Alphonse_Chapanis • http://www.psychologicalscience.org/index.php/publications/observer/2010/april-10/alphonse- chapanis-pioneer-in-the-application-of-psychology-to-engineering-design.html Slide 21 • https://en.wikipedia.org/wiki/John_Karlin • http://www.nytimes.com/2013/02/09/business/john-e-karlin-who-led-the-way-to-all-digit-dialing-dies- at-94.html
  48. 48. 48April 2016 mvan@BeyondTheInterface© #Spectrum16 References 3 Slide 22 • https://en.wikipedia.org/wiki/Robert_Taylor_(computer_scientist) • http://internethalloffame.org/inductees/robert-taylor • http://hci.stanford.edu/publications/bds/2p-star.html Slide 23 • web.stanford.edu/dept/SUL/sites/mac/parc.html • https://en.wikipedia.org/wiki/Don_Norman • http://windows.microsoft.com/en-us/windows/history#T1=era3 Slide 30 - 39 • Collection of disciplines inspired by Disciplines of UX | daniellacreates Slide 40 • Image from: http://sf.funcheap.com/intro-ux-user-experience-design-workshop-sf/ Slide 41 • Image from: : Usability on Pinterest | Usability Testing, User Experience and Ux ... • www.pinterest.com (original from UXPA.org) Slide 42 • Image from: Left to right • The Art of Guerrilla Usability Testing | UX Booth (www.uxbooth.com) • Stakeholder mtg.: http://worldartsme.com/lessons-learnt-clipart.html#gal_post_55313_lessons-learnt-clipart-1.jpg • Storyboard: https://sites.google.com/a/sas.edu.sg/brightsblogs/engineering/storyboardexamplesbrojectsvideolinks • Examples from past Projects • Wireframe diagram, Feature Function Architecture Breakdown, Prototype screen shot Slide 43 • Image from: : http://datavision-inc.com/wp-content/uploads/2014/04/consulting.jpg

×