Human Computer Interface

1
HCI
Human Computer Interface
Media System Lab., Yonsei University
Tack-Don Han http//msl.yonsei.ac.kr
C531, Media System Lab., Computer Science, Yonsei
University Seodaemun-Gu, Sinchon-Dong, 134 Seoul,
KOREA 120-749 82-2-2123-2715
2
??? ??? ?????
Human Computer Interface
3
Contents

• 1. HCI ? ??
• Bad Interface ??
• ??? ????? ???? ???? ?? (RFID ? ??? ???? ???)
• HCI ? ??
• HCI ? ??
• Interaction ? Interface
• ??? ?????
• ????? ??
• ?? ? ?? ?????
• ????? ???
• ????? ?????????? ?? ?????
• 2. Task Analysis
• 3. Prototype
• Low fidelity
• 4. Heuristic Evaluation

4
RFID Bus Card System
Good or Bad ?
5
Bad Interface ??

• ?? ?? ???
• ??? ?? ??? ??? T money ???? ??? -gt ????? ?
• ??? ??? ?? ??? ??
• RFID ???? 03cm ?? ??? ???? ?? -gt RFID ? ??

• But,
• RFID ? ??(??)? ?? ????
• ?? ??? ??? ??? ???? ? ? ??? ??? ??
• ??????? ???, ????? ???? ??????? ??? ?????? ?????
  ????? ??
• ??? ?? ??? ??? ???? ?? ? ??? ??
• RFID ? ?? -gt ?? ?? ?? -gt ??? ???? ??? ????? ???

6
Solution

• ??? ??? ??? ??? ?? ? ???
• ??? ? ?? ?? ???(x)
• ?? ?? ??? ? ? ????? ????(o)
• ??? On/Off ??? ??(o)
• On/Off ??
• SD ??? ??? MS ??? ??? ?? Tip Tap ??? ??? ??? ??,
  ???? ?? ????? ????(Disable) ?? ??

7
HCI ? ?? ?? ??
Its why we study HCI
8
HCI ? ??

• HCI ? ?? SIGCHI ??? ????
• HCI ? ?? ??? ?? ???, ? ???? ???? ?? ?? ???? ???
  ACM ? HCI??? SIGHCI ? ?? ??? ?? ?? ????.
• HCI ? ??? ????? ??? ????? ??? ???? ??-??-???? ???
  ?? ??? ?? ???? ?? ???? ????.
• (Human-Computer Interaction is a discipline
  concerned with the design, evaluation and
  implementation of interactive computing systems
  for human use and with the study of major
  phenomena surrounding them. - ACM/SIGCHI 1992,
  pp.5)

9
HCI ? ??

• HCI ? ??
• 1960?? ?
• ?????(D.C. Engelbart)
• ???, GUI, ??????, ?? ????, ???? ??? ?? ??? ???
  ???? ??
• HCI ? ???
• 1997?, ????? ???? ?? ????? ???? ??? ??? ????? ???
  ??? ??
• ?? ??? ???
• ?????? ??? ????
• 60?? ?? ???? ??? ?? ??? ?? ?????? ??,
• ??? ??? ?? ???? ??? ??? ?? ??? ??
• Xerox, ?? ????, ??? ? GUI ? ??? ? 1969? GUI ? ??
• ?? ??? GUI ? ? ??? ????? ??? ??? ??? ??

D.C. Engelbart
?????? ??? ??? ???
???? ??? ?? ???
10
HCI ? ??

• GUI ? ???
• 7080??
• Xerox PARC ?? ???? ?? ??? ?????? Alto ??
• Xerox ? ?? ??? ??? Star
• ??? GUI ? ???? ???
• ?? ???? GUI ??? ??? ??? ?? ??
• ??? ????? ?? ??? ??? ??? ??? ??
• Three Mile Island ??? ??? ?? ??
• ??? ????? ??? ??? ? ?? ??? ????? ??? ??
• HCI ??? ???? ?? ???? ??
• 90??
• ???? ???? ??
• ??? ??? ???
• 7080?? HCI ??? ?? ???? ??????
• 90??? ???, ???

11
HCI ? ??

