UX设计术语表:用户界面中的启示性

为了获得知识和技能,设计师需要面对各种专业术语。这篇文章延续了用户体验设计中心理学的主题,并在UX Design Glossary中增加了一个新的问题。今天,我们正在谈论的设计启示,理解用户与界面交互的微妙关系。

什么是启示性?

启示性是一个对象的属性或特征,它提示了可以用这个对象做什么的提示。总之,启示性是提示用户如何与某些事物交互的暗示,无论是物理的还是数字的。例如,当你看到一个门把手时,这是一个提示你可以用它来打开门。当你看到一个接收器图标时,它会给你一个提示,你可以点击它来拨打电话。启示性使我们的生活更轻松,因为它们有助于我们与物理事物和虚拟物体世界的成功互动。

检查下面的Watering Tracker的屏幕。在一瞬间,您会明白所需的操作已完成 - 勾号显示。标签栏中的图标将为您提供线索,您可以使用应用程序执行一些操作:检查您的计划按钮(此选项卡处于活动状态,因为它已着色,而其它图标未着色),添加新计划或检查您的个人文件,这些都是可行的。

启示性的历史

这个词是由心理学家詹姆斯吉布森首先介绍的,他深入研究了视觉设计。他于1966年在他的书《感官认知感知系统中首次使用了这个术语。1979年,他在《视觉认知的生态学方法》一书中澄清了他的术语定义:“环境的启示是它提供的,无论是好还是坏。我已经完成了对它的定义。我的意思是,它指的是环境和动物的交互方式。它意味着动物和环境的互补性。根据吉布森的说法,人类倾向于修改自己的环境,希望能够更好地适应他们的生活,并使他们的生活更轻松。学习环境的可行性成为社会化的重要组成部分。

应用于设计时,该术语仅指用户意识到的那些物理动作可能性。从这个角度来看,这个词在1988年的唐纳德诺曼的《日常事物的设计》的探索中得到了进一步的发展根据专家的说法启示性指的是事物的感知和实际属性,主要是那些决定事物如何被使用的基本属性。实践为事物的运作提供了强有力的线索。盘子是为了方便搬运。旋钮是为了便于转动。插槽是用来插入东西的。球是用于投掷或弹跳。当利用可用性时,用户只需查看就知道该做什么,不需要图片,标签或指令。

随着各种用户界面的出现,启示性得到了新的发展向量。我们通过不同的行动,工具和事物进行了数百次操作。现在我们也做了很多操作,只需点击鼠标或点击屏幕即可。它使用户体验设计师可以用新的方式呈现可供选择的方法,这些方法可以积累人们在数字交互中和从现实生活中获得的模式和知识。


显式(明显)和隐式(隐藏)启示性

根据他们的表现方式,我们可以在UI中找到明显和隐藏的提示。

明确的可供选择是基于众所周知的和典型的提示,引导用户采取特定的行动。例如,当你看到一个按钮被设计成一个明显可点击的元素,在视觉上与物理世界中的按钮相似,你就会明白你可以点击或点击它来进行交互。如果它被一个文本或图标支持,那么启示性变得更加清晰,它会通知您系统的反馈。

一个CTA按钮作为一个可点击的元素是明确的,并且说明该按钮点击后用户能够做什么。

隐含的启示性不是那么明显。它们是隐藏的,并且可能仅在特定用户行为流中才能显示。我们得到悬停在布局元素上的工具提示或解释的情况就是这种情况。其它例子如导航的各种多层元素,又例如下拉式菜单或可扩展按钮,这些按钮在所有时间或从交互的第一秒开始都没有看到,但是在特定操作后被揭示。也许,这里最值得争议的一点是汉堡包菜单隐藏了特殊图标背后的功能访问。


标题中的汉堡按钮隐藏扩展网站菜单

图形启示性

图形启示性通过应用于界面的视觉效果呈现,并帮助用户扫描其功能。所有类型的图形都比复制速度更快,记忆得更好,所以它们的重要性不能被高估。其中,我们可以提到以下几点。

照片:主题照片,项目照片,头像和标题图片提供了视觉支持,从信息中可以了解用户通常可以使用的应用程序或网站(购买,交流,展示,观看,学习,写作等)的特定功能的信息。比方说,如果一个应用程序允许用户保存和共享食谱,使用适当的照片设置即时关联很酷,如下例所示。


品牌标志:应用于网站或应用程序的徽标,企业标志和颜色可直接显示用户界面与特定品牌连接的暗示, 这可能是展示其商业属性的强有力的代表。


启动画面和标题中的徽标设置了品牌的链接

插图:主题插图和吉祥物具有向用户提供明确提示的巨大潜力。在下面,您可以看到一个弹出窗口,通知用户有关万圣节贴纸的Toonie闹钟和一个众所周知的视觉提示 - 一个万圣节南瓜。


图标:目前的界面图标可能是最多样化的视觉效果组合。这些象形图具有很高的象征性,主要使用来自现实世界的提示,以便用户能够快速理解它们。更重要的是,在一些图标失去与原始物理对象的连接后,如果有大量用户记住它们,它们仍然具有生产力可供性:用于“保存”的软盘就是一个很好的例子。点击一颗星将会立即将你连接到收藏夹,一个放大镜会提示它是一个搜索,并且一个相机图标不会让你花很长时间了解它是用于拍照的。

