HP53 User Friendly2013 2013.12.04 Design for Engagement JESSE JAMES GARRETT (ADAPTIVE PATH CEO)

Richard Tsai Design for Engagement,JJGJJG () () https://www.facebook.com/souyiyang bhm@mail.linkchain.tw Richard TsaiUser Friendly2013Design for Engagement JJG Design for Engagement,2013 UXLXhttp://uxlx.23video.com/video/7864039/design-forengagement JJG gives a State of the User Experience Address UX Week http://uxdesign.com/events/article/state-of-ux-design-garrett/203 JJG at UX Paris about Design for Engagementhttp://www.nealite.com/blog-en/events/ux-parisjesse-james-garrett-video-8105.htm HP53 User Friendly2013http://www.hpx-party.com/hpx-events/hp53 2013/12/23 2

2013/12/23 3

Jesse James Garrett http://www.weasp.com/html/knowledge/emarketing/86.html 2013/12/23 4

... PART 1 2013/12/23 5

(Web) 1990WEB http://common.ziffdavisinternet.com/encyclopedia_images/_MOSAIC.GIF 1990WEB MOSAIC WEB WEB WEB 2013/12/23 6

(Software) http://www.systemuzmani.com/2011/01/3-1/ 2013/12/23 7

(Digital Media) Second Life() http://1.bp.blogspot.com/-23Fo8mFpPdg/UBKJeMtVwnI/AAAAAAAAASQ/069V5zG2oaY/s1600/olympics_003.png Second Life 2013/12/23 8

(Any Technology) http://www.w3.org/2005/Talks/20051115-London/all.htm 2013/12/23 9

(Products) ASUS TAICHI 2013/12/23 10

(Services) Virgin Atlantic's https://www.youtube.com/watch?v=WptXNmxtE88 2013/12/23 11

(Enviroments) 2013/12/23 12

(Multi-channel Experiences) ///// https://www.youtube.com/watch?v=k8u50y-WhVs 2013/12/23 13

(Patterns) The user experience mindset is an acquired condition for which there is no cure. - Jesse James Garrett 2013/12/23 14

2013/12/23 15

Subjective Ephemeral Intangible 2013/12/23 16

http://admissions.uoregon.edu/sites/all/files/images/Painting_0.jpg?1344360515 2013/12/23 17

http://beyondplm.com/wp-content/uploads/2013/05/plm-users.jpg 2013/12/23 18

2013/12/23 19

Engagement Engagement 2013/12/23 20

Engagement PART 2 2013/12/23 21

Engagement? An engagement or betrothal is a promise to marry, and also the period of time between proposal and marriagewhich may be lengthy or trivial. http://greenweddingshoes.com/favorite-engagement-sessions-from-2011/ 2013/12/23 22

Richard Tsai ! 2013/12/23 23

2013/12/23 24

Engagement of the Heart() Emotion Engagement of the Mind() Perception Cognition Engagement of the Sense() Action P.A.C.E. Model Engagement of the Body() 2013/12/23 25

Engagement of the Heart() Emotion Engagement of the Mind() Perception Cognition Engagement of the Sense() Action P.A.C.E. Model Engagement of the Body() 2013/12/23 26

(Sense) 2013/12/23 27

http://www.epochtimes.com/b5/8/8/29/n2245216.htm http://www.myscore.org/1072.htm 2013/12/23 28

http://www.culture.gov.tw/d_upload_tca_pro/cms/image/A0/B0/C0/D0/E0/F694/63ef63b0-dec3-4ee3-a972-1251bcf1922d.bmp 2013/12/23 29

Ratatouille tasting fireworks strawberry cheesehttps://www.youtube.com/watch?v=Yyah49_Oz78 2013/12/23 30

Mirrors Edge Parkour POVhttps://www.youtube.com/watch?v=j-mEnMMmSrQ 2013/12/23 31

4DX http://www.cinepolis.com/_4DX/imagenes/img-home-slider1-full.jpg 2013/12/23 32

Engagement of the Heart() Emotion Engagement of the Mind() Perception Cognition Engagement of the Sense() Action P.A.C.E. Model Engagement of the Body() 2013/12/23 33

