13-隐喻、习惯用法及能供性 about face4

如何找到合适的视觉隐喻和行为——交互设计的后隐喻时代

隐喻会把界面与物理世界的运行机制绑在一起,数字产品美妙的一点是,展现的是给用户的工作模型不必受制于机械的物理限制。

一、界面范式

交互设计:技术实现中心——隐喻中心——重视习惯用法(较多使用)

1、实现中心范式界面

建立在实现模型上,用户必须先学习软件内部如何运行,才能成功理解并使用界面,反应的是内部的数据结构和算法。如医院。

2、隐喻范式界面

直觉intuitive

易于使用或易于理解,无需明显的理性思考和推理直接获得知识和感觉的能力。直觉通过推理起作用,在不同的对象之间建议联系,从相同点学习,我们理解界面隐喻元素的含义,因为心理上把它们和致歉学习过的东西联系起来。隐喻界面有效利用了人脑强大的推理能力。如垃圾桶隐喻删除。

本能

内在的反应,不需要有意识的思考。如网页上闪动的广告会吸引人注意。

缺点

高度隐喻的界面虽使用户可以直接理解软件的基本功能,但会大大增加导航成本。文件系统及文件夹中,层级太深。抽象的概念不便于隐喻。在不同的文化背景下,容易引起歧义。

例外适合隐喻的例子

电子游戏的仿真页面能让用户更好的沉浸于游戏。飞行模拟、音乐创作软件,尤其在触屏软件上。

3、习惯用法范式界面

Ted Nelson 称习惯用法为“设计原则”,设计习惯用法基于我们学习并适应习惯用法的方式。通过学习简单、非隐喻的视觉或者行为习惯用法来完成目标和任务。

窗口、标题栏、关闭框、屏幕分割条、超链接和下拉菜单、鼠标(光标随鼠标一起移动)都是学习过的习惯用法。

所有的习惯用法都需要学习,但好的习惯用法只需学习一次。单选框、复选框、关闭框、下拉菜单、组合框这样的习惯用法非常容易学习。

采用一个简单动作,赋予内涵,有利于塑造品牌的精髓。如美国国旗的习惯用法即使没有强大的力量,也具有隐喻的同等效能。

二、创建习惯用法

交互词汇中的基本元素越多,学习过程所耗费的时间和困难酒越多。像字母组成单词,单词构造句子一样。

图形用户界面易于使用的主要原因在于推行有限的交互词汇,由指向、单击、拖动这些少量的原语组成复杂的习惯用法。这些原语构成大量简单的组合词,进组合成多种复杂的特殊领域的习惯用法,所有这些都以同样几个易于学习的动作为基础。

底-原语:单一动作和反馈机制。鼠标定位、点击、单击、拖拽、按下键盘上的键、光标、文本。

中-组合用法:通常的输入输出动作。双击、点击按钮、选择、编辑域、选框、高亮。

高-习惯用法:应用程序特定命令和反馈。输入、删除、创建、拖动、输出、下拉、排序、对话框、导航、列表框、图标。

三、手动能供性

能供性affordance:事物所感知到的及其(实际)属性,主要是哪些决定事物可能如何使用的基本属性。我们认为对象能做什么,而不是它实际能做什么。

人性能供性manual affordance:如何用手操作对象的本能。当人工制品打造的很适合手或者身体的时候(人机工程学?),我们能看出直接操作的方法。如移动端的带有阴影的凸起的小按钮。

虚拟手动能供性

提示+反馈 虚拟手动能供性的东西如按钮,因为无法确切知道它的实际功能,无法检测其因果关系,所以需要依靠补充文本和图片/iocn来指明其意义。click hover disable状态的不同给到用户,还有一些icon类型的给到提示。鼠标移动到模块边缘的时候给到可以

能供性的实现预期

真实世界中,对象能做事是因其物理形态与其他物理对象之间的联系而决定。

在数字世界,一个对象之所以可以完成任务,是因为开发者赋予它的能力,但也可能被欺骗,所以屏幕上在屏幕上渲染按钮的时候要给到用户视觉反馈,有按钮按下去的效果,这样才符合手动能供性所表现出来的期望。

四、直接操作与顺从

直接操作的使用

使用直接操作可以指向我们想要的东西,更好、更加容易引发“流”的界面。高级直接操作习惯用法更多。它简单、直接、易用,也易于记忆,也要学习。

创作工具、多数艺术和设计工具提供了对对象的高度直接操作,可以直接编辑、拖拽、放大等。手势中融入了很多功能,但使用几下就成了人的第二本能,因为有丰富的视觉无状态反馈和操作流,用这些可以调整图像。实时预览、所见即所得。

直接操作并不总是合适

要考虑到用户可能不擅长的情况。

顺从响应提示  click对象的时候,出现反馈。如点击输入框出现高亮,点击按钮出现下凹。

静态提示 适用于移动用户界面。通过对象本身的静态渲染来传达视觉能供性,如按钮的凸起视觉效果。

动态提示 常用于桌面应用的用户界面。动态的改变对象的视觉能供性,以适应输入焦点或者其他系统时间的变化。如当鼠标经过图标icon,出现可以点击的效果及点击区域

光标提示 另一种桌面顺从提示方式,通过在鼠标经过对象或屏幕区域时改变光标的外观来传达顺从。如鼠标变成双箭头表示可拉伸,鼠标变成手表式拖拽,鼠标变成手指表示可以点击。

五、逃脱隐喻的掌控

总结:尽量少用视觉隐喻,而要创造容易记忆、恰当有丰富的顺从反馈的习惯用法(有丰富视觉反馈),提高用户工作效率。

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

推荐阅读更多精彩内容