SlideShare ist ein Scribd-Unternehmen logo
1 von 72
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   기말고사                인터랙티브 입체영상 기획 및 제작 프레젠테이션
history
operate the machine
operate the machine
| 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 disciplines




operate the machine
| characteristic statement of the time




people are seen
as components        The Five Elements of System Design
in a system of
production                   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 machines




punch card,
80 columns, to hold 80
characters or numbers




paper tape, also encoding
characters 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 program




ENIAC
1946
Mauchly and Eckert




                     Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt
| front panel switches




DEC PDP-8

TI 980

1960’s
| configure switches, run batch, output to tape
| preparing punch cards
| online processing




Spacewar
Steve Russel
1962




                  http://www.youtube.com/watch?v=Rmvb4Hktv7U
| operator console




IBM System 360
1960’s
| remote terminals attached to the S/360




IBM 3270
1970’s


80 columns x 24 lines
a.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 8800
1975

One of the first
commercially available
home computers. You
ordered it. You built it. You
operated it through front
panel switches.
| command line interfaces




Very efficient once you
learned them.

Still, the emphasis is
“operate the machine.”
| “user friendliness”




providing clear help and
easy to remember command
names.

Paul Heckel’s Elements of
Friendly Software Design.
| in the meantime, a few people were thinking differently




mouse
Doug Englebart
1964

Doug Englebart’s 1968 demo
at SRI. He demonstrated
most of the ideas we
associate with modern desk-
top computing:
-the mouse hypertext,
-objects in the interface,
-dynamic file linking,
-two people at different
locations communicating
over network audio and
video.
This work was done from a
human-centered point of
view, and the demo is
required viewing. Watch it,
remember it’s 40 years ago,
and think about how
progress is made in this field.   http://www.youtube.com/watch?v=1MPJZ6M52dI
“you can actually talk to the computer”




sketchpad
Ivan Sutherland
1963


Englebart, Sutherland and
others were shifting from
“operating the machine” to
providing people with useful
tools. Englebart sought to
“augment the human
intellect.”




                               http://www.youtube.com/watch?v=BKM3CmRqK2o&feature=related
use the software


operate the machine
•   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 software


operate the machine
use a spreadsheet


                                   use a word processor
use the software
                                      play a game
operate the machine
| a tool for home and small business calculations




visicalc
Dan Bricklin
1979


Finally people had a reason
to buy a home computer
(specifically, an Apple II): so
they could use VisiCalc, the
first 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 writing




wordstar
Seymour Rubenstein &
John Barnaby
1979



WordStar had a very
complicated interface, but
once you invested the time
to learn it, it was very
powerful. Now there was
another reason to buy a
home computer: to create,
format, store, and edit text
documents.

                               Find WordStar history here: http://www.wordstar.org/wordstar/history/history.htm
wordstar
quick reference card




   A few WordStar commands
   (^ indicates one should hold
   down the Ctrl key)
| the future could usually be seen before it arrived




Xerox STAR, 1981                      Microsoft Windows 1.01, 1985




                   Xerox Alto, 1972
perform a task



use the software


operate 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 task



use the software


operate the machine
draw a picture
                                       create a brochure



perform a task                                   create a budget


                                                    compose music

use the software

                                                   troubleshoot the aircraft
operate the machine
| the mac taps into pent-up desire for ease and pleasure of use



Think of a world full of command-line interfaces…




http://www.youtube.com/watch?v=HhsWzJo2sN4
http://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 manifesto




Mitch Kapor      “The Roman architecture critic Vetrivius advanced the notion
1990              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
present
experience
live, learn, work, play




perform a task



use the software


operate 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 of
experience                    use, characteristics of individuals, patterns of life
live, learn, work, play
                          •   most good work now attempts to go beyond
                              expressed need to latent or masked needs

perform a task



use the software


operate the machine
manage a
                          household   compose music




                                                      run a business
experience
live, learn, work, play

                                                          learn math


perform a task

                                                          buy, use, &
                                                          maintain a car

use the software

                                                  immerse in a fantasy
operate the machine
| art and engineering




If your primary
concern is to make
something cool or
interesting happen
on the screen, you
are probably in the
camp of artists or
engineers. As
opposed to…
| interface




