CS 147 dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2015 Prof. James A. Landay Stanford University

Transcription

1 dt + UX DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Interface Hall of Shame or Fame? Designing the Future: Early & Future Visions of HCI From IBM s RealCD prompt button Computer Science Department 2 Interface Hall of Fame or Shame? Interface Hall of Shame! From IBM s RealCD prompt button Black on black??? cool! but you can t see it click here necessary shouldn t be like a door that has a sign telling you to push 3 dt + UX 4 DESIGN THINKING FOR USER EXPERIENCE DESIGN + PROTOTYPING + EVALUATION Interface Hall of Shame! Designing the Future: Early & Future Visions of HCI Computer Science Department 5 1

2 Outline Storyboarding Review Computing in 1945 Vannevar Bush & As We May Think Use sticky notes so scenes can be moved Doug Engelbart & Augmenting Intellect Administrivia Break Include lines to be spoken if necessary SketchPad, Dynabook & The Xerox Star Future Visions of HCI Use appropriate angles 7 Storyboarding 8 High Fidelity Concept Videos SCENE 4 Words On Screen: Investigate Voiceover: The mitochondria are the powerhouse of the cell SHOT 1 beautiful flower, child s eyes are wide looking at it head is cocked to the side, inquisitive SHOT 2 ipad pans into view, image on screen shows the cellular structure of the plant Smart Primer 9 Context Computing in Vannevar Bush Kicked Off Big Science MIT faculty member Coordinated WWII scientific effort Social contract for science federal government funds universities universities do basic research helps economy & national defense h ttp ://www-ee cs.mi t. e du/ay95-9 6/ev ents/b ush / As We May Think, the Atlantic Monthly, July 1945 Futuristic inventions / trends trails of discovery? wearable cameras to record life Harvard Mark I : 55 feet long, 8 feet high, 5 tons encyclopedia for a nickel automatic transcripts of speech 11 capture of nerve impulses Memex 12 2

3 As We May Think Memex never built or was it? Memex #001 by Trevor Smith, 2013 Picture from Demo at Predicting Inventing the Future 14 C o mpu ti n g i n 1965 Computers weren t always like this Computers don t have to be like this! C o mpu ti n g i n 1965 IBM System/360 Bundesarchiv B 145 Bild-F , W olfsburg, VW Autowerk by Bundesarchiv, B 145 Bild-F / Schaack, Lothar / CC-BY-SA. Licensed under CC BY-SA 3.0 de via W ikimedia Commons. 15 Douglas Engelbart Augmenting Human Intellect Stanford Research Institute (SRI) in the 1960s 1962 Paper Conceptual Model for Augmenting Human Intellect Demoed NLS (online System), 1968 Fall Joint Computer Conf. (SF) Known for? complex ity of problems increas ing need new tools to s olv e a real paradigm s hift here IBM System/ panel. Licensed under Public Domain via W ikimedia Commons. mous e 18 3

4 E ngelbart s C rusade Augmenting Human Intellect The complexity of a lot of the problems [in the world] and the means for solving them are just getting to be too much. The time available for solving a lot of the problems is getting shorter and shorter. So the urgency goes up The complexity/urgency factor had transcended what humans can cope with. I suddenly flashed that if you could do something to improve human capability to cope with that, then you d really contribute something basic. Douglas Engelbart (1996) dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 20 Augmenting Human Intellect: Firsts! First mouse, and? First 2D editing & windows First hypertext First word processing First groupware (shared screen teleconferencing) First context-sensitive help First distributed clientserver Many, many more! First document version control dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 22 /SU L/ lib rary/e xtra 4/sloan /mo usesite/engelba rtpapers/ LetterToVBush.h tml engelbart s influences More on Englebart Boostrapping, Thierry Bardini, 2000 Program on Human Effictiveness, Douglas C. Engelbart, 1962 Tools for Thought, Ch. 9 The Loneliness of a Long-Distance Thinker, Howard Rheingold, 2000 MouseSite (video clips/papers) L/library/extra4/sloan/MouseSite/ Archive.html 4

5 SketchPad Sutherland (1963) Tricycles & Bicycles: Specialized Tools h ttp:// th e n s n e ws.c o m/o h i o /arti c l e go o d-forth e -h e a rt-tri c y c l e -ra c e-fu n dra is e r-n ow-o pe n -to -a l.h tml Tricycles h ttp:// i c k ri v e r.c o m/ph o to s/h o ta ir / / vs. Bicycles If ease of use was the only valid criterion, people would stick to tricycles and never try bicycles. Douglas Engelbart 25 Dynabook Kay (1974) 26 Xerox Star 1st Commercial GUI (1981) Administrivia Keep up w/ readings/hw on class website remember midterm based on lecture, reading & project HW Questions about Concept Videos? do not need to present slides in studio this week Stanford Center on Longevity Design Challenge Overview 29 5

6 This is our 3 rd Year Goals: Challenge Overview Identify innovative ideas for aging-related issues Provide a path to product Engage a new generation of designers Challenges Year 1: Maximizing Independence for those with Cognitive Impairment Year 2: Enabling Mobility Across the Life Span Year 3: Optimizing Longevity with Happiness Challenge Structure Eligibility Any accredited university in the world Team mus t have at leas t one full-time student A student must present at the finals Timeline Announce Topic Publicize Launch Phase I Announce Due Finalists Finals Open Call For Submissions Judging (April 4 th this year) Mentoring Apr Sept Dec Jan Apr Cash Reward for Finalists $10K 1 st Prize, $5K 2nd, $2K 3 rd $1K tax-protected to finalists for prototyping Travel to Stanford for finals (big international draw) Connections Finals draw Industry, Investment, Academia, Press Exposure Press has included Forbes, CNN, PBS, Stanford Report Mind Delight the Mind Improve cognitive performance Enhance emotional wellbeing Foster civic engagement Multi-Track Approach Umbrella Topic Optimizing Longevity Positive Aging $10K first prize for each track Mobility Discover the Motion Encourage movement through intergenerational activities Encourage physical activities by doing for others Create devices that encourage micro-activities during normal daily life. Build f un games that encourage movement. Financial Security Foster Financial Fitness Invent w ays to get younger people to create a lifetime financial plan Gamif ication Models that create milestones at different life points Find w ays to create continual awareness of how f inancially f it you are is there a Financial Fitbit? Build tools f or envisioning f inancial outcomes based on current decisions Challenge Website Facebook: TEAM BREAK dt+ux: Design Thinking for User Experience Design, Prototyping & Evaluation 36 6

7 ? The best way to predict the future is to invent it Alan Kay The Future 37 Minority Report (2002) 38 Microsoft Productivity Future Vision Spike Jonze s Her (2013) 40 Next Time Lecture Early Stage Prototyping Readings Involving Customers with Iterative Design, Ch 4 of The Design of Sites, Van Duyne, Landay, and Hong Making a Paper Prototype, Ch. 4 from Paper Prototyping by Carolyn Snyder Studio Show your Concept Videos Start sketching out UI storyboards