菜单

第一印象十分重要:设计师如何支持人类自动认知处理

通过 Therese Fessenden2017年10月1日

摘要:第一个网站的内脏反应manbetx官方网站手机版影响用户感知的相关性,可信度,甚至可用性通过在整个manbetx官方网站手机版过程中融入这些知识,manbetx官方网站手机版可以制作更有效的产品。


介绍

我们都喜欢认为我们是控制我们做出的决定的合乎逻辑的人在某种程度上,我们是We make conscious decisions about what to eat, drink, read, wear, and so on; but a large extent of cognitive processing happens before we direct our conscious attention toward it因此,作为用户体验从业者,我们还需要了解非理性行为如何影响决策制定,并在我们的manbetx官方网站手机版中予以考虑。

两种信息处理系统

Daniel Kahneman在他的书中思考,快速和缓慢,描述了人们处理信息的两种模式:系统1和2。

系统1,我们的“自动系统”在很大程度上是非自愿的,只需要很少的努力,但它可以快速检测简单的关系或识别模式。系统2, on the other hand is slow and effortful, requiring our attention; it is usually involved in complex activities such as mental math我们倾向于认同我们的系统2自我:有意识,警觉,并控制我们的命运然而,在我们的许多行为中,系统1仍然在很大程度上处于领先地位即使不完全在命令中,它也提供了系统2作用的大部分输入。

系统1为我们提供了基于经验的快捷方式Carefully processing every object around us would be overwhelming and would take too long, making our primitive ancestors an easy prey for their enemies in the wild系统1使我们能够快速识别与任务相关的信息,系统2使用此输入做出合理准确的决策。

Why should manbetx官方网站手机版ers care about the automatic, implicit processes of System 1?  Here are some reasons:

1系统1决定用户如何判断信息的相关性。

在信息搜索任务期间,用户快速扫描相关信息并倾向于与具有的项目进行交互高信息气味

系统2可以“告诉”系统1要注意什么,这取决于它试图解决的任务实际上,eyetracking数据表明了这一点扫描网络上的模式针对当前目标进行了优化例如,如果用户想要搜索一个网站的信息,他们可能会忽视一切但搜索指标放大镜,“搜索”这个词,或者一个输入字段)。

系统1非常适合排除无关信息 - 除非相关信息看起来像无关信息(例如,如果是相关信息)嵌入右侧轨道和人将它误认为广告)在这种情况下,相关信息将被忽略,就像它看起来的无关信息一样因此,第一印象很快且大部分准确,但并非完全是万无一失的这就是为什么我们强调对当前用户来说重要的事情阶段的旅程应该看起来很重要 - 这是否意味着使用更大的字体,粗体字,框,按钮或其他UI元素脱颖而出。

通过预测用户需求,我们可以引导用户的行为(当然,伦理)了解这一点将有助于节省宝贵的时间,精力和金钱,而这些内容将在眨眼之间被忽略。

2系统1影响用户感知美学的方式,间接影响网站的可用性。

人们倾向于更多宽容美丽的manbetx官方网站手机版s而那些视觉上不和谐的东西如果一个网站在美学上令人愉悦,用户将倾向于记住该网站比实际更有用系统1是决定很快的人,在内脏水平一个网站是否漂亮事实上,根据研究Gitte林德格德和她的同事们,决定美学是早在50毫秒到访问一个站点,如果你给人们更多的时间,很少变化。

并不是说可怜的可用性不会被注意或记住,或者可用性不那么重要,但是如果你正在追求新客户,那么在最初的几毫秒内开始正确的帮助肯定会有所帮助。

3系统1决定用户如何判断网站可信度。

当用户登陆页面时,他们通常会考虑目标 - 也就是说,系统1将从系统2的一些指令开始But if the page has certain manbetx官方网站手机版 elements that stand out (for example, one red button in a wall of black text), System 1 will automatically be drawn by them.  According to BJ Fogg’s突出解释理论,元素在页面上越突出,其对网站整体可信度的影响就越大This effect can be positive or negative, depending on how people interpret that element.  Thus, a moving ad at the top of the page will be highly salient and will be觉得很烦人,这会降低网站的可信度另一方面,“纽约时报”或“华尔街日报”等知名出版物的大量认可可能会被解释为积极的,并提高网站的可信度。

对设计的启示

以下是manbetx官方网站手机版流程中要记住的一些事项,以支持和利用System 1的自动流程。

Identify key workflows for each persona. 
任何给定的产品可能有多个受众,每个受众完成不同的任务使用人物角色表示这些用户类型了解各种受众的心态和态度,确定他们的主要目标以及他们如何尝试实现这些目标Ask yourself, “What is our persona, Patricia, looking for in order to accomplish the first step of her task?” Once you’ve identified the tasks your users might accomplish, map out their workflows and make sure you visually prioritize information relevant to those工作流程但是,请避免使用短语“入门“ - 它过早地阻止了用户,并将他们从他们可能需要的其他相关信息中转移出去。

我们来考虑医院或医疗网站那些经历过紧急医疗的人需要高度可操作的信息 - 每一秒都是生死攸关的问题这些信息不应该直观地与其他竞争,那么紧迫的信息。