…interface design,
which is concerned
with the person in
front of the screen,
with understanding
and communication.
But interface design
often takes a fairly
static view of things…
| interaction




When we add time,
we see the
conversation back
and forth between
people and
machines
| design to support a person doing an activity in context




To do a good job of interaction design, we have to
understand as much as we can about the context, the
activity, what else is going on, where people’s attention
is focused, what happens before and after, what their
goals are, and so on.
design a vase




Shelley Evenson by way of
Chris Pacione contributes this
exercise to help us
understand how interaction
design these days differs from
the days of “making tools.”

Suppose I asked you to
design a vase. You would
sketch or model any number
of forms, most of them
probably looking like a cousin
of the vase shown here.
| design a way to enjoy flowers




But suppose I asked you
to design a way for people to
incorporate plants into their life,
or a way for people to enjoy
flowers.

Contemporary design has
changed 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
connect




experience:
live, learn, work, play



accomplish a task



use the software


operate the machine
we are used to
designing for individuals
we’re learning to account
    for differences in
        individuals.
 But the machines often
  stay most prominent
now, more often, the
  machines fade to the
     background –
   we design for what
happens between people
 through the machines
or we make it possible for
  people to build things
   together through the
      machines – the
   construction is in the
    foreground, not the
        technology
and now we are learning
to account for variations
  in groups, genres of
      connections
MACHINES SHAPE US
WE SHAPE THE MACHINES
Who’s the user?
What is the interface?
How is it used?
Who can afford it?
| before 1945 : new invention
| 1945-1955 : the calculator
| 1955-1965 : the giant brain
| 1965-1980 : the white collar labor
| 1980-1995 : productivity tool
| 1995- : networked ubiquity
NEXT
Voice recognition
DISPLAY EVERYWHERE
DISPLAY EVERYWHERE
NEW WAY OF INPUT
FOR NEXT WEEK
Find Future Interaction/Interactivity from
Movie/game/on your dream/….

Weitere ähnliche Inhalte

Was ist angesagt?

Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1Rachel Hinman
 
Mobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part IIMobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part IIRachel Hinman
 
User Experience & Lean Startup
User Experience & Lean StartupUser Experience & Lean Startup
User Experience & Lean StartupLane Goldstone
 
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Raj Lal
 
The history of ux by bara' harb
The history of ux by bara' harb The history of ux by bara' harb
The history of ux by bara' harb BaraaHarb
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction DesignMark Billinghurst
 
Design Matters: Lessons for Startups
Design Matters: Lessons for StartupsDesign Matters: Lessons for Startups
Design Matters: Lessons for StartupsNishant Jain
 
Remixing Mobile User Experience
Remixing Mobile User ExperienceRemixing Mobile User Experience
Remixing Mobile User ExperienceJason Mesut
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer InteractionSeta Wicaksana
 
User Experience - More Than Just a Pretty Stick
User Experience - More Than Just a Pretty StickUser Experience - More Than Just a Pretty Stick
User Experience - More Than Just a Pretty StickC4Media
 
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile PioneersJohn Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile PioneersShareforce
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and PrototypingKshitiz Anand
 
Bridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionBridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionJason Mesut
 
COMP 4010 Lecture 6: VR Applications
COMP 4010 Lecture 6: VR ApplicationsCOMP 4010 Lecture 6: VR Applications
COMP 4010 Lecture 6: VR ApplicationsMark Billinghurst
 
OSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By CommitteeOSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By CommitteeTed Leung
 
Designing for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsDesigning for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsSameer Chavan
 

Was ist angesagt? (17)

Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1
 
Mobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part IIMobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part II
 
User Experience & Lean Startup
User Experience & Lean StartupUser Experience & Lean Startup
User Experience & Lean Startup
 
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
 
The history of ux by bara' harb
The history of ux by bara' harb The history of ux by bara' harb
The history of ux by bara' harb
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Design Matters: Lessons for Startups
Design Matters: Lessons for StartupsDesign Matters: Lessons for Startups
Design Matters: Lessons for Startups
 
Remixing Mobile User Experience
Remixing Mobile User ExperienceRemixing Mobile User Experience
Remixing Mobile User Experience
 
