译文:交互设计规范的启示性。UX设计术语表:用户界面被的启示性。

Magazine,这篇文章延续了用户体验设计中

原文作者:Natasha
Postolovski
Source: Smashing
Magazine

为取得知识以及技艺,设计师需要直面各种专业术语。这首文章延续了用户体验设计被心理学的主题,并以UX
Design
Glossary中追加了一个初的题材。今天,我们正在讨论的计划启示,理解用户以及界面交互的神妙关系。

启示性(affordance)指的凡某某物体或目标有某种操作还是效益及之暗示性。举例来说,一摆放盖你膝盖高度的交椅,它可以暗示你以。牙刷的手柄略长于人类的手掌,它暗示可以用来拿。

<br
/>所有我们周围的合理性都存有启示性:有些是外显的(如派手柄上勾画着的“推”字信息),有些是内隐的(如椅子可以据此来打破玻璃或用来当武器)。这个定义最初由心理学家詹姆斯·吉布森提出,随后给唐纳德·诺曼以《设计心理学》一写被推荐及人机交互领域。
<br
/>相互设计师时以启示性。他俩得这样做。物理客体基于他们之样、大小、重量等特性而提供启示性。不像物理客体,网页还是手机相互必须经统筹来取得有的迪。对于绝大多数设计师而言,这是由于我们每日能够瞥见的不在少数的设计模式而得到的直觉。但是你是不是来考虑到了一个对象能够让点击、滑动、推动、拉伸时之质感?
<br
/>通过深度了解启示的劳作方式,你就可知再次好得控制交互和产品设计。你能够将启示性作为一个器要您的计划更爱为用,鼓励用户执行你想只要她们进行的操作,比如注册一个出品,生成内容要跟其他用户联系。更好的启示性对转化率、注册率以及那些对君设计之网站、应用、产品重点的用户操作有明确的影响。这吗就是是干什么说启示性在网页设计着极其受低估了。

汝能够反复有一个用户会于 Tumblr主页能落得执行稍微操作为?

tumblr-opt.jpg

尽管看起是一个深粗略的界面,你会好奇地窥见在Tumblr主页可能实行11个操作。

  • 1 输入邮箱地址
  • 2 输入密码
  • 3 点击问号图标(指向密码恢复界面)
  • 4 点击登陆按钮
  • 5 点击注册链接
  • 6 点击条款链接
  • 7 点击隐私链接
  • 8 点击“Posted by blvcktrip”链接
  • 9 点击blvcktrip的头像图片
  • 10 点击“搜索Tumblr”输入搜素词条
  • 11 按下转车键来索输入的词条

要你会猜测到有以上之操作,那么您就是早已认识及了启示性。它便互相提供被用户特定功能的不二法门。所有你若开得都以一个Tumblr页面的扁平化截屏上。通过再认模式和外显启示,就能考查交互作用。
<br
/>不是具有的启迪都是一模一样的,其中一些启迪会愈吃其它一部分启发。知在相互设计着可知就此到的启发类型是十分关键之。启示一般为分为以下几个种类:外显的,模式化的,隐喻的,内隐的,假的,以及否定的。下面我们详细介绍每种型的启示。

哟是启示性?

启示性是一个对象的属性或特色,它唤醒了好为此之目标做呀的提拔。总之,启示性是唤醒用户如何和一些事物交互的授意,无论是物理的或数字的。例如,当你看一个门把手时,这是一个唤起您得用它来起开门。当您相一个接收器图标时,它见面让你一个提示,你得点击它来转打电话。启示性使我们的生存又自在,因为她有助于我们以及物理事物和虚构物体世界之成功互动。