• 21??? ??? ????
• ??? PC ??
• ?? ??? ?? ??? ?? ?? ???? ???? ???
• ?? ??? ???? ???
• ????? ??
• ??? ??? ?? ??? ???? ?
• ??? ???? ??? ??? ? ??? ???
• ??? ???? ??
• 7080??? ??? ?? ?? ??? ??? ?????.
• 90??? ??? ????? ??? ??? ????
• 21??? ???? ?? ??? ??? ???? ????.
• ???? ?? ??? ??? ????? ??? ??
• ???, ???, ??? ???, ?????? ??? ??
• ??? ??
• ???(Usability)? ?, ? ???? ??? ???? ??? ??? ??(J.
  Nielsen)
• ?? ??? ?????? ?? ??? ? 99? ?? ???? ??? ??.
• ??? ??? ??? ???? ???? ??? ???? ??? ??? ???.
• (Nielsen, 2001)

12
Interaction ? Interface

• HCI ? I ? Interaction(????)? ??
• ??? ???? Interface(?????)? ???? ??
• ?????? ????? ???? ??, ??? ????
• ????? ???? ?? ??? ???? ?? ??
• ?????? ??
• ??, ????? ?? ??? HCI ? UI (User Interface) ?? GUI
  (Graphic User Interface) ??? ?? ????? ???? ??
• ??? HCI ??? ??? UI ? GUI ? ?????? ???? ??? ?? ??
• ??, ?????? ???? ?? ??? ??????? ???? ??? ?? ??
• ???? ???? ???? ???? ??? ??? ?? ??? ?? ???? ????
• ??? ??? ??? ????, ???? ????
• HCI ? GUI ?? ???? ??? ??? ???? ?????? ??? ???
  ???. ??? ??? ??? ????.
• HCI ? ?? ??? ??? ????? ?? ????.

13
Interaction ? Interface
Google ? ??? ??? ?? Interface ? Interaction ?? ??
? ?? ??? ? ? ??.
14
HCI Process
Design
Prototype
Evaluate

• HCI ? ??? ??? ???? ?? ???? ???? ???? ???? ???
  ??? ???? ???? ?? ?
• HCI ? ???? ?? ??? ???? ?? ????? ??? ??? ??? ??
• ???? ??? ??? ?? ??? ???? ???? ??, ??? ????? ??
  ????? ??? ?? ??

15
??? ?????
Interface of Future
16






U
biquitous
Media System Lab. Dept. of Computer Science,
Yonsei University http//msl.yonsei.ac.kr
17
Paradigm Shift
First Wave Main frame 1980s
Second Wave PC 1990s
Third Wave Ubiquitous Computing 21st Century
Xerox PARC, Mark Weiser, 1991
18
Definition

• Ubiquitous? ??? ??
• ????? ??? ??? '??? ????', '?? ???? ??? ????'??
  ??? ??.
• ????? ?, ???? ??? ??? ?? ????, ?????? ?? ?? ????
  ??? ???? ????? ?? ??? ? ??.
• Ubiquitous ????(IT)? ????
• ?? ??? ???? ????? ??? ?? ??? ???? ?? ???? ??,
  ???? ??? ? ?? ??, ??, ???? ?? ??? ??.
• Ubiquitous ????(IT)? ??? ??
• Ubiquitous Computing ? Ubiquitous network ? ??
  ??? NT(Nano Technology), BT (Biotechnology)??
  ???? ? ??? ???? ??? ??? ? ??? IT?????? ??, ???
  ??? ??.
• ????? ?? ?? ??
• ?????? (???? ??? ????, ???/??? ??????, ??? ?? ?)
• ?????? (?? ??? ???? ?? ??? ???? ???? ??)
• ?????? (???/???? ?? ????, ?? ??? ?? ????? ??? ???
  ????)
• ??? ???
• ??????
• ????
• ???? ?