Psychology Human Computer Interaction
Psychology Human Computer InteractionPsychology Human Computer Interaction
Psychology Human Computer Interaction
 
User Experience - More Than Just a Pretty Stick
User Experience - More Than Just a Pretty StickUser Experience - More Than Just a Pretty Stick
User Experience - More Than Just a Pretty Stick
 
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile PioneersJohn Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
Bridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionBridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer Edition
 
COMP 4010 Lecture 6: VR Applications
COMP 4010 Lecture 6: VR ApplicationsCOMP 4010 Lecture 6: VR Applications
COMP 4010 Lecture 6: VR Applications
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
OSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By CommitteeOSCON 2007: Open Design, Not By Committee
OSCON 2007: Open Design, Not By Committee
 
Designing for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsDesigning for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & Tablets
 

Andere mochten auch

11.30 디자인 + 사용자조사
11.30 디자인 + 사용자조사11.30 디자인 + 사용자조사
11.30 디자인 + 사용자조사nayoon kang
 
Final ppt
Final pptFinal ppt
Final pptsu90123
 
11.09 인터랙 ppt
11.09 인터랙 ppt11.09 인터랙 ppt
11.09 인터랙 pptnayoon kang
 
인터랙티브 미디어 디자인
인터랙티브 미디어 디자인인터랙티브 미디어 디자인
인터랙티브 미디어 디자인Yunjoon Kim
 
5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본yesolrr
 
인터렉 최종
인터렉 최종인터렉 최종
인터렉 최종현정 김
 
170314 인터랙티브 미디어 디자인 I
170314 인터랙티브 미디어 디자인 I170314 인터랙티브 미디어 디자인 I
170314 인터랙티브 미디어 디자인 I윤소 최
 
인터랙티브미디어디자인_ 디자인리서치
인터랙티브미디어디자인_ 디자인리서치인터랙티브미디어디자인_ 디자인리서치
인터랙티브미디어디자인_ 디자인리서치su90123
 
11.16 와이어프레임 사용자테스트
11.16 와이어프레임 사용자테스트11.16 와이어프레임 사용자테스트
11.16 와이어프레임 사용자테스트nayoon kang
 
09.28 인터랙티브 컨셉 도출
09.28 인터랙티브 컨셉 도출 09.28 인터랙티브 컨셉 도출
09.28 인터랙티브 컨셉 도출 수진 손
 
인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt진화 장
 
인터렉 기말발표 뮤징크
인터렉 기말발표 뮤징크인터렉 기말발표 뮤징크
인터렉 기말발표 뮤징크sujin park
 

Andere mochten auch (13)

11.30 디자인 + 사용자조사
11.30 디자인 + 사용자조사11.30 디자인 + 사용자조사
11.30 디자인 + 사용자조사
 
Final ppt
Final pptFinal ppt
Final ppt
 
11.09 인터랙 ppt
11.09 인터랙 ppt11.09 인터랙 ppt
11.09 인터랙 ppt
 
인터랙티브 미디어 디자인
인터랙티브 미디어 디자인인터랙티브 미디어 디자인
인터랙티브 미디어 디자인
 
인터랙
인터랙인터랙
인터랙
 
5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본
 
인터렉 최종
인터렉 최종인터렉 최종
인터렉 최종
 
170314 인터랙티브 미디어 디자인 I
170314 인터랙티브 미디어 디자인 I170314 인터랙티브 미디어 디자인 I
170314 인터랙티브 미디어 디자인 I
 
인터랙티브미디어디자인_ 디자인리서치
인터랙티브미디어디자인_ 디자인리서치인터랙티브미디어디자인_ 디자인리서치
인터랙티브미디어디자인_ 디자인리서치
 
11.16 와이어프레임 사용자테스트
11.16 와이어프레임 사용자테스트11.16 와이어프레임 사용자테스트
11.16 와이어프레임 사용자테스트
 
09.28 인터랙티브 컨셉 도출
09.28 인터랙티브 컨셉 도출 09.28 인터랙티브 컨셉 도출
09.28 인터랙티브 컨셉 도출
 
인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt
 
인터렉 기말발표 뮤징크
인터렉 기말발표 뮤징크인터렉 기말발표 뮤징크
인터렉 기말발표 뮤징크
 

