编剧大师罗伯特·麦基从前这样写道:故事是人类交流的钱银。故事是咱们对周围国际的感知的办法。咱们越是了解周围的环境,咱们就越有或许有生计的时机,咱们经过讲故事来交流这些赖以生计的常识。每个被共享的故事都有咱们从实在国际学到的经验。
今天,咱们的故事被稠浊在了数字和实际的国际傍边。咱们无空隙的络绎在两者之间,常常忘记了数字国际纷歧定会符合实际国际的规矩,这或许会让咱们感到困惑。
神话受欢迎以及能够被撒播至今的原因很大程度上是由于它的简单明了:它们看起来是在经验咱们一个关于咱们生活着的实在国际的经验。可是这些经验相同也能够用在虚拟的数字国际中,接下来我会从别的一个视点来叙述这些故事。。。
#1 三只小猪
UX常识:树立在一个坚实的根底上是很重要的
许多时分,网站和移动运用省掉了比方创立作业流,分类,剖析网站散布,内容矩阵等计划和架构的作业,而从概念很快的推进到UI规划。幻想一下企图从内部规划一个还没有建成的房子。
UX规划5要素中的3个直接被网站的安排和构架影响。正如三只小猪的故事提示咱们,假如计划太匆忙没有被充沛的预备或许会导致不稳固的根底,在数字的国际里这意味着偷工减料的用户旅程、凌乱的内容和难以驾御的网站。一旦这些问题产生了,他们根本不或许自己消失。网站/运用程序的一切者将会被逼留在这个不安稳的结构上,而且修补磨平裂缝直到永久。
好消息是,网页的前史奉告咱们好的构架首要是需求紧记以下根底常识:创立内容的层级;安排内容逻辑;逐渐的去展现内容;运用与结构一起而且有用的导航;供给清晰的指示标。维基百科之所以能够被运用这么长的原因是由于——它将上面的根底履行的十分好。
一个网站内容的逻辑层级
我发现抵挡大野狼销毁你的网站/app最好的办法是:1. 制造一个站点地图。2. 写一个“标准”文档。这两个文档都应当是可视化的。站点地图应当将内容的层级分组可视化,而标准文档应该列出内容办理的规矩。例如标准23:一切的页面/屏幕都应该有一个无所不在的主导航。一个网站只要靠这两个文档来装备,才有或许赢得更大的生计时机。
花时刻去树立一个安稳的结构。
#2 豌豆公主
UX常识:不要去应战用户的预期
传统的网站由三个要害的UI结构组成:一个 header,一个 body, 和一个 footer。这些都是为规划师预备的一块久经考验的画布。
跟着时刻的推移,这些组件都包括了用户的预期在里面。例如,一个header一般会包括:网站称号(和logo),主导航,功用导航,查找功用,登录等。此外header区域遵从一个形式:品牌logo一般被放置在header的最左边。
并不是一切的网站都这么做,有些人以为,打破规矩会开辟更好更一起的数字体会。我不计划对立这些观念,可是事实证明绝大多数的网页遵从着这样的形式。
全球互联网的一起性添加了用户看到这种形式的或许,他们越是看到一个logo被放在网页的左边,越是期望它在那里。这意味着用户在看到一个新网站之前就会对它有所等待。而这被称之为心智形式,而在数字产品的UX中心智形式意味着:
数字产品中的心思形式是为了辨认意义和节省时刻。
举个栗子,一个房子的心智模型是有四个墙,一个房顶,一扇窗户和一扇门。当你走近任何一栋房子,你都知道要找一个最像门的当地进去,而不是窗户。这节省了你的时刻,你不会去评价任何一个能够进去的进口。相同关于用户来说,一个网站也包括着相似这样的心智模型。
一座房子的心思模型
豌豆公主的故事奉告咱们,不要把事物放在用户期望的当地之外。像公主相同,假如一个东西不在她的期望之中,就会带来一个糟糕的体会。
相同,创立一个标准文档也能够协助防止创立一个不符合期望的网站。咱们能够经过竞品剖析和用户测验来了解这些。竞品剖析常常被视为一种在竞赛中坚持抢先的办法,但事实上它们还能协助你在用户运用你的网站或许app前猜测用户的心思模型。
比方说你是一个轿车制造商,简直每一个你的方针用户拜访你的网站的一起也会拜访竞赛对手的网站。假如竞赛对手都把它们的导航放在header上,而你偏偏非要把导航放在左边。你的方针用户拜访你网站的时分就会感到困惑和紊乱。遽然间,阅读你的网站需求支付考虑和尽力。一个原本很简单的使命变得艰巨而杂乱,这些都是由于他们的期望受到了不必要的应战。
用户是灵敏的,要像对待公主那样对待他们。
#3 糖果屋
UX常识:用户总是在寻觅回家的路
最著名的影响界面规划的神话是《糖果屋》,一个关于两个小孩走进了森林,被一个女巫诈骗,终究靠着面包屑找到回家的路的故事。面包屑现在是网页规划的一个一起特色,尤其是关于那些内容有必要分红栏目和子栏目的大型网站。面包屑导航服务于三个首要用途:定位、导航和让用户安心。他们经过网站结构来奉告用户他们现在在哪里,然后用超链接让他们能够返回到之前的方位。
Argos.co.uk上面包屑的比方
最最重要的是面包屑导航能让人安心。大多数的网上活动都会触及一种叫信息寻食的行为——是对常识的查找。想想看你在IMDB(互联网电影数据库)上找了多少次那个你记不起名字的艺人。一般来说,这种“寻食”的行为需求比一个查找成果页面更深化的东西。而这种情况下,面包屑是最管用的。
试想一下,你想给你的礼物找一个赤色的蝴蝶结包装一下。你用你最喜欢的查找引擎查找蝴蝶结,而且抵达了一个网上零售商铺的页面。假如这个网站有面包屑导航,那么它看起来或许是这样:
礼品 > 包装材料 > 蝴蝶结(Bows)
面包屑会供给你所看到的信息的上下文,而且向你确保你在正确的方位上。假如一个面包屑看起来像这样:
礼品 > 体育休闲 > 射箭东西 > 弓(Bows)
……那么你显然会失掉决心。
#4 金发女孩和三只熊
UX常识:锚点有助于供给信息环境和要点
咱们其实在借这个神话的名义说一个老掉牙的UX原理:金发女孩效应。这个效应常常产生在一起展现给用户三个相似的可是在量上有所区别的选项的时分。举个比方,三碗温度不同的粥。
这种三个依照特定规划组成的选项会导致两个重要的情况被创立:1)构成凹凸两个锚点。2)一个确认的中心选项。( 这儿不要跟钓饵效应混杂,这是一种认知误差,目的相似,可是施行起来并不相同)。
锚点是咱们为了了解实在的国际而创立的一个丈量的基准线。
例如,你计划买一个你从未买过的贵重的宝石,你从经销商A那得到£5,000的报价。从经销商B那得到£10,000的报价。看起来经销商A是更好的买卖。
可是当你从经销商C那得到£100,000的报价时,经销商A尽管仍是最好的挑选,可是经销商B遽然就显得没那么糟糕了。假如你买了这块宝石当礼物,在其它更贵的宝石的烘托之下,乃至会觉得经销商A的报价很廉价。
引进A和B两个锚点判别出布景环境。抱负的情况下咱们会去寻觅更多的信息,在这个比方来说会去寻觅更多的报价,这样咱们就能够去判别A和B是正常报价,而C是特例了。可是,当面对的信息有限时,咱们只能从已知的内容里做出判别。
在数字产品中,金发姑娘效应能够用来鼓舞用户去挑选特定的选项,以完结咱们的事务方针。假如咱们在网上出售服务或许产品,咱们期望杰出其间一个。那就在它的周围加上别的两个选项。这么做会提高它在用户眼中的吸引力。假如额定的选项被选中了也没有联系,不过它们在页面中的首要作用是为了支撑和着重明星产品而存在的。
assembla.com选用金发姑娘效应来给自己的3个包月计划定价
规划在这个效应里依然起着重要的作用。色彩,间隔,方位和字体粗细都用来在视觉上提高明星产品。可是这些选项是舞台上设置的锚。
锚点一旦被设定了,它就很难被改动。这便是为什么咱们都觉得跟过去比较现在的一切都如此的贵。这是应为价格跟着通货膨胀添加,可是咱们并没有改动咱们的锚点。例如,我记住我第一次买一包薯片花了20便士。现在,20年过去了,当我花75便士买一包薯片的时分仍是跟开端的那个锚点比较。
借用笛卡尔注明的建议“我思故我在”。锚点在咱们怎么感知这个国际上的作用奉告咱们,咱们是任何给定时刻里常识的总和。
#5 丑小鸭
UX常识:美是相对的
丑小鸭故事的宗旨是什么?是关于怎样战胜寻衅行为,抑或宣扬内在美?坦白说我也不是很确认。
对我来说,体会丑小鸭故事中所包括的相对性的概念,是能给UX规划带来协助的最重要之处。丑小鸭,作为在同类比较中最差的那个锚点,假如没有他的存在,其他的同伴们不会像他们看起来那样超卓。
相同的逻辑也适用于网页的复数个CTA(行为呼唤按钮)规划。幻想你在页面上有一个单一的CTA按钮(按钮1),用来提示用户履行某种操作,比方说,买一件产品或是把产品参加购物篮中。一名阅读该页面的用户有必要做所谓的“Hobson挑选”,即排他性的二选一:a)买或许b)不买。面对这种挑选的时分,大多数用户会挑选b)不买。
现在幻想,咱们在页面上添加了一个额定的按钮(按钮2),它被成心规划成一种需求用户支付更多尽力,但依然能够给咱们的商业行为带来正面作用的选项,比方说共享这件产品的链接到用户的交际途径这样一个操作选项。这个按钮便是这个比方中的“丑小鸭”。研讨标明,当把按钮2放置在按钮1相邻的方位时,会给按钮1的点击率带来提高。这便是所谓的“Hobson+1效应“。
#6 狼来了
UX常识:不要用虚伪的信息去误导用户
当用户与网站或运用产生交互时,信息会以多种办法向用户传达。从内容群组化,到所挑选的色彩,用户总是被咱们所发明的标明所引导和影响,这便是符号理论的柱石概念。(关于符号的研讨,及符号学和UX规划的更多评论详见:icon需求配上文字么?)
一个关于符号学运用的显着比方便是规划准则之一的功用可供性(affordances)。由UX教父Don Norman提出,功用可见性被界说为供给引发举动的诱因。比方,轿车门把手是被规划用来让轿车用户摆开车门用的,所以其规划特别鼓舞并辅佐了这一类行为的施行。在这个比方中,与用户交流的标明意义便是:这是用来摆开的。
轿车门把手供给了“摆开”这一功用可供性
在网络规划的二维国际中,功用可供性的施行要难的多。网络规划的前期时代里,在镜像实在国际的测验中,人们提出了拟物化的准则。比方从前运用在iOS6上的景像深度规划,咱们还记住么?
可是后来跟着扁平化规划的运用,本来的计划中留下了许多看起来无法再点击的按钮。这些按钮现已彻底失掉了他们的功用可供性,以至于他们的意义难以解读。
这给用户们留下了一个关于信赖的议题。是否一切矩形都是按钮?这要求接下来的网页规划师们,有必要负起艰巨的职责来确保他们的规划是经过深思熟虑的,更重要的是坚持一起性的。究竟对意义的释读来自于阅历的重复这一进程。假如一个页面中的蓝色下划线文字标识的是可点击的链接,那么咱们就会据此估测在另一个页面中的相相同式文字供给了相同的功用。假如这一点被再次验证,咱们的思维进程就会概括出简化的形式来应对这一特定款式,即“蓝色 + 文字 + 下划线 = 可点击的链接”。
假如咱们接纳的是虚伪的信号,正如狼来了的寓言所提示的,问题就来了。丝毫不顾及举动带来的结果,小男孩对狼群到来的虚警和乡民赶来后的一无所得,两次,便足以让乡民们对示警视若无睹,以至于当狼真的来了的时分酿成了悲惨剧。
Lyondell Basell在标题,信息和文字链接中都运用了蓝色文字,形成了混杂
当用户拜访站点却接纳到了非本意和过错的指示时,相同的工作便产生了。假如网站自身的具有者是知名品牌时,形成的不良作用会得到增幅,由于知名品牌自身具有威望的性质。因而要害在于规划的一起性,而值得再着重的是,一份标准的文档总是助益良多的。
记住:人们天然的信赖威望,可是假如威望扯谎,他们就再也不会给予其信赖。
#7 皇帝的新装
UX常识:不要惧怕应战成见
比起弄出一份声明把之前一切的启示再特意罗列一遍,这是多好的一种完毕办法啊!
皇帝的新衣是一则劝诫人们不要为自豪所陷的寓言,它提示着人们应该时刻质疑自己所被奉告的信息。
还记住图片滚筒么?作为UX规划前期出现并十分盛行的一种元素,简直每个网站都对其趋之若鹜,期望在把其放在主页上以展现图片库,宣扬和产品。而至今停止仍有许多网站在这样做。
可是数据标明这些并没有什么作用,乃至能够说是令人觉得丑恶的。之所以失效首要的原因在于,图片滚筒的首要规划目的是完成内容的躲藏和再现,而这违反了用户启示中最重要的准则:召回场景中的再辨认。
“将目标,行为和选项可视化,来最小化用户的记忆负担。用户没有必要记取当时阶段之外的信息。”
当用户翻转滚筒时,他们被强制的记取每一个选项的方位才干做出所预设的决议。更糟糕的是,咱们人类天生就期望在做决议计划前能看到事物的全貌。这意味着,假如咱们知道有25个选项供给给咱们,那么咱们很或许会看完他们悉数再做挑选。这对用户来说并不友爱。
正如实际国际相同,咱们发明的数字国际也是在不断改变的。这一副现象绝不会持续太久。在物理的国际和数字国际的交缠益发严密的当下,为了探知用户体会是怎么参加其间的,周期性并根据依据的学习才是仅有的正确办法。
前史奉告咱们,每逢一个新的数字界面面世(台式电脑,触摸屏设备,可穿戴技能和虚拟实际)咱们心目中关于UX的真理都会被质疑。
在这样的情况下,UI规划被逼回到原点去支付额定的尽力来协助用户选用新的技能。
还记住最开端的时分ios推出拟物化的界面规划,苹果这么做是特意经过实在国际来协助用户更快的了解数字国际。
扁平化规划现在现已成为了网页和app的规划标准,可是在VR(虚拟实际)的国际中却无法这么做。在虚拟国际中一个文件被展现成一本书放在书架上或许是更好的挑选。拟物化或许并没有死,而是周期性的持续存在着。
咱们在这儿能够学到的是,咱们无法确认今天知道的常识能够持续在未来被运用。
跟着时刻的推移,“轮播图”或许会被撤销。可是咱们要知道应战常规是困难的(苹果花了6次迭代才有决心推出扁平化规划)。
其间一个解决办法是选用逐渐削减的办法,这个主意最早是由Allan Grinshtein提出。这个办法的条件是,需求用户了解界面到现已不需求显着的规划头绪。规划终究是由用户关于界面的了解程度来决议的。
跟着曝光的添加,会越来越少的需求规划去手把手的引导用户。这会使UX需求投合群众的部分去掉,取而代之的是越来越个性化的用户体会。
假如咱们要创立图表去阐明这一点,它或许看起来像一个这样的公式 x+y=10。X轴用来代表用户的专业水平,1代表用户不怎么了解UI,10代表用户十分了解UI。Y轴代表咱们需求在界面上引导用户的程度。1代表不怎么需求,10代表十分需求。
很简单幻想在未来,呼应式规划不仅仅是关于网页怎么适配尺度。而是一个界面去习惯不同类型的用户,高水平的用户和低水平的用户将会有不同的为他们定制的体会。
从某种方面来说这是 CRM(客户联系办理)的天然进程,在这个进程傍边,跟着对其把握的名贵客户联系的不断累积,这些商业联系能够化作商业联系财物而被加以使用,终究在交互层面出现给用户愈加有意义的消息。这才是正宗意义上的个性化规划,一种由数据驱动的寻求影响化最大化的规划形式。
假如说故事是人类触摸的钱银,那么UX规划便是铸币的进程。发明了一种能够让买卖成功产生的机制。
上一年今天运营文章2022:小鹏轿车、FILA们怎么用夏天论题营销做到抖音过亿曝光?(0)2022:小红书渠道 | 2022上半年品牌营销数据陈述(0)2022:千瓜2022年5月小红书美食职业数据洞悉陈述(0)2022:小红书 | 千瓜2022年5月服饰职业数据洞悉陈述(0)2022:“推行+搞笑剧情”,怎么碰撞出爆款的火花?(0)