Prototyping and Interactive Experiences

Page 1

Prototyping and Interac0ve Experiences Anne Espie



ŵŵ Ƈ ſɮɩɥřɬɫɥƀŚ ſɫɬřɮɨřɨɥɨƀŚ ƈ Ƈ ſƀƇ ſƀŚ ƈ ſƀƇ ſƀŚ ſƀŚ ſ ř ŵɩř ŵɩřɨɥɥřɨɥɥƀ ſ ʰʰ ƀƇ ɨŜ ſƀŚ ƈ ƈ ſƀƇ ſƀŚ ſƀŚ ſƀŚ ƈ ſƀƇ ſƀŚ ſɭřɯƀŚ ƈ ƈ



,QWHUDFWLRQV

7KLV GRFXPHQWDWLRQ PDGH PH UHDOLVH KRZ RIWHQ ZH LQWHUDFW ZLWK WHFKQRORJ\ DQG VSDFHV HYHUGD\


ȀȀ Ǥ ǡ ǡ Ƥ ǡ Ǥ


7UDQVSDUHQF\

:H ZHUH WKHQ LQWURGXFHG WR WUDQVSDUHQF\ DQG VDZ KRZ GLIIHUHQW FRORXUV DQG GLIIHUHQW OHYHOV RI WUDQVSDUHQF\ FDXVH WKH HIIHFW WR FKDQJH


ȀȀ 0RXVH LQWHUDFWLRQ SRUWUD\HG WKH LPSRUWDQFH RI ZKHUH \RX SXW D FRPPDQG LQ D FRGH

EDFNJURXQG LQ YRLG VHWXS

EDFNJURXQG LQ YRLG GUDZ


&KDOOHQJH