Ähnlich wie Interactive Course Schedule

Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction DesignChristina Wodtke
 
Multi-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and developmentMulti-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and developmentJazmi Jamal
 
Interaction Design History
Interaction Design HistoryInteraction Design History
Interaction Design HistoryMarc Rettig
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzichtErik Duval
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chiErik Duval
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuvenErik Duval
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR SystemsMark Billinghurst
 
Comp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsComp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsMark Billinghurst
 
Using the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesUsing the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesJeffrey Nichols
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.pptUsamajawad3
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, UglyJoshua Randall
 
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...BayCHI
 
Prototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop SeriesPrototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop SeriesMatthew Thomas
 
History of Virtual Worlds and current applications
History of Virtual Worlds and current applicationsHistory of Virtual Worlds and current applications
History of Virtual Worlds and current applicationsMattia Crespi
 

Ähnlich wie Interactive Course Schedule (20)

Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
Multi-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and developmentMulti-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and development
 
Interaction Design History
Interaction Design HistoryInteraction Design History
Interaction Design History
 
Interaction design
Interaction designInteraction design
Interaction design
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 
CHI overzicht
CHI overzichtCHI overzicht
CHI overzicht
 
Lcture 1
Lcture 1Lcture 1
Lcture 1
 
inleiding tot chi
inleiding tot chiinleiding tot chi
inleiding tot chi
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems
 
Comp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsComp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR Systems
 
Chi overview
Chi overviewChi overview
Chi overview
 
Using the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User InterfacesUsing the Crowd to Understand and Adapt User Interfaces
Using the Crowd to Understand and Adapt User Interfaces
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly
 
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
 
Prototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop SeriesPrototyping - 2015 PhillyCHI UX Workshop Series
Prototyping - 2015 PhillyCHI UX Workshop Series
 
History of Virtual Worlds and current applications
History of Virtual Worlds and current applicationsHistory of Virtual Worlds and current applications
History of Virtual Worlds and current applications
 

Mehr von jylee6977

[I3 d]02 information
[I3 d]02 information[I3 d]02 information
[I3 d]02 informationjylee6977
 
[I3D]01 orientation
[I3D]01 orientation[I3D]01 orientation
[I3D]01 orientationjylee6977
 
[Ewd]class05 0405
[Ewd]class05 0405[Ewd]class05 0405
[Ewd]class05 0405jylee6977
 
[KGIT_EWD]class04 0329
[KGIT_EWD]class04 0329[KGIT_EWD]class04 0329
[KGIT_EWD]class04 0329jylee6977
 
[KGIT_EWD]class03 0322
[KGIT_EWD]class03 0322[KGIT_EWD]class03 0322
[KGIT_EWD]class03 0322jylee6977
 
[EWD]class02 0315
[EWD]class02 0315[EWD]class02 0315
[EWD]class02 0315jylee6977
 
[EWD]class01 0308
[EWD]class01 0308[EWD]class01 0308
[EWD]class01 0308jylee6977
 
[Isd]03 service design_term
[Isd]03 service design_term[Isd]03 service design_term
[Isd]03 service design_termjylee6977
 
[I3 d]01 casestudies
[I3 d]01 casestudies[I3 d]01 casestudies
[I3 d]01 casestudiesjylee6977
 
[I3 d]01 information
[I3 d]01 information[I3 d]01 information
[I3 d]01 informationjylee6977
 
[I3 d]00 orientation
[I3 d]00 orientation[I3 d]00 orientation
[I3 d]00 orientationjylee6977
 
[I3 d]00 orientation
[I3 d]00 orientation[I3 d]00 orientation
[I3 d]00 orientationjylee6977
 

Mehr von jylee6977 (18)

[MSD]UI03
[MSD]UI03[MSD]UI03
[MSD]UI03
 
[I3 d]02 information
[I3 d]02 information[I3 d]02 information
[I3 d]02 information
 
[I3D]01 orientation
[I3D]01 orientation[I3D]01 orientation
[I3D]01 orientation
 
[Imr]week6
[Imr]week6[Imr]week6
[Imr]week6
 
[Ewd]class05 0405
[Ewd]class05 0405[Ewd]class05 0405
[Ewd]class05 0405
 