自我批评下的[Watering

<br /> 外显的开导

<br />
外显启示通过文字或合理的物理特性等信号来展现。写在“点击这里”的文明显得提醒而失去点击。从周围表面被凸显出之按钮看起但触摸,它提醒而可向下压。上面写在“推”的门柄提示而推门。写着“请输入评论”的输入框明显提示而失去实践评论这种操作。这些启示是外显的,因为任何人都能猜如何跟这些元素进行互,尽管他们事先没接触了就仿佛交互。这些启示不负认知模式。

paypal-opt.jpg

PayPal的界面元素是他现启示的一个不行好之事例。外观凸出的按钮提示为下按,而文本信息则明确提示操作的结果。

video-opt.jpg

Copyblogger’s网站中的视频应用的外显启示方式:文本提示点击播放视频。

Tracker](https://link.jianshu.com?t=https%3A%2F%2Ftubikstudio.com%2Fcase-study-watering-tracker-ui-design-for-home-needs%2F)的屏幕。在一瞬间,您会明白所需的操作已完成

勾号显示。标签栏中的图标将为汝提供线索,您可以使应用程序执行有操作:检查你的计划按钮(此选项卡处于活动状态,因为它们已着色,而其他图标未上色),添加新计划或检查你的民用文件,这些还是行之有效之。

lovebet体育 1

<br /> 外显启示在以下情形被特意重大:

<br />

  • 1 . 当彼此使用者过去不太可能接触到广大启发模式。
    这种场面时常有在那些并未技术悟性或者平时休常下网页还是手机相互的用户身上。这些用户很少克经过设计模式认识及启示。这同一适用于那些特殊之、创新之互动。第一缓缓手机使用在比如敲击、滑动等操作及大方用到了外显启示。
  • 2 . 尚非明朗确立特定的模式来传达特定操作的启发
    依手机及之一个彼此对象:向内挤压关闭,向外挤压展开。当我们还未晓如何像之传言这种相互启示时,设计师就会见使用外显启示的计。

是不是采取外显启示要依据计划背景而自然。太明显的启迪会带来设计冗余。如果每个链接都写在“点击这里”,页面就会见变换得异常干燥。如何被受众在尚未明确的指令下知一个对象的启示性是待考虑的题目。例如,一款app的用户是科技创业者,他们事先就曾经了解输入框,当app交互界面还用文字指示“点击输入邮箱地址”就会显得很二。

启示性的史

这词是出于心理学家詹姆斯吉布森首先介绍的,他深刻钻研了视觉设计。他吃1966年于外的书《感官认知感知系统被首不成利用了是术语。1979年,他于《视觉认知的生态学方法》一书被澄清了外的术语定义:“环境之开导是它提供的,无论是好或蛮。我早就完结了针对性其的定义。我之意是,它依靠的凡环境与动物的交互方式。它象征动物与条件之互补性。根据吉布森的说教,人类倾向被修改好之条件,希望能再次好地适应他们的活着,并设她们之活又自在。学习环境的来头成为社会化之关键组成部分。

动叫统筹时,该术语仅因用户发现及之那些物理动作可能性。从者角度来拘禁,这个词在1988年底唐纳德诺曼的《日常事物的规划》的探究受到获得了越发的发展据悉大家的传教启示性指的凡事物的感知与实际性能,主要是那些决定事物如何吃下的骨干性。实践吧东西之周转提供了强大的端倪。盘子是以方便搬运。旋钮是以好转动。插槽是用来插入东西的。球是用于投或跳。当以可用性时,用户只有需要查看就清楚该做啊,不欲图片,标签或者指令。

乘势各种用户界面的面世,启示性得到了新的开拓进取向量。我们通过不同之步,工具及东西进行了数百糟操作。现在我们呢做了广大操作,只需要点碰碰鼠标或点击屏幕即可。它而用户体验设计师可以据此新的不二法门表现可供应选择的方式,这些主意可累积人们在数字交互中同自现实生活中拿走的模式与文化。

lovebet体育 2

<br />模式化的启示

即是当代互设计受到最常用的启发类型。例如,我们隐约知道一个非让含有在一个词中要放在页面主要内容之外的词条形似只是供应点击。我们知道放在屏幕上方,包含脱节词条的修通常是导航栏,上面的词条提供了领航。我们清楚在看起像按钮背景及之单个字或者词语通常是可用来施行某操作的按钮。我们会蒙下方带有下拉箭头的某某字还是词可以开展下拉菜单。
模式化隐喻是得传达某些特定启示的均等栽既定的隐喻。举例来说,电子邮箱通常因为信封图标来表现(尽管发送电子邮箱从未涉及到大体信箱。)这种隐喻很行,因为她既是一个既定的模式。我们将以隐喻启示中再度进行详细的座谈。
<br
/>模式隐喻是优雅的,因为它可以在一个繁杂的界线面向用户快速传达很多启迪。当我们跟大气底网站以及运进行互动时,我们见面变得重善于快速分析在屏幕及之这些五花八门的开导。

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

依据他们之显现方式,我们可在UI中找到明显与藏的唤醒。

大庭广众的只是供应选择是根据强烈的与超绝的唤起,引导用户采取一定的行动。例如,当你看看一个按钮被设计改为一个明白但是点击的元素,在视觉及同物理世界中之按钮相似,你就会懂你可以点击或点击它来展开互。如果其让一个文本或图标支持,那么启示性变得更加清晰,它见面通知你系统的上报。

lovebet体育 3

一个CTA按钮作为一个可点击的素是尽人皆知的,并且证实该按钮点击后用户会做呀。

包含的启示性不是那泾渭分明。它们是隐藏的,并且可能才在特定用户作为流中才会亮。我们获得悬停在布局元素上之家伙提示或说明的气象就算是这种情景。其它例子如导航的各种多层元素,又像下拉式菜单或只是扩大按钮,这些按钮在有时间要从相互的第一秒开都没有见到,但是于一定操作后让公布。也许,这里太值得争议之某些凡是汉堡保菜单隐藏了奇图标背后的功力访问。

lovebet体育 4

*
题目中的汉堡按钮藏扩展网站菜单*

<br /> 以下是自于Envato Studio’s主页上的模式化启示清单:
元素 启示类型 提供的功能
导航栏 模式 浏览网页
链接 模式 点击
Logo 模式 返回主页
右上角的链接 模式 管理账户
“分类”下拉 模式 访问更多选项
放大镜 模式隐喻 搜索
内容模块 模式 点击模块

envat_studio-500px-opt.jpg

Envato
Studio’s的主页,一个自由职业者的市场,充满了模式启示,你能将其还摆出为?

以知道设计师对模式启示的乘,你可问问你自己,如果您无和网站或者智能手机产生过相行为,但是若了解怎么行有主干的操作,比如点击和敲门,你可知懂界面启示你去做的有操作为?
<br />
模式供了好多出色的快捷方式去便利地传达一些操作启示。消牢记它的前提是:用户就花费了大气光阴及网站、应用与另界面进行互。当你是吗部分技术娴熟的用户计划产品常常,模式启示可以组成你大部分的规划。当用户没有长的界面交互的涉时(比如,小孩子,老人和部分良少会接触到网络的人头),你虽无可知太依仗让模式启示。

图表启示性

图启示性通过应用为界面的视觉效果呈现,并扶持用户扫描其效力。所有品类的图样都于复制速度再快,记忆得再好,所以其的重点不克让大估计。其中,我们得以提到以下几点。

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

lovebet体育 5

品牌标志:应用被网站要应用程序的徽标,企业标志和颜料可径直显示用户界面及一定品牌连接的暗示, 这或许是亮其商业性质的有力的意味。

lovebet体育 6

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

插图:主题插图和吉祥物有为用户提供明确提示的远大潜力。在下面,您可以见见一个弹出窗口,通知用户有关万圣节贴纸的Toonie闹钟暨一个分明的视觉唤起

  • 一个万圣节南瓜。

lovebet体育 7

图标:目前的界面图标唯恐是太多样化的视觉效果组合。这些象形图有老高之象征性,主要采用来源现实世界之唤起,以便用户会快速掌握她。更要紧的凡,在片图标失去与原物理对象的连年后,如果出雅量用户记住它们,它们仍然具备生产力可供性:用于“保存”的软盘就是一个深好之事例。点击一粒星星将会这将公总是至收藏夹,一个放大镜会唤醒她是一个摸索,并且一个相机图标不会见给你花费大丰富日子了解它们是用于拍摄的。

lovebet体育 8

图标为于看做内容分类的行提示:在方便的图样支持下,分类别的工作速度再快。

lovebet体育 9

按钮:作为着力交互元素之一,按钮作为公认的要素来开接口。在GUI时代之前,它让用于打简单的计算器及复杂的仪表板等各种物理事物。我们都蛮亮什么处理按钮。重点是如果其可见,并肯定看作是UI中之按钮,形状,对比度,颜色和再在此间都生格外特别之援助。

lovebet体育 10

字段:基本上,字段显示用户可输入必要数据的空中。为了要其还使得,设计师们还激活了启示性的能力,该领域应看起是互的,这样人们这就会明白他们可以当里头输入文字。下面Recipe
App的界面显示了搜索栏:很醒目,由于形状与针对性比度的因由,该栏是一个交互式元素,并且它们还通过寻找图标和文件提示表达支持指令。

lovebet体育 11

通知:有为数不少方可以提醒用户发生什么遗漏或值得通过通告关注。看看下面界面中的购物车图标:它上面的香艳圆点提示其不是空的。

lovebet体育 12

<br /> 内隐启示

<br
/>内隐启示是千篇一律种植神秘之形式,它只有在某种特定的基准下显现出来。例如,提示点击的链接文字只有在鼠标停在上面的时光显得出来(并且颜色为生变更)。在IOS设备上,只有你于主屏幕上敲或者拖动时,应用图标才能够起滑动。在Pinterest上,只有当您的鼠标悬停在上面的时候,别针按钮(提供“喜欢”功能)才见面冒出。默认情况下,直到用户执行有操作来激活提示,元素的启示性不见面显出。

pinterest-unrevealed-opt.jpg

Pinterest上的图像启示在默认情况下是潜伏的,当鼠标悬停是显示出。

pinterest_revealed-opt.jpg

若是您拿鼠标悬停在某某条目上,条目中不怕会显得出三单新的动作按钮。

内隐启示通常在偏下状况下叫以:在一个复杂的互动界面,立马显现每个交互启示会要相互界面显示非常杂,或者如相互动作之层级显得杂乱。内隐启示能够明白得弱化(不强调)那些休极端重大之操作功能。当某个功能不是中心还是必须的(如告诉有不相宜的图像)时候,运用隐藏启示是好之。
<br /> 内隐启示的风险在用户可能未可知直观地窥见启示性。
<br />
最后,不要以重点之操作及使内隐启示。相反的,你得由此把一些未极端重大之操作溶入背景的章程来减少主要中心操作周围的混杂感。
<br />
当你着想要无若动用内隐启示时,你问问自己,若用户不亮堂这个操作时是否还能欢喜地行使产品?如果答案是“是”,那么对这个操作来说内隐启示是恰如其分的。
<br />
Clear,一个亟需办事项用,在设计上大十分程度得依靠让内隐启示。然而她的筹划着了过多称。

flat-design-clear-opt.jpg

它们好呢?是的。然而,它的计划重点指让内隐启示。当你管一个条文清单拉下时,屏幕顶端会向下折,提示您带以建立新的条款。明白这些指令需要阅历。向左滑动删除条目,向右侧滑动标记为都到位,挤压把少单条目分开会在当中新建一个初条令,向外挤压会倒闭列表。
<br />
这些内隐启示并无意味Clear的用户体验颇不同。一旦您首先软打开这个以,你不怕可知看见该用之片效应的滚教程。如果你忘掉了课程被之功用说明,这些需要办事项看起就是如物理及但尝修改的面板,你尽管会了解要办事项app可以允许多事项、删除事项或标记为形成。这个面板看起便像会于操作。通过坚持完成前期的读书曲线,作为回报,用户就会舒服得用该应用,并且相互界面显得简洁而最少化。
<br />
但是,内嵌于Clear的计划哲学并无适用于拥有的界面。学习曲线更陡峭(用户更用上),用户放弃的比率就见面更加强。Clear需要花钱请,以至于用户产生理由花费时间去上学相互界面。想象一下别样一样种植现象:
当用户登录到您的产品界面,用户以无理由花费时间去摸内隐启示。事实上,当可用之操作没有即时显示出时,用户大可能会见距离界面去其它地方。
<br />
内隐启示只适用于用户认同上之图景下。为了迅速指引用户执行你想使他们失去实践之操作,用户认同上之程度更加小,产品的启迪就要进一步显。

文字(语言)实用性

虽用户比文字还快地感知图像,但言吗无应允于针对相互流程有坏可怜影响之职位掉。重点在于图像有时需要以文书的扶助下知,以避免误会。另一样起事是,并无是具有的物还或在照遭到显示出该如果传送的音信,文字在标注说明和号召性用语,解释功能以及层次结构的布局效率方面有让人怀疑的多样化潜力。但是,应该为文本一个靠边的平衡,不要设界面过载。

与公事相互作用对于日常生活中之人头来说十分自然,比图形用户界面存在的工夫增长得差不多。文字线索及提醒救助了解要举行呀或者想啊,记住什么信息:我们由标志,广告及下令中读取了累累信,包括报纸,手册及本本。在数字用户界面被,它为同的计行事。这是如出一辙栽直接跟用户沟通的艺术。例如,HealthCare应用程序的сalendar屏幕显示了各种语言可供性:除了关于患者的第一信息,我们得在查找字段受到看到文提示,按钮上的号召性用语文字及吃起底公文提示,日历中的空白字段显示用户可以增长约会,只待轻敲空间即可添加约会。

lovebet体育 13

<br /> 隐喻启示

<br />
有时候传达启示最简便易行的不二法门尽管是拿现实物体作为隐喻。例如,大部分底界面图标就是因这种隐喻去传达启示信息的。信封图标启示着发送电子邮件,房子图标启示着回“家”,电话听筒图标启示着打电话,打印机图标启示着打印文件,链条图标启示着建链接。

cloud-opt.jpg

<br
/>一些隐喻是只要依据背景的。在文档查看下被,放大镜最可能诱发着放开。然而当网站的输入框旁边的放大镜则太可能诱发着找。
<br />
在纷繁任务中,相较于经利用外显的启示方式,通过采用于具体世界物体中领到出的隐喻,我们会更快得传达启示信息。举例来说,如果您得于界面中加入一个会于用户通话的按钮,但是若切莫能够下电话图标为无克采取文本—“打电话”,你该如何传达这种意义启示为?
<br />
因为用现实事物隐喻的启发方式要命有强大,选择一个顶好的隐喻就生要紧。思考下面是iPhone应用Ness:

ness-opt.jpg

手机采用Ness的界面图标

你是不是觉得上述的图标需要文字标签?如果它们于将走,你是不是能够了解汽车图标启示着分享路线?如果您不是开车去目的地或者跟少数在公共交通上之总人口享受路线,你就假设针对性是图标思考一番。在是案例中一个重新通用的模式隐喻可能是地图标记。

模式启示性

模式启示性基于习惯的力量,并呈现有效互动设计之壮烈因素。它们不过深的优点是足以节省用户以用许多情节保存在内存中的功效。正而我辈以向UX设计师提供人类记忆编制的篇章被干的那么,短期记忆之力量是少的。因此,用户学习之模式更多,他们之领航虽进一步清楚,他们处理新输入的法力就更好。这种独立的示范有过多:例如,我们都习惯给网页标题中的而是点击标志,这些标志通常打开主页。从一个界面及任何一个界面,我们明白加下划线的副本通常是一个可是点击的链接,关于该网站的沟通信息与隐私政策之信通常在网站页脚中找到,并且应用布局中的老三独垂直点意味着“更多”显示附加功能。保存这些模式表示被用户觉得他们清楚界面。所以,如果来得打破模式启示性,请考虑一下,并对该展开测试:原创性应该是情理之中的,并且针对用户是显然的。

lovebet体育 14

<br /> 模式隐喻

<br />
模式隐喻指的是力所能及传达某些特定启示的组成部分既定的隐喻。例如,大部分设计师现在都用老式电话听筒图标来传达打电话这种启示,使用信封图标来传达发送电子邮件的启发,用心脏图标来传达喜欢某物的启示。如果设计师相信有重复好的隐喻存在,他们即好打破既有的模式。但是要铭记在心:用户已经读了这种既有的模式。细想心脏图标所能够传达的增长启示,如下:

  • 点击图标“喜欢”某条目
  • 兴保留自身好的条条框框
  • 我或能够以本人之账户中走访具有自喜欢条目的集纳
  • 以用户多某个条目时或者被通报曾“喜欢”过该条目
  • 针对该条款来说,这是只主动的手势

<br />
心脏经常于了解呢善要好的表示。通过给连就此来传达某些特定的同喜好相关的诱导,它初始在交互设计及吃用来传达这些隐喻。
<br />
还有,在改变一些既定的模式隐喻之前要精心地考量。看下Tumblr中所呈现即所得之编辑器。你可知分辨出创建链接和去链接的图标为?

pattern_metaphor-opt.jpg

链接的既定模式隐喻是零星个或三单连续在共同的环形链条,在这界面及,你找不交此图标。最相仿的图标是左数季个图标,看起如一个歪的卓绝符号。它的边际是加了删除线的歪无限符。这些图标比环形链条图标又美妙吗?或许是。理解这些图标传达的启示是否需要少量重新多的思维努力?我以为是的。这种转移是否值得?我不确定。这个新图标看起特别像无限符。或许也有人会怎么样辩道:正是网络链接以人们的汇合扩展至绝好,一个环形链的链接是重新无空虚的隐喻。

动画的启示性

以用户界面中采取之动画于物理世界与虚构世界中间成立了强的连
,在大部情况下,它见面模仿与诚事物之竞相:拉动,推动,滑动,拖动等。因此,和复杂的界面动画呈现出强的意义。

下面的例证显示了Toonie
Alarm应用程序受到之开关。开关打开时,它以几只参数一起转:选项卡的颜色,切换的颜色跟激活的太阳之卡通片。这样它们立刻通知用户,并且还增了对操作的情绪吸引力。

lovebet体育 15

其余一个例证显示了家预算应用程序中的并行流程中出现的通,并提醒用户有关特定的范围。其动画模仿心脏脉动,这种方式引发用户注意要的告诫。

lovebet体育 16

此还有一个案例 –
拉至刷新动画。出现在屏幕上,它打招呼用户UI正在更新,并为等候历程增添了有些乐趣。

lovebet体育 17

<br /> 假的启发

借用的迪看起如启示了某种特定的作用,而实际它们启示着另外一样种植意义还是向无克行效能。举例来说:

  • 某某元素于四邻背景中凸显出来,这使她看起足按或者点击。但是实际上它不克。
  • 一个Logo图像无能够而用户返回到清领域。
  • 某显示出有模式启示的词条(着色或者下划线)实际上并无是链接。
  • 一个绿色按钮(一个表示创建东西的模式启示)实际上用来删除数据。
  • 一个变灰的词条,似乎启示着没有相互操作,实际上却是一个链接。
  • 一个信封图标,似乎启示着发送电子邮件,实际上也是为此来发送短信。

green_delete-opt.jpg

在 Icon
Finder
上一个绿色的“删除”或者“关闭”按钮。

于彼此设计模式中,绿色按钮启示着保存要创造数量。将绿色按钮用来诱导破坏性操作,用户大可能于她们感念要封存数据的下要飞地去数据。

dribbble-opt.jpg

在Dribbble的这界面元素被而会觉察什么启迪?
<br />
在点是Dribbble界面元素中,你见面惊奇地发现,除了浏览数量,每个元素还得点击执行有交互动作。它们是灰色的,背景啊为灰,没有下划线,没有加粗。它们虚假得见来启示性的短缺,而实际它们包含在长的效力(观看哪些人喜好了此条款,这个条款被放于啊名称的号下,下载配色方案)
<br />
尽管这些界面元素设计的微妙性使设计受到的任何有拿走重新多注意力,设计师必须考虑这种平衡是否值得。例如,如果分享链接被加多少,更懂得地开导着点击,是否Dribbble上之条规就能更常被分享?
<br
/>一个简单的规则:如果你真正想人们执行有意义,那么长跟多启示性的标志。

被动的启示

虽然听起来竟,消极的启示性在主动的用户体验着吗去着要之角色:它们的自在于消极结果为是结果。消极启示性的目的是啊用户提示有些因素或操作时处于无活动状态。例如,下面让出底Homey应用程序界面显示“卧室”按钮处于活动状态,而另外房间的按钮处于无活动状态

  • 故而她呈现出消极的启示性。安全级别的风味是级别5全不行。

lovebet体育 18

以下是另外一样栽情形:标签栏显示活动按钮为花团锦簇,而其他人则表现消极的启示性。

lovebet体育 19

否定的迪

有时表明此时某界面元素不提供其他操作功能是要的。最广的点子就是是以之因素变灰。拿Rdio应用中之输入框来说:

password-opt.jpg

密码输入框变灰是以时它们不提供点击或者输入数据,为了表现这些启示性,你不能不点击旁边的“改变”按钮。

you_are-opt.jpg

当此界面元素被,“保存改变”按钮变灰是坐您还免做出其他移,因此你不能够保留。这种作风表明了手上按钮无克提供其他操作功能。

脚设计受到变灰的按钮通过“浏览我们的统筹产品列表”的仿指示明显地开导了点击。但是是按钮的宏图风格遵从了否认启示的模式(扁平,灰色,融入背景)。因为灰色按钮通常表明了启示性的差以至于用户可能不能够觉察及他能为点击。

negative_affordance-opt.jpg

灰也每每因此来表明一个非链接的字还是词语。在以下Google主页的界面中也不然。看起自己的电子邮箱地址不克为点击,然而点击它若会惊奇得进行具有自己的账户信息之下拉菜单。

negative_2-opt.jpg

见微知著地动否定启示能够使用户还快得一定到界面被有着有因此效应的部分。

假冒伪劣启示性

自UX的启示性角度来拘禁,不承诺将左以及否定看作同义词。虚假启示性是设计师应避免的:这是提醒用户用不同步要结果的错误提示,而非是抛砖引玉背后所幸的提醒。有时候是明知故犯的,但以大部分状况下是错的。例如,如果网页复制块被之文本带下划线,用户会自行认为它是可点击的。所以,他们可能很光火,理解她不起作用

  • 随即意味着她们提醒用错误的方法来用。

面的简易介绍为我们询问了启示性在用户体验设计被饰演的基本点角色。我们拿连续这主题,在自之生一样篇稿子中提供再多见,提示和示范,所以不设失去更新。

启示性的综合:IOS 7的天下

IOS
7中的默认天气使具有大量之启示性。下面六栽启示性中,它具有哪些?不享有什么样?

  • 外显的
  • 模式的
  • 隐喻的
  • 内隐的
  • 假的
  • 否定的

为咱来挨家挨户检查。

ios_weather-opt.jpg

外显启示性

行使主界面没有外显的启示性。没有扣起足点击的因素。没有称指示而失去什么和界面进行互。除了屏幕底边的领航元素(依赖让模式启示性),应用之界面看起就是比如是一个数额的扁平化陈列。

模式启示性

当此天气以界面中本人能鉴别出个别单模式启示,它们统统位居屏幕底边。

weather_detail-opt.jpg

屏幕底边的一样履行白点在IOS系统设计模式中代表可以滑动的屏幕的多寡。加亮的白点代表你手上所当的职位。当IOS主屏中负有某些屏幕的app图标时,才用这种设计模式。

雅虎图标是另外一个模式启示性的例子。经常同网页交互的用户会懂得点击图标通常会拿她们带及号要组织的主页。此处,它见面指向雅虎搜索结果。

隐喻启示性

尽管用中采取了部分隐喻,但是只发生一个隐喻具有启示性。所有的天标志都是隐喻。从一朵云后面偷窥之阳光图标不是指云后面来晖,它象征天气是晴而多云的。太阳图标不意味着太阳,它意味着天气晴朗。然而,敲击这些图标不提供任何操作功能,它们纯粹只是传达天气信息。

界面被绝无仅有拥有隐喻启示性的要素位于右侧下角。这个图标看起如是条款列表或者菜单。敲击图标将见面进行一排天气地理位置的菜谱,使您能添或者删除条目。这个图标运用了视觉隐喻来传达它的效能启示性。

内隐启示性

屏幕界面被颇具两只内隐启示。温度是各国小时报告同不行的,但是窗口中显示了六个小时。小片数据暗示着您能得能多之数目。如果我们当显示每时温度处为左滑动,更多时间的热度以见面由屏幕右边进入视野。这样就令我们能当小屏幕空间及沾有时间段(每小时)的温度数据。

则尚未外线索,若点击屏幕顶部,温度数据将会见于如湿度、风速、下雨概率以及体感温度等细节数量所取代。我之前便多次使用这款应用,为了写这篇稿子我尽量错开发现用被的内隐启示性,我敲门了屏幕的有着地方,这才察觉了这力量。

本人狐疑此用的绝大多数用户还没意识是意义。要这样,这个内隐启示性是否是一个好之统筹呢?这是独问题。生成千上万更好之计划来充实这效应启示性,比如是温数字从四邻凸出是它们看起可以点击,在温度数字下面加下划线,增加一个图标,或者以温度及地方的横两侧陈列那些细节数量。

weather_white-opt.jpg

借用的启示性

在借的启示性方面,这款利用尚未问题。用户可能会见打击这周中的旁日期来探她们是否会看到实际的气候信息,但是使用只提供了当天之现实天气信息。用户为恐怕想打击当天极其低温,认为可以观看一个绝低温(而休是极其高温)的视图。但是采取界面中连没有表现表明具有这种功效的误导线索。

否定的启示性

此利用并没有非常强大地以否定的启示性。界面中“Monday”加粗了,而旁边的“Today”的书更仔细小模糊,这表明了“Monday”具有更胜的层级,而“Today”仅仅是传言信息之。然而你点击两独单词遭之任何一个,在屏幕顶部还见面出现详细的数量(和筛屏幕顶部出现得千篇一律。)

启示性的下结论

类型 优点 缺点 使用情况
外显 清楚,明白,用户不会遗漏启示性 界面杂乱,对某些用户来说是对他们能力的低估 面向低科技用户;需要说明一些非直觉的启示
模式 快速而清晰地传达启示 依赖于相似界面的先前经验 已经形成了一种稳固的既定模式;用户是技术娴熟的
内隐 干净的界面 可能不能发现功能 不太重要的功能;用户对学习(尝试)应用具有足够的认同
隐喻 传达复杂启示性最简单的方式 对不同人来说同一隐喻代表不同事情 没有隐喻时解释启示性变得太复杂
假的 表明没有启示性浪费用户时间 避免假的启示性
否定的 通过表明元素没有启示性避免用户交互过程中的挫折 如果一个元素没有启示性,哪些它可能是不必要的 当辅助信息或元素是必须的,但是不提供功能

结论

尽管你连从未察觉及,你也许就于计划被动用了众路的启示性。无论是用户或交互设计师,识别启示性似乎是凭直觉的。

由此慎重地应用启示性,我们能够帮忙用户迅速地领略交互界面,巧妙地鼓励他们由一个动作转至外一个动作。
掌握了启示性,我们即便能够品下面这互动界面。我们迅速就会明白在Dunked.com中开创账户是必不可少的,用户会毫不犹豫地点击“开始”按钮。你得运用这种启示性在公自己之计划被增一个一如既往层级的动作按钮。

dunked-500px-opt.jpg

概括,在网页设计受到最被低估的饶是“启示性”。