19
Concept
Ref. ?????
20
Technology Field
?? ?? RFID? ?? ?? ??? ???? ????? ?? ??? ? ??? ? ? ????. ?? ??? ????, ?? ?? ??? ??? ?? ? ? ??, ??? ???? ????? ??? ? ?? ????.
???? ?? IPv6? ?? ???? ?? ????? ??? ???? ??? ? ??? ?? ? ? ?? ???. ??? ??? ?? ???? ?????.
???? ?? ??? ???? ????? ??? ??? ???? ???????. ???? ?? ???? ?? ?? ???? ??? ?? ????? ????, ?? ???? ???? ????.
????? ?? ???? ???? ?? ?? ??? ?????? ?????. ??????? ? ? ?? ???, ???? ?? ??? ?? ??? ?????? ?? ??? ???. ?? ???? HCI (Human Computer Interface) ??? ?? ???? ????.
????? ?????? ????? ???? ??????? ????? ? ?? ??? ?? ???? ??? ?? ?? ??? ?? ?????.
??? ? ??? ?("????"?? "????"???? ?)?? ?? ???? ??(?)?? ???? ??? ?? ???? ??? "?"??? ???, ??? ??? ????? ??"???, ???, ??? ? ???? ?????. ??? ??? ??? ?? ?? ???? ?????? ?? ?? ??? ?? ? ?? ???? ?????.
21
Tag Interface

• Tag interface
• ??? ?? ??? ????? ??? ?? ??
• Fast input, easiness
• Types
• Image based code Barcode, 2D code
• Industrial area logistics, POS
• Research area Augmented reality, Mixed reality
  (WA, MIT, etc.)
• Wireless tag RFID, IR
• Industrial area EPC Global ONS, U-ID
• Research area Tangible interface, Smart It
• Issues
• Image based codes
• Off-line based black white code
• High cost special device Reader, scanner
• 1D barcode Cultural taboo
• RFID
• Privacy problem
• High cost special device
• Cost per chip

ColorCode
22
Interface of Future

• Media Blocks
• The mediaBlocks project is a tangible user
  interface based upon small, electronically tagged
  wooden blocks.

http//xenia.media.mit.edu/ullmer/projects/mediab
locks/
23
Smart Wear

• ??? ???(?? ??? ?? ??? ???? ??) ??? ??
• ?? ????(Sensatex)?? Smart shirts
• ???? ???? ?? ???? ??? ?? ? ?? ?? ??
• ???? ?? ?? ? ????, ??, ??, ??, ??? ??? ??
• ???, ????, ??? ??? ?? ??
• ?? ???????? ????? ?? ??
• MP3 ????? ???? ??? ??
• ?? ????(Infineon)?? ??? ??
• MP3 ????? ??? ??, ??? ? ?????? ??
• ???? ?????
• PAN(Personal Area Network)
• ????, ????, MP3P ?? ?? ??
• ????, ????(????? ?? ??), e-mail ???
• ????? ??????????? ?? ?? ?? ?

?? ???? ????? ?? ??
24
Smart Tire

• ?? ???? ?? ????? ??? ????? ????? ???? ???? ????
  ??? ???
• ??? ?? ???? ???(TPMSTire Pressure Monitoring
  System)
• 4?? ??? ?? ?? ??? ?? ???, ????????, ???? ???
  ?????? ??
• BMW, ??, ???? ??? ??
• ?????? ???
• TPMS ?? ???? ??
• ?????? ?????, ???????, ???????? ? ??? ????? ???
  ??
• ??? ??? ???
• ???? ??? ????? ?? ???? ??? ???? ???? ?? ? ??? ???
  ????? ??? ???(????, V? ?? ?)? ??? ??? ????? ????
  ???? ???? ??? ?????? ????? ??

25
Smart Home

• ??? ? ???
• ??? ?? ????, ????, ????, ????
• ??? ?? VOD, ??
• ??? ?? ??, ??, ???, ????
• ??? ?? ???, ??, ??, ??, ???
• ??? ??? ??? ?? ??? ? ?? ??(???)
• 2007??? 2? ??
• 1000???(????? 61)? ??? ? ?? ??
• ????? ?? ???, ??? ??? ??, ??????(UWB),
  ???????(FTTH) ??? ?????? ? ??? ?? ??
• 1?? ??????, ????
• 2?? ???TV, ??????(VOD) ? ??? ????? ???
• 3?? ??? ?? ??? ??? ????? ??? ??? ???? ???? ???
  ?? ??
• ?? ???

26
Ubiquitous Problem