[Imr]week5
[Imr]week5[Imr]week5
[Imr]week5
 
[KGIT_EWD]class04 0329
[KGIT_EWD]class04 0329[KGIT_EWD]class04 0329
[KGIT_EWD]class04 0329
 
[KGIT_EWD]class03 0322
[KGIT_EWD]class03 0322[KGIT_EWD]class03 0322
[KGIT_EWD]class03 0322
 
[Imr]week3
[Imr]week3[Imr]week3
[Imr]week3
 
[EWD]class02 0315
[EWD]class02 0315[EWD]class02 0315
[EWD]class02 0315
 
[EWD]class01 0308
[EWD]class01 0308[EWD]class01 0308
[EWD]class01 0308
 
[Imr]week2
[Imr]week2[Imr]week2
[Imr]week2
 
[Imr]week1
[Imr]week1[Imr]week1
[Imr]week1
 
[Isd]03 service design_term
[Isd]03 service design_term[Isd]03 service design_term
[Isd]03 service design_term
 
[I3 d]01 casestudies
[I3 d]01 casestudies[I3 d]01 casestudies
[I3 d]01 casestudies
 
[I3 d]01 information
[I3 d]01 information[I3 d]01 information
[I3 d]01 information
 
[I3 d]00 orientation
[I3 d]00 orientation[I3 d]00 orientation
[I3 d]00 orientation
 
[I3 d]00 orientation
[I3 d]00 orientation[I3 d]00 orientation
[I3 d]00 orientation
 

Kürzlich hochgeladen

Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 

Kürzlich hochgeladen (20)

Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 

