“自然”,还是“不自然”,这是一个问题

同样是向下浏览网页,在手机上我们习惯触屏手指上划,而在电脑上我们习惯鼠标滚轮下滚。一个是“自然”的交互方向,一个是“不自然”的交互方向。为什么会产生这样的差异呢?

在我试图弄清楚这个问题的时候,“自然”地想起了和我同样对“不自然”敏感的W。于是我和他就这个问题聊了半个晚上,总算是得出了一些略有启示性的结论。然而,翌日:

W 07:57

昨晚我们聊天的内容,快写篇笔记,字里行间不露声色的提一下我。要不然我老婆不开心。说昨晚一直在和你聊天,不理她。早上起来就对我各种找我茬。

W 07:57

R 07:57

😱

于是就有了下面这个基于聊天的文章……

R 21:08

我最近很纠结于这个选项。【滚动方向】到底应该选“自然”还是“不自然”……

咱俩探讨一下吧。

W 21:09

R 21:09

我X,我是认真的,丢你二大爷!

W 21:09

选“自然”啊。就是内容往手指移动方向移动。

R 21:10

但是以前使用鼠标给我们留下来“不自然”的习惯。比如向下滚动鼠标滚轮,实际内容是往上跑的。我发现,在还没有养成既定习惯的地方,“自然”是舒服的。在已经被鼠标养成既定习惯的地方,“自然”就不舒服了。我在想是不是到了应该强行改变习惯的时候了。

W 21:11

那应该是因为间接交互导致的吧。如果是直接交互,就要符合最自然的交互逻辑。

R 21:11

对了,还有一个类似情况,比如kindle,你会把哪个键设置为向前翻页哪个键设置为向后翻页?

W 21:13

kindle这其实已经是间接交互了。我会把下设置为向后。

R 21:14

触控板交互算是直接还是间接?

W 21:15

触控板是可以提供直接交互的地方。

R 21:16

触控板怎么算直接交互?那鼠标呢?

W 21:16

我再想想。

R 21:30

同样是向后浏览页面,在手机上,手指上划,那是自然方向。电脑上,滚轮下滚,是不自然方向。

W 21:33

那这么说,除了滚轮,你还有什么不自然的地方?

R 21:34

还有在触控板上,习惯手指下划和滚轮向下滚保持一致。比如触控板可以设置为,右侧滑动代替鼠标滚轮。因为已经习惯了滚轮,这个时候我就会很自然地使用滚轮的方向来定义这个上下滑动。导致在触控板,也用了下滑这种“不自然”的方向,来看后面的内容。

对了,还有浏览网页的前进和后退。你觉得应该是触控板向左划是后退吧?

W 21:37

是的,左后退。

W 21:38

所以——谁把轮子定义成不自然的!

我在chrome book上,已经完成触控板往上划,看下面内容的“自然”改变。

R 21:39

刚才那个问题的答案,其实是,向右滑动为网页后退,是“自然”方向。

哈哈哈。

向左后退是“不自然的”。

对了,锤子浏览器还是不支持滑动前进后退。

W 21:41

R 21:41

因为向右滑动,你当前页面的左边就露出来了。

W 21:41

因为右滑翻到了上一页的意思嘛。

chrome好像也是“自然”的。

R 21:43

实际上,在手机触屏上,我们都是右划完成后退的,非常自然。就是到了PC上,就懵逼了。

W 21:44

如果鼠标能拖拽网页,应该也就自然了。

R 21:44

确实。

不自然方向,我们总是站在指挥者的角度去指挥。

自然方向,我们感觉更像是参与者。

W 21:54

我感觉我们讨论的东西应该有某种交互理论可以完全概括的。

R 21:56

大致就是一个坐标系的意思。当你作为指挥者的时候,你是站在坐标系之外的,这个时候,你说,我要看下面的内容,我要看左边的内容。当你作为参与者的时候,你本身是处在坐标系之中的,你要看下面的内容,就要内容相对你往上走。