• ????? ?? ?? ? ??
• ????, ?? ??? ?? ?? ???? ??
• ??????? ??? ?? ? ?? ??
• ????? ??? ??(?? ??, ??? ?? ?)
• ?????? ?? ??

??. ???? 2005/12/08
27
?? ? ?? ?????
Interface of Future in Movie
28
Ubiquitous in Movie

• ????? ???
• - ??? ???? ??, ? ??? ??
• - 2002? 7? 26? ?? ??
• - ???
• 2054? ???, ??? ???? ? ??? ??? ???? ???? ??? ??
  ??? ?????? ???? ??? ???? ??? ????. ????? ???? ???
  ??? ??? ??, ??? ??? ???? ?? ?????, ?? ???? ?????
  ????? ??? ????? ????. ????? ??? ? ???(? ???)?
  ???? ???? ??? ???? ????? ??? ???? ??. ?? ??????
  ???? ??? ???? ??, 6?? ??? ??? ?? ?? ??? ?? ??????
  ????? ?? ?? ????.
• ??, ???? ????? ??? ?? ??????? ??? ?? ???(?? ??)?
  ???? ???? ??? ????? ???? ?? ? ?? ??? ????. ??? ??
  ??? ??? ???? ???? ?? ??. ?? ?????? ?? ???? ????
  ????. ???? ??? ???? ??, ??? ??? ?? ?? ??? ????
  ?????. ??? ??? ?? ??? ? ??? ????? ??? ??? ?? ? ??
  ???? ????, ???? ???? ???? ??? ???? ????. ?? ??
  ??? ??? ? ?? ?? ?? ???...

29
????? ???

• ????? ??? ?? ?? ??? ????? ?? ?? ?????
• 1. ??? ?????(3D ????, ????)
• 2. ??? ?????
• 3. ??? ??
• 4. ?? ?? ?? ??
• 5. ?? ?? ?? ??
• 6. ?? ??
• 7. ??? ?? ??
• 8. ?? ??
• 9. ?? ????? ??
• 10. ?????
• 11. ?? ?? ??
• 12. ?? ??
• . . .

• ??? ?? ??
• ???? ??? ??
• ????? ?? ???? ??? ??? ??
• ??? ???? ??

?? ????? ??? ?? ?? ??
30
Display

• ??? ????? ?????

31
Display

• ??? ????? ??? 3D ???? ????

- ??? 3D ???? ???? 3D ? ???? ?? ?? ?? 6? ??? ??
???? 3D ?? ??? ??? ?? ??. - ?? ??? ?? ????
?? ?? 3D ??? ???
32
????

• ??? ????? - ?? ??, ?? ??

- ?? ??? ??? ??? ?? - ??? ??? ??? ??? - ????
????? ??? ??
33
??? ?????

• ??? ?????

- ??? ?? ?? ???? - ???? ?? ???? ?????? ?? -
???? ??? ??? ?? - ???? HCI (Human Computer
Interaction) ?? ? ????? (Hand Interface)
??? ?? (Gesture Recognition)
34
??? ??

• ??? ??

- ?? ??? ??? ???? ?? - ??? ???? ??? ????? ????
???? ??? ??? - ??? ??? ??
35
??? ????

• ??? ????

• ?? ???? ??? ????
• - ??? ???? ?? ????? ??
• - Tangible Interface ? Media Block ? ??

36
??? ? ?? ?????
Interface of Future in Lab.
37
Why Tag interface

• Tag interface
• Bridge between physical world and cyber world
• Fast input, easiness
• Types
• Image based code Barcode, 2D code
• Industrial area logistics, POS
• Research area Augmented reality, Mixed reality
  (WA, MIT, etc.)
• Wireless tag RFID, IR
• Industrial area EPC Global ONS, U-ID
• Research area Tangible interface, Smart It
• Issues
• Image based codes
• Off-line based black white code
• High cost special device Reader, scanner
• 1D barcode Cultural taboo
• RFID
• Privacy problem
• High cost special device
• Cost per chip

38
Image Based Tag Interface

• ColorCode

39
UTOPIA Project
? Play
40
U-Profile
41
U-Messaging
42
U-Campus Tour
43
U-Museum
? Play
44
U-Theme Park
U-Theme Park, Media System Lab.
? Play