:H ZHUH WKHQ FKDOOHQJHG WR FUHDWH D G ER[ WKDW PRYHG LQ UHODWLRQ WR WKH PRXVH 7KLV ZDV P\ DWWHPSW


,QWHUDFWLRQ 5HSUHVHQWDWLRQ :H WKHQ UHSUHVHQWHG LQWHUDFWLRQV IURP RXU RULJLQDO ILOP XVLQJ SURFHVVLQJ 3LFDGLOO\ &LUFXV

$ERYH 7KLV LQWHUDFWLRQ UHSUHVHQWV WKH LQVWDOPHQW DW 3LFFDGLOO\ &LUFXV LQ /RQGRQ ZKLFK UHFRUGV WKH WUDIILF GXULQJ WKH GD\ DQG UHPHPEHUV LW 7KLV UHPHPEHUV ZKHUH WKH FXUVRU KDV EHHQ DQG WKH ORQJHU LW VWD\V LQ WKDW SODFH WKH PRUH RSDTXH LW EHFRPHV ¬ 5LJKW 5HFUHDWLQJ WKH PRYHPHQW RI OLJKWV ZKLFK RSHQHG XS ZKHQ WKH\ GHWHFWHG PRYHPHQW WR FDVW PRUH OLJKW

/LJKWLQJ LQWHUDFWLRQ


&RPSXWHU &RQWUROOHG 9DULDEOHV

:RUN GRQH LQ FODVV FUHDWLQJ YDULDEOH YDOXHV WKDW DUH FRPSOHWHO\ XQDIIHFWHG E\ WKH XVHU 8VLQJ VZLWFK SRVLWLRQ; DQG SRVLWLRQ<


,QWHUDFWLRQV DW 0HUFKLVWRQ

/RRNLQJ RQO\ RQ FDPSXV DW 0HUFKLVWRQ ZH IRXQG WKHUH ZDV D KXJH QXPEHU RI LQWHUDFWLRQV (YHU\ZKHUH \RX ORRN WKHUH DUH SHRSOH FRPLQJ LQWR FRQWDFW ZLWK WHFKQRORJ\ DQG ZLWKRXW LW WKH FDPSXVH ZRXOG EH D YHU\ GLIIHU HQW SODFH


,QWURGXFLQJ PXVLF 8VLQJ WKH LI FRPPDQG ZH LQWURGXFHG PXVLF DQG FRPELQHG LW ZLWK FRORXU :KHQ WKH PRXVH ZDV SUHVVHG RQ D VTXDUH LW ZRXOG EH KLJKOLJKWHG LQ D FRORXU :KHQ UHOHDVHG WKLV FRORXU ZRXOG GLVDSSHDU :KHQ WKH PRXVH ZDV SUHVVHG KRZHYHU D PXVLF WUDFN UHODWHG WR WKDW VTXDUH ZRXOG EHJLQ WR SOD\ DQG ZRXOG FRQWLQXH WR SOD\ HYHQ DIWHU WKH PRXVH ZDV UHOHDVHG

:KHQ D GLIIHUHQW VTXDUH ZDV FOLFNHG RQ LW ZRXOG EH KLJKOLJKWHG LQ D GLIIHUHQW FRORXU XQWLO WKH PRXVH ZDV UHOHDVHG ,W ZRXOG DOVR EHJLQ SOD\LQJ WKH WUDFN UHODWHG WR WKDW VTXDUH ,I D WUDFN ZDV DOUHDG\ SOD\LQJ LW ZRXOG EH VWRSSHG VR WKDW WKH QHZ VHOHFWLRQ FRXOG SOD\


,PDJH DQG 0XVLF ,QWHUDFWLRQV )RXU PRXVH LQWHUDFWLRQV WKDW UHVXOW LQ VRXQG

7KH ILUVW LQWHUDFWLRQ LV D SLFWXUH RI D FDW :KHQ WKH PRXVH LV SUHVVHG RQ WKH FDW LW SXUUV LI WKH PRXVH LV SUHVVHG HOVH ZKHUH QR VRXQG ZLOO EH PDGH


,PDJH DQG 0XVLF ,QWHUDFWLRQV

7KLV LQWHUDFWLRQ LQYROYHV SUHVVLQJ D VSHFLILFH SRLQW RQ WKH LPDJH RI DQ LSRG :KHQ WKH PRXVH LV SUHVVHG RQ WKH SOD\ SDXVH EXWWRQ WKH PXVLF ZLOO EHJLQ SOD\LQJ EXW ZKHQ SUHVVHG DQ\ZKHUH HOVH QRWKLQJ ZLOO SOD\ ,Q WKH ZKHUHҋV :DOO\ LQWHUDFWLRQ D PRXVH EHLQJ SUHVVHG LV DJDLQ WKH FRPPDQG ZKLFK FDXVHV WKH VRXQG WR SOD\ ,I WKH PRXVH LV SUHVVHG RQ :DOO\ WKHQ PXVLF ZLOO VRXQG WR QRWLI\ WKDW \RXҋYH ZRQ ,I WKH PRXVH LV SUHVVHG DQ\ZKHUH HOVH WKHQ D IDLOXUH VRXQG LV SOD\HG


,PDJH DQG 0XVLF ,QWHUDFWLRQV

7KH ILQDO VRXQG DQG LPDJH LQWHUDFWLRQ LV RQH WKDW WKDW LV FRQWUROOHG E\ WKH SRVLWLRQ RI WKH PRXVH :KHQ WKH PRXVH LV EHORZ WKH KRUL]RQ WKH LQWHUDF WLRQV UHSUHVHQWV QLJKW GDUN DQG VLOHQW :KHQ WKH PRXVH ULVHV DERYH WKH KRUL]RQ LW UHSUHVHQWV GD\ :LWK LW FRPHV WKH VXQ DQG RQFH WKH VXQ LV DERYH WKH KRULVRQ PXVLF EHJLQ WR SOD\ UHSUHVHQWLQJ WKH OLIH DQG WKH OLJKW RI GD\


*HQHUDWLYH $UW ,QVWDOODWLRQ


*HQHUDWLYH $UW ,QVWDOODWLRQ


*HQHUDWLYH $UW ,QVWDOODWLRQ


*HQHUDWLYH $UW ,QVWDOODWLRQ


*HQHUDWLYH $UW ,QVWDOODWLRQ


*HQHUDWLYH $UW ,QVWDOODWLRQ


*HQHUDWLYH $UW ,QVWDOODWLRQ


