8. 주차별 강의계획주 날짜 주제 내용 교재 1 09/07 Introduction Ice Braking | Orientation 2 09/14 인터랙티브 입체영상 트렌드 인터랙티브한 입체영상 시장 소개 3 09/21 다양한 사용자 인터랙션 소개 인터랙션 디자인 히스토리 4 09/28 상호작용성 소개 인터랙티비티에 대한 동향 및 방법 소개 5 10/05 서비스 디자인 세미나 학교 주관 서비스 디자인 컨퍼런스 6 10/12 인터랙티브 월(1) 전체 프레임워크 소개 및 기획 최유주 7 10/19 인터랙티브 월(2) Open Framework을 통한 제작(1) 교수님 진행 8 10/26 인터랙티브 월(3) Open Framework을 통한 제작(2) 9 11/02 중간고사 - 인터랙티브 월 기획 및 제작 프레젠테이션 - 인터랙티브한 환경에서의 입체영상10 11/09 인터랙티브 입체영상 기획 - 사용자와 인터랙티브 입체영상11 11/16 인터랙티브 입체영상 디자인(1) - 전체 네비게이션 및 정보 설계12 11/23 인터랙티브 입체영상 디자인(2) - 인터페이스 및 인포메이션 디자인13 11/30 인터랙티브 입체영상 후반작업 - 인터페이스 디자인 후반작업14 12/7 인터랙티브 입체영상 포팅 - 기기 포팅15 12/14 기말고사 인터랙티브 입체영상 기획 및 제작 프레젠테이션
| pre-computer Before computers, there wasn’t “interaction design.” – useful – usable – desirable – affordable for the right people – appropriately complex – appropriately styled – appropriately transparent in function and use – overall, having “good fit” with people, context, activity, result
goal of “operating the machine.”operate the machine
| back in the day • design was engineering design: make faster, bigger machines, expose their guts through controls • people adapt to the machines • people speak the language of the machines • no designers involved, but lots of clever engineers – emergence of a new set of skills, new disciplinesoperate the machine
| characteristic statement of the timepeople are seenas components The Five Elements of System Designin a system ofproduction personnel selection personnel training machine design job design environmental design
| a current statement of the goal of “human factors”“minimize the damage and Good Designs: inconvenience” • design against misuse, unintended uses, and abuses • design for all sizes, shapes, attitudes and personalities people
| input and output: people adapt to the machinespunch card,80 columns, to hold 80characters or numberspaper tape, also encodingcharacters with holes. For fun, go make images of punch cards that say anything you want: http://www.facade.com/legacy/punchcard
| wiring the ENIAC with a new programENIAC1946Mauchly and Eckert Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt
| remote terminals attached to the S/360IBM 32701970’s80 columns x 24 linesa.k.a., “80 cards” Don’t laugh. These are very hip boys.
| at home, it’s still the switches – but what to do with it?MITS Altair 88001975One of the firstcommercially availablehome computers. Youordered it. You built it. Youoperated it through frontpanel switches.
| command line interfacesVery efficient once youlearned them.Still, the emphasis is“operate the machine.”
| “user friendliness”providing clear help andeasy to remember commandnames.Paul Heckel’s Elements ofFriendly Software Design.
| in the meantime, a few people were thinking differentlymouseDoug Englebart1964Doug Englebart’s 1968 demoat SRI. He demonstratedmost of the ideas weassociate with modern desk-top computing:-the mouse hypertext,-objects in the interface,-dynamic file linking,-two people at differentlocations communicatingover network audio andvideo.This work was done from ahuman-centered point ofview, and the demo isrequired viewing. Watch it,remember it’s 40 years ago,and think about howprogress is made in this field. http://www.youtube.com/watch?v=1MPJZ6M52dI
“you can actually talk to the computer”sketchpadIvan Sutherland1963Englebart, Sutherland andothers were shifting from“operating the machine” toproviding people with usefultools. Englebart sought to“augment the humanintellect.” http://www.youtube.com/watch?v=BKM3CmRqK2o&feature=related
• shift in focus from controlling the computer to using applications and tools • trying to make it so people have to adapt less to use the machines’ capability • design is still done mostly by engineers, few specialists • still mostly thought of as “computer human factors”use the softwareoperate the machine
use a spreadsheet use a word processoruse the software play a gameoperate the machine
| a tool for home and small business calculationsvisicalcDan Bricklin1979Finally people had a reasonto buy a home computer(specifically, an Apple II): sothey could use VisiCalc, thefirst spreadsheet. THE place to learn about Visicalc: www.bricklin.com/visicalc.htm Download a working version!
|Interface and interaction ideas that survived 25 years (so far)VisiCalc’s design has lived long: “It was interactive in a WYSIWYG way:• Point to change a value• Instant automatic recalculation based on formulas stored in the cells referencing other cells• Scroll left/right/up/down• The input, definition, formatting and output were all merged into a natural, program-by-example interface …• Labels and formulas distinguished by first character typed• A1, B1, SUM(A1..A7)• Realtime scrolling• Numeric and text formatting• Status and formula lines”
a tool for writingwordstarSeymour Rubenstein &John Barnaby1979WordStar had a verycomplicated interface, butonce you invested the timeto learn it, it was verypowerful. Now there wasanother reason to buy ahome computer: to create,format, store, and edit textdocuments. Find WordStar history here: http://www.wordstar.org/wordstar/history/history.htm
wordstarquick reference card A few WordStar commands (^ indicates one should hold down the Ctrl key)
| the future could usually be seen before it arrivedXerox STAR, 1981 Microsoft Windows 1.01, 1985 Xerox Alto, 1972
perform a taskuse the softwareoperate the machine
• wordstar was so complex yet so popular, it invited both complaint and competition • the success of Lotus 1-2-3 over Visicalc was partly due to ease of use and appropriate power • its use in large companies led to an emphasis on ease of learning, ease of use, reduced errors, saved time • this eventually led to a professional emphasis on people doing a task rather than “a tool with good controls”perform a taskuse the softwareoperate the machine
draw a picture create a brochureperform a task create a budget compose musicuse the software troubleshoot the aircraftoperate the machine
| the mac taps into pent-up desire for ease and pleasure of useThink of a world full of command-line interfaces…http://www.youtube.com/watch?v=HhsWzJo2sN4http://www.youtube.com/watch?v=9pTHlG8USUg&feature=related hello.
All 39 pages of advertising that Apple bought in a 1984 issue of newsweek are available here:http://www.aci.com.pl/mwichary/computerhistory/ads/macnewsweek
| the software design manifestoMitch Kapor “The Roman architecture critic Vetrivius advanced the notion1990 that well-designed buildings were those which exhibited firmness, commodity and delight. The same might be said of good software. Firmness: a program should not have any bugs which inhibit its function. Commodity: a program should be suitable for the purposes for which it was intended. Delight: the experience of using the program should be a pleasurable one. Here we have the beginnings of a theory of design for software.” www.kapor.com/homepages/mkapor/Software_Design_Manifesto.html
experiencelive, learn, work, playperform a taskuse the softwareoperate the machine
• after twenty years of trying to help people perform tasks, we realized success depended on expanding the scope of view • most good work now involves an effort to fit context ofexperience use, characteristics of individuals, patterns of lifelive, learn, work, play • most good work now attempts to go beyond expressed need to latent or masked needsperform a taskuse the softwareoperate the machine
manage a household compose music run a businessexperiencelive, learn, work, play learn mathperform a task buy, use, & maintain a caruse the software immerse in a fantasyoperate the machine
| art and engineeringIf your primaryconcern is to makesomething cool orinteresting happenon the screen, youare probably in thecamp of artists orengineers. Asopposed to…
| interface…interface design,which is concernedwith the person infront of the screen,with understandingand communication.But interface designoften takes a fairlystatic view of things…
| interactionWhen we add time,we see theconversation backand forth betweenpeople andmachines
| design to support a person doing an activity in contextTo do a good job of interaction design, we have tounderstand as much as we can about the context, theactivity, what else is going on, where people’s attentionis focused, what happens before and after, what theirgoals are, and so on.
design a vaseShelley Evenson by way ofChris Pacione contributes thisexercise to help usunderstand how interactiondesign these days differs fromthe days of “making tools.”Suppose I asked you todesign a vase. You wouldsketch or model any numberof forms, most of themprobably looking like a cousinof the vase shown here.
| design a way to enjoy flowersBut suppose I asked youto design a way for people toincorporate plants into their life,or a way for people to enjoyflowers.Contemporary design haschanged the questions.
| the cycle of experience Social Reputation Awareness Retention Extension Attraction Compelling Interaction Orientation tip of the hat to john rheinfrank and shelley evenson
| interaction design’s many layers of concern strategy does the product connect with business goals? experience repeated interaction, activities in context interaction interface in use through time by different people interface presentation of information and controls information & functionality categories, types, attributes, relationships
connectexperience:live, learn, work, playaccomplish a taskuse the softwareoperate the machine