Recap: Interaction Design

  • Interaction Design

    • Designing interactive products to support people in their everyday and working lives.
  • Goals of ID
    • Allows users to carry out tasks safely, effectively, efficiently, and enjoyably.

Recap: Why is HCI important?

  • Computers (in one way or another) now affect every person in society
  • Product success may depend on ease of use, not necessarily power

Why study human use of computers?

  • HCI is worth studying because it aligns both human interests and economic interests.
  • The HCI discipline includes the study of:
    • the use and context of computers
    • human characterstics
    • computer system and interface architecture
    • the development process

History of HCI

key people, events and ideas

Main theme

  • human->computer
  • computer->human

    由人适应计算机发展为计算机适应人,未来可能向人机融合发展,而非谁适应谁

Five stages

  • Manual work

    狭义的手工作业阶段,如算盘

  • Command line

    第一次人机交互革命 ↓

  • GUI
  • Network UI
  • Multi-modal UI

    第二次人机交互革命

    • Natural use interface, NUI
    • 通过多模态(各种感官通道)形成与计算机自然的交互
    • 对NUI概念要慎重,尚未讨论清楚
    • Intelligent use interface, IUI

Input/Output devices

The lesson
  • Keyboards & terminals are just artifacts of today's technologies

    artifact: 人造物->我们或许也可以某种程度上改变世界

  • New input/output devices will change the way we interact with computers

Basic Interactions

  • Direct Manipulation of graphical objects

    direct Manipulation 有学术定义

  • The Mouse
  • Windows

    工作空间

Vannevar Bush (1890-1974)

  • "As we may think" article in Atlantic Monthly

    建议阅读 https://www.theatlantic.com/magazine/archive/1945/07/as-we-may-think/303881/

  • Identified the information storage and retrieval problem: new knowledge does not reach the people who could benefit from it.

    "publication has been extended far beyond our present ability to make real use of the record"

  • Bush's Memex
    • Conceiving Hypertext and the World Wide Web

      • a device where individuals stores all personal books, records, communication.etc
      • items retrieved rapidly through indexing, keywords, cross references,...
      • can annotate text with margin notes comments...
      • can construct and save a trail (chain of links) through the material
      • acts as an external memory
    • Bush's Memex based on microfilm recorder
      • but not implemented
  • 布什认为世界是模糊的,应当以模糊的方式来处理,所以他不支持数字计算机
  • ↑ 涉及到世界认知的本源问题——如果世界的本源是离散的,那么离散建模没有问题;如果世界的本源并非离散,那么有可能现在阶段的建模是完全错误的

J.C.R. licklider (1915-1990)

  • "Computing's Johnny Appleseed"
  • His ideas foretold of graphical computing, point-and-click interfaces, digital libraries, e-commerce, online banking, and software that would exist on a network and migrate to wherever it was needed.
  • Outlined "man-computer symbiosis"
  • Immediate goals
    • time sharing of computers among many users

      分时技术

    • electronic i/o for the display and communication of symbolic and pictorial information
    • interactive real time system for information processing and programming
    • large scale information storage and retrieval

      目前其实仍未做到

    • facilitation of human cooperation in the design & programming of large systems
    • combined speech recognition, hand-printed character recognition & light-pen editing
  • Long tem visions
    • natural language understanding (syntax, semantics, pragmatics)

      • syntax 语法:The study of the rules whereby words or other elements of sentence
      • semantics 语义:The study or science of meaning in language forms
      • pragmatics 语用:The study of language as it is used in a social context and affects the interlocutors(对话者) and their behavior
    • speech recognition of arbitrary computer users
    • heuristic programming

Ivan Sutherland's SketchPad

发明了用光笔在屏幕上可以作CAD图形,成为计算机图形学&计算机辅助设计的奠基人

  • Sophisticated drawing package
  • Introduced many ideas/concepts now found in today's interface
    • hierarchical structures defined pictures and sub-pictures
    • object-oriented programming: master pictures with instances
    • constraints: specify details which the system maintains through changes
    • icons: small pictures that represented more complex items
    • copying: both pictures and constraints
    • input techniques: efficient use of light pen
    • world coordinates: separation of screen from drawing coordinates
    • recursive operations: applied to children of hierarchical objects
  • Parallel developments in hardware
    • "low-cost" graphics terminals
    • input devices such as data tablets
    • display processors capable of real-time manipulation of images
    • HMD
    • ACM Turning Award

Douglas Engelbart

  • The problem (early '50s)

    • "... The world is getting more complex, and problems are getting more urgent. These must be dealt with collectively. However, human abilities to deal collectively with complex/urgent problems are not increasing as fast as these problems"
    • "If you could do something to improve human capability to deal with these problems, then you'd really contribute something basic."
    • 探讨知识爆炸问题->中国较美国的知识爆炸期晚了约40年
  • A Conceptual Framework for Augmenting Human Intellect (SRI Report, 1962)

Online Resources

最新文章

  1. 采用EntityFramework.Extended 对EF进行扩展(Entity Framework 延伸系列2)
  2. sparkR读取csv文件
  3. linux安装jdk和scala
  4. java实现甘特图的2种方法:SwiftGantt和Jfree (转)
  5. libevent之丢失header问题
  6. RabbitMQ集群环境搭建-4
  7. java.lang.StringBuilder
  8. Linux进程切换代码分析
  9. Zone.js
  10. Code the Tree
  11. Objective-C ,ios,iphone开发基础:使用GDataXML解析XML文档,(libxml/tree.h not found 错误解决方案)
  12. ffmpeg常用参数一览
  13. JS获取客户端IP地址、MAC和主机名七种方法
  14. effective c++ 条款12 copy all parts of an object
  15. gearman的安装和配置
  16. 全球第一免费开源ERP Odoo仓存功能模块深度应用(一)
  17. [转帖]Oracle 补丁体系(PSR/PSU/CPU) 及 opatch 工具 介绍
  18. Jmeter二次开发代码(1)
  19. 洛谷P4178 Tree (算竞进阶习题)
  20. docker下安装mysql

热门文章

  1. jquery 元素前或插入一元素
  2. C++标准库分析总结(一)
  3. Leetcode题目617:合并二叉树(递归-简单)
  4. SpringBoot + Vue前后端分离图片上传到本地并前端访问图片
  5. AOP 与 Spring中AOP使用(下)
  6. PyMouse、PyKeyboard用python操作鼠标和键盘
  7. selenium元素input的value值设置【node.js版本】
  8. Linux 验证当前 Video0 不否是v4l设备 linux v4l 编程(1) Video 4 Linux 简介
  9. osg define shape(create box)
  10. 23 Flutter官方推荐的状态管理库provider的使用