8QH[SHFW$UW 2ULJLQDO ,GHDV


8QH[SHFW$UW ,QVSLUDWLRQ


,QWURGXFWLRQ WR $UGXLQR :H ZHUH LQWURGXFHG WR $UGXLQR DQG EHJDQ E\ XVLQJ /('SLQV )LUVW MXVW VZLWFKHG RQ WKHQ EOLQNLQJ DQG WKHQ PRUH WKDQ RQH EOLQNLQJ DW GLIIHUHQW WLPHV


0RUVH &RGH XVLQJ $UGXLQR :H WKHQ FUHDWHG RXU RZQ QDPHV LQ 0RUVH FRGH ILUVW LQGLYLGXDOO\ WKHQ FRPELQHG LW ZLWK WKH UHVW RI RXU JURXS


'LJLWDO DQG $QDORJXH 1H[W ZH ZHUH WDXJKW KRZ WR XVH ERWK GLJLWDO DQG DQDORJXH LQSXWV )RU GLJLWDO ZH XVHG D EXWWRQ SLQ DQG FRQQHFWHG LW WR WKH GLJLWDO VLGH RI WKH $UGXLQR ERDUG IRU WKH DQDORJXH VLGH ZH XVHG D OLJKW VHQVRU

%XWWRQ SLQ LQSXW

/LJKW VHQVRU LQSXW


,QSXW DQG 2XWSXW :H XVHG GLIIHUHQW LQSXWV DQG RXWSXWV &RQWUROOLQJ WKHP WKURXJK D ODSWRS WKH PRWRU RXWRXW YDULHG GHSHQGLQJ RQ WKH SURJUDPPLQJ LQ D VLPLODU ZD\ WR WKH /(' SLQV

7KH YDULDEOH UHVLVWRU ZDV XVHG WR DOWHU WKH LQSXW 7KLV FRPPXQLFDWHG ZLWK SURFHVVLQJ RQ WKH FRPSXWHU WKURXJK WKH DUGXLQR SURJUDP


,GHD DQG 5HVHDUFK

:H GHFLGHG ZH ZDQWHG WR SURMHFW VRPHWKLQJ WKDW UHSUH VHQWHG OLIH 6RPHWKLQJ WKDW DQ LQGLYLGXDO FRXOG UHODWH WR SHUVRQ DOO\ 7R PDNH LW PRUH SHUVRQDO ZH GHFLGHG ZH ZDQWHG WR PDNH LW D VPDOO DQG LQWLPDWH VSDFH :H DOVR ZDQWHG WR FUHDWH VRPH WKLQJ WKDW ZDV VXVSHQGHG LQ WKH DLU WKLV ZRXOG DSSHDU PRUH IUDJLOH OLNH OLIH LWVHOI :H UHVHDUFKHG 3HSSHUҋV JKRVW $ WHFKQLTXH WKDW KDV EHHQ XVHG WR FUHDWH JKRVWO\ HIIHFWV IRU \HDUV 7KH PHWKRG LQYROYHG DQG / VKDSHG PRGHO WKDW ZRXOG EH PLUURUHG XVLQJ SODWH JODVV 3OH[LJODV RU SODVWLF ILOP 9LHZHUV ZRXOG ORRN LQWR RQH DUHD WKURXJK WKH JODVV DQG WKH RWKHU URRP ZRXOG EH VKLHOGHG IURP YLHZ ,W ZRXOG FRQWDLQ WKH ҊJKRVWҋ DQG ZKHQ OLW XS ZRXOG UHIOHFW RQ WKH JODVV DQG FUHDWH WKH LOOXVLRQ RI LW IORDWLQJ


0XVLRQ (\HOLQHU 6\VWHP

:KHQ WHVWHG ZH IRXQG WKDW 3HSSHUҋV JKRVW ZDVQҋW DV VXFFHVV IXO DV ZH KDG KRSHG ZKHQ XVLQJ WKH SURMHFWRU :H WKHUHIRUH ORRNHG IRU RWKHU PHWKRGV LQ ZKLFK ZH FRXOG FUHDWH D VLPLODU HIIHFW 7KH PHWKRG ZH GHFLGHG WR XVH LQVWHDG ZDV 0XVLRQ (\HOLQHU 6\VWHP )RU WKLV PHWKRG D PDWDOL]HG ILOP LV SODFHG DFURVV WKH IURQW RI D VWDJH DW GHJUHHV %HORZ WKLV VFUHHQ LV DQ LPDJH ZKLFK LV UHIOHFWHG IURP D SURMHFWRU DERYH RQWR WKH PHWDO L]HG ILOP :KHQ YLHZHG E\ WKH DXGLHQFH WKH SURMHFWLRQ DSSHDUV WR EH RQ WKH VWDJH 7KH GHVLJQ RI WKH PRGHO IROORZHG RQ IURP WKLV FRQ FHSW


5HSUHVHQWDWLRQ RI /LIH

7R UHSUHVHQW OLIH ZH FKRVH D FDQGOH 7KH VSDUN DW WKH EHJLQ QLQJ RI WKH IODPH SRUWUD\V WKH EHJLQQLQJ RI OLIH 7KH IODPH EXUQV WKH FDQGOH GRZQ PHOWLQJ LW DZD\ LOOXVWUDWLQJ OLIH VORZO\ HEELQJ DZD\ 2QFH WKH FDQGOH KDV PHOWHG WKH IODPH GLHV V\PEROLVLQJ WKH HQG RI OLIH :H ZDQWHG WR VKRZ WKDW WLPH LV HQGOHVV DQG WKH VPRNH WKDW FRPHV DIWHU WKH FDQGOH UHSUH VHQWV WLPH FRQWLQXLQJ DIWHU OLIH


5HSUHVHQWDWLRQ RI 7LPH LQ D /LIHWLPH

:H FUHDWHG WKH FORFN VR WKDW ZH FRXOG SRUWUD\ WKDW WLPH ZDV SDVVLQJ DV WKH FDQGOH ZDV EXUQLQJ :H FKRVH WKH PRVW FRPPRQO\ XVHG PHDVXUHPHQWV RI WLPH XVHG LQ D OLIHWLPH 7KHVH PHDVXUHPHQWV DUH DOO IRXQG ZLWKLQ HDFK RWKHU VR ZH VKRZHG WKLV E\ DOO RI WKHP RFFXULQJ ZLWKLQ RQ WXUQ RI WKH FORFN (DFK OLQH RQ WKH FORFN VWDUWLQJ IURP WKH WRS UHSUH VHQWV WKH FKDQJLQJ RI WLPH DQG WKH VSDFHV EHWZHHQ LOOXVWUDWH WKH SHULRGV RI WLPH


7R FUHDWH WKH LQWHUDFWLRQ ZH XVHG $UGXLQR

:H GHFLGHG WR PDNH WKH LQWHUDF WLRQ VWDUW ZKHQ VRPHRQH ZDV SUHVHQW :H FKRVH WKLV ZD\ DV ZH WKRXJKW LW ZDV LPSRUWDQW WR SRLQW RXW WKDW ZLWKRXW WKH SUHV HQFH RI WKH SHUVRQ ZLWKRXW VRPHRQH WKHUH WR WKLQN DERXW LW WLPH ZRXOGQҋW EH PHDVXUHG :H XVHG $UGXLQR DQG D EXWWRQ SLQ WR VKRZ WKH SUHVFHQFH RI D SHUVRQ WKLV ZRXOG WKHQ FRPPX QLFDWH WKH PHVVDJH WR SURFHVV LQJ ZKLFK ZRXOG WKHQ EHJLQ WKH SURMHFWLRQ ,I VRPHRQH FKRVH WR OHW JR WKHQ WKH ILOP ZRXOG VWRS VKRZLQJ WKH\ KDYH FRQWURO RYHU WKHLU OLIH


([KLELWLRQ 7KH H[KLELWLRQ RI RXU ZRUN WRRN SODFH LQ 0HUFKLVWRQ FDPSXV UHFHSWLRQ DQG ZDV RSHQ WR WKH 8QLYHUVLW\ 2XU ILQDO UHVXOW ZDV DQ LQGLYLGXDO H[SHULHQFH RI RXU UHSUHVHQWDWLRQ RI WLPH


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.