图标也被用作内容分类的有效提示:在合适的图形支持下,分类别的工作速度更快。


按钮:作为核心交互元素之一,按钮作为公认的元素来做接口。在GUI时代之前,它被用于从简单的计算器到复杂的仪表板等各种物理事物。我们都很清楚如何处理按钮。重点是使其可见,并明显看作是UI中的按钮,形状,对比度,颜色和重复在这里都有很大的帮助。


字段:基本上,字段显示用户可以输入必要数据的空间。为了使它们更有效,设计师们还激活了启示性的力量,该领域应该看起来是互动的,这样人们立即就能理解他们可以在里面输入文字。下面Recipe App的界面显示了搜索栏:很明显,由于形状和对比度的原因,该栏是一个交互式元素,并且它还通过搜索图标和文本提示表达支持指令。


通知:有很多方法可以提示用户有什么遗漏或值得通过通知关注。看看下面界面中的购物车图标:它上面的黄色圆点提示它不是空的。


文字(语言)实用性


虽然用户相比文字更快地感知图像,但文字也不应在对交互流程有很大影响的位置丢失。重点在于图像有时需要在文本的帮助下理解,以避免误解。另一件事是,并不是所有的东西都可能在照片中显示出其要传递的信息,文字在标注说明和号召性用语,解释功能和层次结构的布局效率方面具有令人难以置信的多样化潜力。但是,应该给文本一个合理的平衡,不要使界面过载。

与文本相互作用对于日常生活中的人来说非常自然,比图形用户界面存在的时间长得多。文字线索和提示帮助理解要做什么或期望什么,记住哪些信息:我们从标志,广告和指令中读取了许多信息,包括报纸,手册和书籍。在数字用户界面中,它以同样的方式工作。这是一种直接与用户沟通的方式。例如,HealthCare应用程序的сalendar屏幕显示了各种语言可供性:除了关于患者的主要信息,我们可以在搜索字段中看到文字提示,按钮上的号召性用语文字以及给出的文本提示,日历中的空白字段显示用户可以添加约会,只需轻敲空间即可添加约会。


模式启示性

模式启示性基于习惯的力量,并呈现有效交互设计的巨大因素。它们最大的优点是可以节省用户同时将许多内容保存在内存中的功能。正如我们在向UX设计师提供人类记忆机制的文章中提到的那样,短期记忆的能力是有限的。因此,用户学习的模式越多,他们的导航就越清晰,他们处理新输入的效果就越好。这种典型的示例有很多:例如,我们都习惯于网页标题中的可点击标志,这些标志通常打开主页。从一个界面到另一个界面,我们知道加下划线的副本通常是一个可点击的链接,关于该网站的联系信息和隐私政策的信息通常在网站页脚中找到,并且应用布局中的三个垂直点意味着“更多”显示附加功能。保存这些模式意味着让用户感觉他们理解界面。所以,如果有需要打破模式启示性,请考虑一下,并对其进行测试:原创性应该是合理的,并且对用户是明确的。


动画的启示性

在用户界面中应用的动画在物理世界和虚拟世界之间建立了强大的连接 ,在大多数情况下,它会模仿与真实事物的交互:拉动,推动,滑动,拖动等。因此,和复杂的界面动画呈现出强大的功能。


下面的例子显示了Toonie Alarm应用程序中的开关。开关打开时,它将几个参数一起更改:选项卡的颜色,切换的颜色和激活的太阳的动画。这样它立即通知用户,并且还增加了对操作的情绪吸引力。


另一个例子显示了家庭预算应用程序中的交互流程中出现的通知,并提醒用户有关特定的限制。其动画模仿心脏脉动,这种方式吸引用户注意重要的警告。


这里还有一个案例 - 拉到刷新动画。出现在屏幕上,它通知用户UI正在更新,并为等待过程增添了一些乐趣。


消极的启示

虽然听起来奇怪,消极的启示性在积极的用户体验中也扮演着重要的角色:它们的根源在于消极结果也是结果。消极启示性的目的是为用户提示一些元素或操作目前处于非活动状态。例如,下面给出的Homey应用程序界面显示“卧室”按钮处于活动状态,而其他房间的按钮处于非活动状态 - 因此它们呈现出消极的启示性。安全级别的特点是级别5完全无效。


以下是另一种情况:标签栏显示活动按钮为彩色,而其他人则呈现消极的启示性。


虚假启示性

从UX的启示性角度来看,不应将错误和否定看作同义词。虚假启示性是设计师应该避免的:这是提示用户采取不同行动或结果的错误提示,而不是提示背后所期望的提示。有时候是故意的,但在大多数情况下是错误的。例如,如果网页复制块中的文本带下划线,用户会自动认为它是可点击的。所以,他们可能非常恼火,理解它不起作用 - 这意味着他们提示用错误的方式来使用。

上面的简要介绍让我们了解了启示性在用户体验设计中扮演的重要角色。我们将继续这个主题,在我的下一篇文章中提供更多见解,提示和示例,所以不要错过更新。

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

推荐阅读更多精彩内容