简化视觉效果,以免压倒系统1并帮助其识别相关信息。
We saw that System 1 is attracted to any manbetx官方网站手机版 elements that stand out; if they happen to be relevant to the current task, great! Consider how these elements affect the perception of aesthetics, usability, and credibility of your site.

  • 避免竞争,同样显着的号召性用语。如果您必须有两个CTA,请设置它们以使其优先级明显如果它们的风格太相似,或具有相同的视觉重量,则系统2可能需要干扰并在两者之间做出决定,这最终将花费更多时间并产生认知应变的感知。
  • 限制强调色和字体,并保持对比度。页面上的颜色太多(超过4个)和太多字体(超过2个)甚至是信息图表can result in the “rainbow effect”— in which the overwhelming variation disorients System 1 and possibly creates a negative aesthetic impression of visual chaos不要用低对比度的颜色或者是微小的字体 - 它给人的印象是你试图通过使它难以阅读来隐藏某些东西。
  • Ensure that layouts are visually balanced by manbetx官方网站手机版ing on a grid.通过遵循对称和正确对齐等经典美学原则,您可以确保您的网站看起来视觉上令人愉悦 Grids limit creativity to some extent, but, on the plus side, they can provide structure and balance, which make layouts more predictable.

你最突出的要素应该是明确的,增强可信度。

  • 清楚地说明你是谁,你做什么。如果用户必须调用系统2来确定他们是否在正确的位置,那么增加的认知努力将导致他们仔细检查并对网站产生怀疑不要带领您的用户进行疯狂的追逐 - 明确说明您的身份,并在您网站的显着区域以简明的陈述表明您的行为。

    在适当情况下,本地化您的内容appropriately by following the conventions of the region.  Even an apparently minor detail such as using the wrong spelling of a word (e.g,味道vs.味道,取决于国家)是用户所在的红旗在正确的位置,可能会立即将它们发送到下一个搜索引擎结果。
  • 太早,不要求太多。和任何关系一样,建立信任需要时间如果巨大的邀请注册访问者看到的第一件事当他们降落在你的主页,你的网站吗被视为有需要的人人们会变得恼火和怀疑。

    而不是提供价值,用户将不得不更多往复有价值的东西(他们的联系和财务信息)。
MoneyStrands.com  - 贫困的CTA
Moneystrands.com的主页有一个很大的号召性用户联系信息,两个下载应用程序的按钮,以及第三个基于浏览器的CTA,它请求显示桌面通知的权限这些要求侵蚀了公司的信誉。

当你迭代你的manbetx官方网站手机版,测量第一印象并用真人测试你的网站。
不要用直觉评估人们对你的manbetx官方网站手机版的第一印象:测试它们。不要只使用同事; get real people, preferably customers, to try out your manbetx官方网站手机版s以下是一些第一印象测试:

  • Screen-timeout测试
    给参与者一个页面的截图很短的时间内(50 - 5 s)女士The timeframe can be short (50ms) if you are interested in assessing how people perceive the aesthetics of your site, or it could be longer (up to 5s) if you care about additional information such as what is prominent on the page and what manbetx官方网站手机版 elements may be confusing at first glance.
  • Eyetracking研究
    虽然眼球跟踪是昂贵且费力的,但它可以揭示人们在页面的最初几秒内看到的内容的难以置信的洞察力如果你有办法把它拉下来,这是一个很好的定量研究方法。
  • 可用性测试
    定性测试使您可以使用用户相对较少通过在用户活动的不同阶段提出正确的问题,您可以观察第一印象如何影响用户的决策通常,如果您对第一反应感兴趣,则必须在测试用户开始访问该站点之前提示他们否则,大多数人会在他们试图在页面上定位自己时安静地坐一段时间事实上,即使你问过用户“请说出你的第一印象”,你仍然需要在大约5-10秒的沉默后提供额外的提示(“任何想到的东西”)。

结论

不幸的是,人们确实以封面来判断这本书第一印象会影响用户对网站的美学,可用性和可信度的看法为了创建令人愉快且无障碍的界面,我们需要超越理性思考并支持人们在首次登陆网页时所参与的本能自动流程一旦我们了解了优势和局限性人的头脑,我们可以有效地了解我们如何处理我们的manbetx官方网站手机版然而,在我们提出要求之前,我们从未真正了解用户的想法如有疑问,请进行测试。

来源引用

Matthias Deller,Achim Ebert,Michael Bender,Stefan Agne和Henning Barthel2007信息相关性的Preattentive可视化In Proceedings of the international workshop on Human-centered multimedia (HCM '07)ACM,纽约,纽约,美国,47-56DOI = HTTP://dx.doi.org/10.1145/1290128.1290137

福格,BJ 2003,Prominence-Interpretation理论:解释人们如何评估在线信誉,CHI 2003:新视野号,722 - 723。

卡尼曼,D2015.思考,快速和缓慢纽约:法勒,斯特劳斯和一种直升机万博官网manbetx下载。

Gitte Lindgaard,Gary Fernandes,Cathy Dudek,J棕色Attention web manbetx官方网站手机版ers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology, Vol25,没有2,2006年3月至4月,115-126。