(Body) http://www.siebert-telecom.co.uk/resources/Mouse_Click(2).jpg (Action) http://ts-1.eee.hku.hk/ccst9015sp13/p30/wp-content/uploads/sites/38/2013/04/wii-2.jpg 2013/12/23 34

Introducing Gmail Motionhttps://www.youtube.com/watch?v=Bu927_ul_X0 2013/12/23 35

Engagement of the Heart() Emotion Engagement of the Mind() Perception Cognition Engagement of the Sense() Action P.A.C.E. Model Engagement of the Body() 2013/12/23 36

(Heart) (usability) (aesthetics) (practicality) (emotionality) / http://www.lis186.com/posts/6770 2013/12/23 37

Disney http://yournaperville.com/wp-content/uploads/2013/06/disney-world.jpg 2013/12/23 38

Engagement of the Heart() Emotion Engagement of the Mind() Perception Cognition Engagement of the Sense() Action P.A.C.E. Model Engagement of the Body() 2013/12/23 39

(Mind) (Information Consumption) http://commons.wikimedia.org/wiki/File:Child_reading_at_Brookline_Booksmith.jpg 2013/12/23 40

Lec02 https://www.youtube.com/watch?v=QL5BwZ587W4 Rubik's cube former world record: 6.24 seconds. https://www.youtube.com/watch?v=wIvHw17vuGU 2013/12/23 41

Engagement of the Heart() Internal Engagement () Engagement of the Mind() Emotion Perception Cognition Action P.A.C.E. Model Engagement of the Sense() External Engagement () Engagement of the Body() 2013/12/23 42

Experience Designer 2013/12/23 43

P.A.C.E. Model (Typography) (Instructional Design) Perception (Architecture) (Industrial Design) Emotion Cognition (Fashion Design) (Exhibit Design) (Data Visualization) Action (Game Design) 2013/12/23 44

P.A.C.E. 2013/12/23 45

Experience Designer // (Context) (Capabilities) (Constraints) 2013/12/23 46

(Capabilities) / http://mcfads.blogspot.tw/ 2013/12/23 47

(Constraints) () http://article.yeeyan.org/view/374831/368863 2013/12/23 48

(Context) (Environmental Context) (Social Context) Perception Emotion Cognition (Psychological Context) Action (Personal Context) (Physical Context) 2013/12/23 49

(Context) http://www.slideshare.net/bhm/ss-14919209 2013/12/23 50

P.A.C.E. Model + // (Context) (Capabilities) (Constraints) 2013/12/23 51

Engagement of the Heart() (Typography) (Instructional Design) Emotion (Architecture) (Industrial Design) Engagement of the Mind() Perception Cognition Engagement of the Sense() (Fashion Design) (Exhibit Design) Action (Data Visualization) P.A.C.E. Model (Game Design) Engagement of the Body() 2013/12/23 52

2013/12/23 53

(Synthesis) 2013/12/23 54

2013/12/23 55

Music is the space between the notes Claude Debussy http://okok1111111111.blogspot.tw/2013/08/claude-debussy.html 2013/12/23 56

Don't play what's there; play what's not there. Miles Davis http://www.miaofoundry.url.tw/phpbb/viewtopic.php?f=3&t=3455 2013/12/23 57

Experience Design Experience design is the design of anything, independent of medium,or across media, with human experience as an explicit outcome, and human engagement as an explicit goal.- Jesse James Garrett 2013/12/23 58

PART 3 2013/12/23 59

AT-ONE(2013/07/27)http://www.slideshare.net/bhm/20130727-atonesimon-clatworthyintaiwan 2013/12/23 60

2013/12/23 61

2013/12/23 62

http://s1.djyimg.com/i6/703080423431959.jpg 2013/12/23 63

http://www.cinemapark.org.tw/Uploads/FCKEditor/image/IMG_8323.JPG 2013/12/23 64

http://www.cdns.com.tw/20130915/news/ysyl/100000002013091420072144_z.jpg 2013/12/23 65

(Value) Intrinsic Value() Extrinsic Value() 2013/12/23 66

utility product service enjoyment 2013/12/23 67

All human experiences create human culture UX designers create spaces where experience can emerge . - Jesse James Garrett 2013/12/23 69

The End !!! 2013/12/23 70