54 UI の 上古卷轴

作为 UI 行业已经不太年轻的两个从业者,在此 2017 即将结束之际,请允许我们回顾一下历史上的各种「人机交互方式」和「输入设备」,这第一期就让我们从鼠标、触控笔和各种触摸屏开始,这些看似「基础」的设备是我们如今各种交互方式的基石。


PS. 2017 年即将走完,感谢大家一年以来的陪伴、鼓励和建议,我们明年一定会填(wa)更多的坑~ 大家 2018 见了~


内容提要

00:17 我台与 UX Coffee 进行了友好会晤

03:49 听众反馈

05:00 今天的主题是「交互」

06:45 两个「牛 X 哄哄」的实验室

11:48 今天的第一个话题是……鼠标!

23:23 PC vs. Mac

32:05 鼠标滚轮

43:15 上古时代的 GUI

46:18 UI 设计师会不会有朝一日变成民间艺术家?

48:23 今天的第三个话题:触控笔

61:19 Anyway.科普杂志之触摸屏的技术分类


参考链接

  1. 第 19 期安妮薇邮报
  2. CCTV 10 的经典栏目《第十放映室
  3. 上期节目的一个超长的听众评论,来自艾痴痴痴
  4. 乔布斯偷师施乐实验室的 GUI 概念的轶事
  5. 贝尔实验室
  6. 电话键盘的诞生
  7. 施乐帕克研究中心
  8. 施乐的第一台个人电脑 Alto,你没看错,他的屏幕就是竖着的
  9. WIMP:视窗、图标、菜单、鼠标指针
  10. 介绍各种古董操作系统的网站 GUIdeBook
  11. GUIdeBook 上的一张图形图表:历代各类操作系统中的主要图标的演变和汇总
  12. GUIdeBook 的作者 Marcin Wichary 目前供职于 Medium
  13. 被戏称为「小奶头鼠标」的Mighty Mouse
  14. JJ 表示从来也没用过的「纵横双滚轮鼠标」
  15. 历史上重要操作系统的「滚动条」控件样式
  16. 纪录片《我在故宫修文物
  17. Palm 公司的创始人 Jeff Hawkins
  18. 他所发明的 Graffiti 英文手写输入法
  19. Palm OS CJK 巨硬拼音输入法的作者有个梨UGlee
  20. 国内骨灰级 Palm OS 用家的社区 Hi!PDA PalmOS 板块
  21. 电阻屏
  22. 电容屏
  23. B&N 出品的电子书产品 Nook

特别感谢

本期 BGM 包括 Canon and Variation、Prelude No. 19、Luminous Rain、Dark Hallway、Light Thought var 4、Amazing Grace 2011 和 Eternal Hope 来自Twin MusicomChris ZabriskieKevin MacLeod,封面照片来自 Markus Spiske @ Unsplash

共有 17 条评论
Logani
2017 年 12 月 28 日

不好意思,沙发~

超超超人LcC
2017 年 12 月 28 日

看标题 老滚  就兴奋了

Bingo
2017 年 12 月 28 日

而且膝盖也中了一箭

Bingo
2017 年 12 月 28 日

中国人到底是以右为尊还是以左为尊?https://www.zhihu.com/question/21859177 ***我就是来贴个链接,哈哈

leongao
2017 年 12 月 28 日

打脸打的好,学习了!

JJ Ying
2017 年 12 月 28 日

感觉有越来越多的听众在觊觎我的首席参考链接官的职位了哈哈哈哈

不想留名的听众
2017 年 12 月 28 日

不敢不敢,我们就是偶尔捡个漏~

不想留名的听众
2017 年 12 月 28 日

听到滚轮部分,终于知道为什么 JJ 当时那么坚持鼠标中键了...

十六同学
2017 年 12 月 29 日

Leon的新头像,又骚了。

leongao
2017 年 12 月 29 日

骚,是一种惆怅的高级情绪的表达。

leongao
2017 年 12 月 29 日

骚,是一种惆怅的高级情绪的表达。

JJ Ying
2017 年 12 月 29 日

你看他骚得连续回复两遍来表达「骚」的情绪

leongao
2017 年 12 月 29 日

明明是你的评论系统出霸嗝了。

不想留名的听众
2018 年 1 月 1 日

标题党,以为会讲游戏及其交互呢,骗子!!!新年快乐了:)

JJ Ying
2018 年 1 月 3 日

你说的这个还真在题库里呢~ 新年快乐!

JJ Ying
2018 年 1 月 12 日

测试一下

寒小言
2018 年 1 月 23 日

什么时候还会有线下分享活动呢?

支持的 Markdown 格式
**加粗**加粗
[链接](https://anyway.fm)链接
* 无序列表无序列表
1. 有序列表有序列表
__下划线__下划线
~~删除线~~删除线
`CODE`CODE

订阅我台