Interactive Course Schedule

  • 1.
  • 2. 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 기말고사 인터랙티브 입체영상 기획 및 제작 프레젠테이션
  • 6. | 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
  • 7. goal of “operating the machine.” operate the machine
  • 8. | 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 disciplines operate the machine
  • 9. | characteristic statement of the time people are seen as components The Five Elements of System Design in a system of production personnel selection personnel training machine design job design environmental design
  • 10. | 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
  • 11. | input and output: people adapt to the machines punch card, 80 columns, to hold 80 characters or numbers paper tape, also encoding characters with holes. For fun, go make images of punch cards that say anything you want: http://www.facade.com/legacy/punchcard
  • 12. | wiring the ENIAC with a new program ENIAC 1946 Mauchly and Eckert Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt
  • 13. | front panel switches DEC PDP-8 TI 980 1960’s
  • 14. | configure switches, run batch, output to tape
  • 16. | online processing Spacewar Steve Russel 1962 http://www.youtube.com/watch?v=Rmvb4Hktv7U
  • 17. | operator console IBM System 360 1960’s
  • 18. | remote terminals attached to the S/360 IBM 3270 1970’s 80 columns x 24 lines a.k.a., “80 cards” Don’t laugh. These are very hip boys.
  • 19. | at home, it’s still the switches – but what to do with it? MITS Altair 8800 1975 One of the first commercially available home computers. You ordered it. You built it. You operated it through front panel switches.
  • 20. | command line interfaces Very efficient once you learned them. Still, the emphasis is “operate the machine.”
  • 21. | “user friendliness” providing clear help and easy to remember command names. Paul Heckel’s Elements of Friendly Software Design.
  • 22. | in the meantime, a few people were thinking differently mouse Doug Englebart 1964 Doug Englebart’s 1968 demo at SRI. He demonstrated most of the ideas we associate with modern desk- top computing: -the mouse hypertext, -objects in the interface, -dynamic file linking, -two people at different locations communicating over network audio and video. This work was done from a human-centered point of view, and the demo is required viewing. Watch it, remember it’s 40 years ago, and think about how progress is made in this field. http://www.youtube.com/watch?v=1MPJZ6M52dI
  • 23. “you can actually talk to the computer” sketchpad Ivan Sutherland 1963 Englebart, Sutherland and others were shifting from “operating the machine” to providing people with useful tools. Englebart sought to “augment the human intellect.” http://www.youtube.com/watch?v=BKM3CmRqK2o&feature=related
  • 25. 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 software operate the machine
  • 26. use a spreadsheet use a word processor use the software play a game operate the machine
  • 27. | a tool for home and small business calculations visicalc Dan Bricklin 1979 Finally people had a reason to buy a home computer (specifically, an Apple II): so they could use VisiCalc, the first spreadsheet. THE place to learn about Visicalc: www.bricklin.com/visicalc.htm Download a working version!
  • 28. |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”
  • 29. a tool for writing wordstar Seymour Rubenstein & John Barnaby 1979 WordStar had a very complicated interface, but once you invested the time to learn it, it was very powerful. Now there was another reason to buy a home computer: to create, format, store, and edit text documents. Find WordStar history here: http://www.wordstar.org/wordstar/history/history.htm
  • 30. wordstar quick reference card A few WordStar commands (^ indicates one should hold down the Ctrl key)
  • 31. | the future could usually be seen before it arrived Xerox STAR, 1981 Microsoft Windows 1.01, 1985 Xerox Alto, 1972
  • 32. perform a task use the software operate the machine
  • 33. 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 task use the software operate the machine
  • 34. draw a picture create a brochure perform a task create a budget compose music use the software troubleshoot the aircraft operate the machine
  • 35. | the mac taps into pent-up desire for ease and pleasure of use Think of a world full of command-line interfaces… http://www.youtube.com/watch?v=HhsWzJo2sN4 http://www.youtube.com/watch?v=9pTHlG8USUg&feature=related hello.
  • 36. 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
  • 37. | the software design manifesto Mitch Kapor “The Roman architecture critic Vetrivius advanced the notion 1990 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
  • 39. experience live, learn, work, play perform a task use the software operate the machine
  • 40. 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 of experience use, characteristics of individuals, patterns of life live, learn, work, play • most good work now attempts to go beyond expressed need to latent or masked needs perform a task use the software operate the machine
  • 41. manage a household compose music run a business experience live, learn, work, play learn math perform a task buy, use, & maintain a car use the software immerse in a fantasy operate the machine
  • 42. | art and engineering If your primary concern is to make something cool or interesting happen on the screen, you are probably in the camp of artists or engineers. As opposed to…
  • 43. | interface …interface design, which is concerned with the person in front of the screen, with understanding and communication. But interface design often takes a fairly static view of things…
  • 44. | interaction When we add time, we see the conversation back and forth between people and machines
  • 45. | design to support a person doing an activity in context To do a good job of interaction design, we have to understand as much as we can about the context, the activity, what else is going on, where people’s attention is focused, what happens before and after, what their goals are, and so on.
  • 46. design a vase Shelley Evenson by way of Chris Pacione contributes this exercise to help us understand how interaction design these days differs from the days of “making tools.” Suppose I asked you to design a vase. You would sketch or model any number of forms, most of them probably looking like a cousin of the vase shown here.
  • 47. | design a way to enjoy flowers But suppose I asked you to design a way for people to incorporate plants into their life, or a way for people to enjoy flowers. Contemporary design has changed the questions.
  • 48. | the cycle of experience Social Reputation Awareness Retention Extension Attraction Compelling Interaction Orientation tip of the hat to john rheinfrank and shelley evenson
  • 49. | 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
  • 50. connect experience: live, learn, work, play accomplish a task use the software operate the machine
  • 51. we are used to designing for individuals
  • 52. we’re learning to account for differences in individuals. But the machines often stay most prominent
  • 53. now, more often, the machines fade to the background – we design for what happens between people through the machines
  • 54. or we make it possible for people to build things together through the machines – the construction is in the foreground, not the technology
  • 55. and now we are learning to account for variations in groups, genres of connections
  • 56. MACHINES SHAPE US WE SHAPE THE MACHINES
  • 57.
  • 58. Who’s the user? What is the interface? How is it used? Who can afford it?
  • 59. | before 1945 : new invention
  • 60. | 1945-1955 : the calculator
  • 61. | 1955-1965 : the giant brain
  • 62. | 1965-1980 : the white collar labor
  • 63. | 1980-1995 : productivity tool
  • 64. | 1995- : networked ubiquity
  • 65. NEXT
  • 66.
  • 70. NEW WAY OF INPUT
  • 71.
  • 72. FOR NEXT WEEK Find Future Interaction/Interactivity from Movie/game/on your dream/….