R 21:57

就好比,未来在你的前面还是后面,你怎么理解?

《设计心理学》里专门举了这个例子。我们都认为未来在我们前方。但是在南美洲印第安部落艾玛拉人眼里,他们把未来理解为“背后的日子”。

因为他们认为,你站在时间轴上的时候,能看见前面发生了什么,而看不见身后是什么。就像我们能够回忆过去发生了什么,但我们无法回忆未来。所以未来的日子就是你身后的日子,非常形象。

W 21:59

向前看,日子还长着呢

R 22:00

嗯,向前看,是指挥者。把自己放在时间轴上,就变成参与者了。

W 22:00

向前看 你后面的日子还长着呢。

R 22:00

(同时)向前看,后面的日子还长着呢。

R 22:00

……

W 22:01

R 22:02

在战场上,你要是指挥者,你说“前进!”,士兵全往前跑。但是你要是参与者,你就要自己往前领着士兵跑。我就是想表达这个意思。

从这种意义上讲,“自然”的交互方式确实能带给人们沉浸感,人机合一性更好。不再是人指挥机器,而是人和机器在同一个体系下共同工作。

R 22:04

我X,是不是开始有点升华了?整理一下,可以写一篇笔记了……

W 22:06

将军指挥士兵往前跑的那个例子,感觉不太好。

R 22:06

嗯,你说。

W 22:06

我感觉还缺少一种提炼。

始终去讨论将军的位置变化,而不是把角色从将军变成士兵。

R 22:08

有道理。

W 22:11

再给我一点时间,我感觉我快要想出一个,升华的东西来了。

R 22:11

还有一点,你之前说的直接控制和间接控制,其实是有道理的。

W 22:12

我想在直接控制和间接控制上面继续提炼一点东西。

R 22:12

鼠标滚轮准确来讲,控制的是滚动条,而不是内容。

W 22:12

哎呀,基本上也想到一起去了。

R 22:12

是呀,那个间接环节,指的是滚动条。而对于滚轮控制滚动条,其实也是“自然”方向。

W 22:13

“自然”的交互方式,其实直接指向最终目标。而“不自然”的方式,其实是间接通过。

R 22:13

滚动条扮演了指挥者的角色。

W 22:13

间接的方式指向的是一个间接的按钮。点击这个按钮,是怎么交互的,那就各有各的定义了。

R 22:13

对!是的。

R 22:14

我猜测,最早的鼠标应该是没有滚轮的。那个时候鼠标应该只能通过点击滚动条来控制内容,导致了这种间接不自然方式的养成。

W 22:14

最早的鼠标只有两键,后来好像进化出了一个中键,但是中键不是滚轮。再往后就变成滚轮了。

R 22:15

滚轮的出现,滚动方向应该是对习惯于控制滚动条而不是页面内容这样一个既定事实的妥协。

W 22:15

差不多吧,我感觉已经提炼出某种理论来了。

W 22:47

我觉得今天晚上讨论了半天。主题就是手势操作和传统按钮式操作的异同。传统的点击操作,按钮上的图标方向显示的是你最终的目的。但是为了完成这个目的,所需要的过程,直观的进行,就是手势交互。

R 22:56

总结的挺简洁。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容

  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,126评论 9 467
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,417评论 25 707
  • 刚刚看各种时间管理小文章时突然想起来。 我常常浪费时间的最大原因是缺乏专注力。 我缺乏专注力的最大原因是常常因为不...
    簪刃阅读 283评论 0 1
  • shift+/显示快捷键 仓库页面中点击blame能够按行显示最新提交的信息。文件内容的左侧会显示该文件的行号,假...
    没人能救你呀吼阅读 282评论 0 0
  • 继续一个人自言自语_。 今天想聊聊 JavaScript 的作用域,以及“闭包”。当然,仍旧带着我的个人特色。 作...
    NARUTO_86阅读 436评论 5 5