1 / 20

Exploring Interactive Multimedia: Interface Design and Human-Computer Interaction

This lecture delves into the fundamentals of interactive multimedia and human-computer interaction (HCI). It covers definitions of interactive multimedia, including multimedia forms that respond to user input, and explores the importance of HCI in designing user-friendly computing systems. Key topics include graphical user interfaces (GUIs), tangible user interfaces (TUIs), and multimodal interaction. The session also highlights examples of interactive media in use, as well as contemporary applications in physical and virtual mediums, underscoring the evolution from traditional interfaces to rich, interactive environments.

louvain
Télécharger la présentation

Exploring Interactive Multimedia: Interface Design and Human-Computer Interaction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 261108 Presentation II Lecture # 14 interactive multimedia

  2. Agenda Introduction Human-Computer Interaction GUI TUI multimodal interfaces multimedia publishing EXAMPLEs References

  3. Introduction • What is Interactive Multimedia? • Multimedia (media in visual, auditory, animated forms) • Interactive (responsive to user input) • Media that responds to user input via multiple means of output (mostly digital media) • Why Interactive Multimedia? • Multi-dimensional (variation of 2D, 3D, 4D) • Rich interaction in short time (multi-tasking) • Take advantage of already familiar hand-eye coordination

  4. Human-Computer Interaction • discipline concerned with the design, evaluation and implementation of interactive computing systems for human use • Direct Manipulation (direct input) • Light Pen (late 1950s) DARPA - MIT, Sutherland • Mouse (1960s) SRI, Engelbart • User Interfaces • Graphical User Interfaces (GUI) • Tangible User Interfaces (TUI)

  5. First Mouse, mid 1960s LightPen, 1960s Personal Workstation late 1970s

  6. Graphical User Interface • Graphical User Interface (GUI) • use of graphical images as representations to information and interaction with the computer system • WIMP (window, icon, menu, pointer) • WSYIWYG (what you see is what you get) • Xerox PARC • Xerox Alto, Star (1972, 1981) • Apple Computer Inc. • Apple Lisa, Macintosh (1984) • Microsoft • Windows

  7. Apple Macintosh, 1984 Xerox Star, 1982 Microsoft Windows 1.0, 1985

  8. GUI of Xerox Star, 1982

  9. Tangible User Interface • TUI (1990s) coined by Hiroshi Ishii, Tangible Media Group, MIT MediaLab • direct manipulation of physical objects that are coupled with digital information as an intuitive way to interact with computers • use of tangible objects as representations of digital information or manipulation

  10. Urp, 1999

  11. Multimodal Interfaces • Modal (mode of interaction) • Interface (medium by which user interacts with i.e., graphical or tangible) • Interface that has multiple means of interaction (input and output) • Visual • Audible • Tangible • Spatial • Most modern computerized devices • PCs, Smart electronics, cell phones, PDAs, MP3 players, etc. • Most modern work tasks • Teleprompter, telemarketer, customer service

  12. ClearBoard Teleprompters Telemarketers

  13. Multimedia Publishing • Physical mediums • CD-ROM • DVD-ROM • Physical Computing • Virtual mediums • The Internet (WWW) • Spatial mediums • Kiosks • Exhibitions/ Installations

  14. Interactive Discs • Authoring Environment • Macromedia Director, Flash, Authorware • Hypertext (html) • Disc contents • initiation file (autorun.inf, readme.txt) • executable file (xxx.exe, setup.exe) • data files (html, image, drawing, movie, text, etc.) • User interface • Menu (main, sub, etc.)

  15. Examples: CD-ROMs

  16. DEMO • Interactive CD/ DVD • Gather content • Define data structure • Create initiation file • Burn CD/ DVD

  17. References • Usability Design • The invisible computer • Apple user interface guidelines • Xerox PARC

  18. autorun.inf • [autorun] • open=xxx.exe

More Related