首页

用户研究 | 可点击UI背后的心理学

杰睿

 

你有没有过这样的经历:浏览网站时,甚至没有完全集中注意力,突然之间,大脑还没来得及反应,你就点击了某个内容?这并非巧合。这是设计心理学在引导你点击。

可点击的UI不仅仅是让按钮看起来像按钮。它关乎理解你的大脑如何响应视觉提示、层次结构和交互模式。如果你曾经好奇为什么有些UI让人上瘾,而有些却像个残酷的玩笑,那么这篇文章正适合你。

让我们深入研究可点击界面背后的心理学,了解设计师每天在不知不觉中打破或掌握的实际规律和原则。

1. 可供性:让它看起来可点击

将显示缩放图像
UI 设计中的可供性

在设计语言中,“可供性”指的是物体的外观如何暗示如何使用它。旋钮看起来可以旋转。按钮看起来可以按下。汉堡菜单看起来……就像隐藏了真正的内容。

重要性:用户不应该猜测什么是可交互的。它越像可以触摸、拖动或点击的东西,你的大脑就越会说:“没错,这就是一个东西。”

设计师是如何搞砸的:扁平化设计太过了。按钮开始看起来像普通的文字,突然之间没人知道该点击什么了。如果它看起来像个标签,但实际上是一个行动号召,那么你就陷入了可用性的“犯罪现场”。

改进:使用视觉提示;阴影、对比度、悬停状态,使其清晰易懂。出于对 UI 的热爱,除非你是为间谍设计,否则不要将链接隐藏在模糊的图标中。

2. 希克定律:选择太多=没有选择

将显示缩放图像
UI设计中的希克斯定律

希克定律说,你给某人的选择越多,他们做决定的时间就越长,甚至可能放弃整个选择。

重要性:想让用户点击那个实用的 CTA 按钮吗?别把它埋没在由 17 个同样醒目的按钮组成的菜单中。简化。引导。精简。

设计师是如何搞砸这一点的: “让我们给用户自由。”翻译过来就是:“让我们让他们恐慌。”

改进:提供清晰的选择。优先考虑重要事项。采用渐进式披露;现在显示较少,以后显示更多。

3. 菲茨定律:距离 + 尺寸 = 可点击性

将显示缩放图像
UI设计中的菲茨定律

菲茨定律的基本意思是,点击目标的时间取决于目标的大小和距离。简而言之:大按钮更容易点击,而且不需要人们横跨整个欧洲才能找到它们。

重要性:在巨型页面的右上角放置微小链接?恭喜,你成功创建了一款令人困惑的游戏的用户体验版本。

设计师们是如何搞砸这一点的:把“下一步”按钮放在离“后退”按钮12英里远的地方。或者把主要的行动号召 (CTA) 藏在页脚的某个地方,靠近版权符号。

改进:按钮要足够大,方便点击,尤其是在移动设备上。将相关操作分组。确保重要信息触手可及。

4.雅各布定律:使网站与其他网站相似

将显示缩放图像
雅各布定律在UI设计中的应用

雅各布·尼尔森定律提醒我们,用户期望你的网站能够像他们之前使用过的其他网站一样。熟悉并非偷懒的设计,而是良好的用户体验。

重要性:如果您的“添加到购物车”按钮形状像骆驼,人们就会跳转。

设计师是如何搞砸的:试图重新发明轮子。没错,你的团队想要与众不同,但用户不想每次访问网站都要学习一门新的 UI 语言。

改进:使用常见模式。只有当回报值得时才打破预期。你不是在设计艺术,而是在设计功能。

5.蔡加尼克效应:未完成的任务让我们烦恼

将显示缩放图像
UI设计中的蔡格尼克效应

人们对未完成的任务记忆比已完成的任务更深刻。这就是为什么如果你把衣服叠成一半,你会觉得很奇怪。

为什么重要:显示进度条、步骤或清单的用户界面可以帮助用户继续前进。“您已完成 80%”就像是激励用户投入的诱饵。

设计师是如何搞砸的:隐藏进度。不显示反馈。让用户猜测还剩多少。

使其变得更好:使用步骤、加载器、进度环以及任何可以告诉用户“嘿,你已经接近成功”的东西。

6. 冯·雷斯托夫效应:让它脱颖而出

将显示缩放图像
UI设计中的冯·雷斯托夫效应

人们会记住那些看起来与众不同的东西。清单上那个奇怪的项目?它就是那个能留下深刻印象的。

重要性:想让用户点击你的主要操作吗?让它在视觉上引人注目。颜色、大小、间距,都应该传达出“这就是重点”的信息。

设计师是如何搞砸的:把所有东西都做得大胆、明亮、庞大。如果所有东西都太吵闹,就什么也听不到了。

改进:选择一件事情来突出。利用颜色对比来突出重点。但要有所选择,只有重要的事情才能得到关注。

7. 峰终定律:人们记住两件事

将显示缩放图像
UI设计中的峰终定律

并非所有细节都会被记住。人们大多会回忆起体验的高潮以及它是如何结束的。

重要性:顺畅的结账流程很棒,但如果最终确认页面看起来像 2004 年的错误消息,那么用户就会记住它。

设计师是如何搞砸这一点的:虽然流程很顺畅,但最后却功亏一篑。或者在用户即将完成操作时引入了阻力。

让体验更佳:结尾要有力度。让最终的互动令人愉悦。一点动画、一条贴心的提示,甚至一个微妙的声音,都能留下美好的回忆。

认知负荷是真实存在的

如果你的用户界面感觉像数学考试,用户就会消失。保持简洁,消除不必要的摩擦,不要让短期记忆超负荷。

仅仅因为您可以在选项卡内的模式中添加下拉菜单并不意味着您应该这样做。

使用可以帮助您应用此

UI 中的心理学并非空谈。你可以将其融入到你的工作流程中。一个好的工具会很有帮助,尤其是如果你每天都在 Figma 上工作的话。

我一直在使用MadeinFigma,它是预先构建的组件和流程的集合,已经考虑了希克定律、冯·雷斯托夫定律,甚至是传统的逻辑。

将显示缩放图像
MadeinFigma.com 网站模型

这就像在设计时肩上扛着一位小心理学家,但没那么恐怖。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

人工智能对设计师日常工作和界面的真正影响:哪些因素仍然重要

杰睿

想法简述

  • 本文探讨了人工智能如何重塑设计师的工作流程,为研究、实施和测试提供速度和支持。
  • 报告认为,尽管人工智能很有用,但它缺乏深度和背景——因此人类的判断、批判性思维和用户洞察力是不可或缺的。
  • 它强调核心设计原则保持不变,设计师必须学会融入人工智能,同时又不丧失自己的技艺。

人工智能正在加速设计工作流程,并重塑我们构建数字产品的方式,但我们真的明智地运用了它吗?在这篇实用且以经验为导向的文章中,一位经验丰富的设计师剖析了人工智能在研究、原型设计和测试过程中真正提升价值的地方,以及它目前仍未达到的水平。从实用技巧到真实案例,本文探讨了如何在不牺牲用户洞察力、设计技巧或战略思维的情况下有效地与人工智能协作。如果您正在探索人工智能驱动的全新设计格局,那么这正是您所需要的视角。

如今,设计师们总是对人工智能加速工作流程赞不绝口。这并非没有道理——如今的企业比以往任何时候都更需要快速的草稿、快速的测试和快速的发布,以保持用户的参与度。

然而,许多设计师仍然未能抓住关键点,在产品中运用AI技术时未能充分发挥其专业知识。结果如何?许多被大肆宣传的AI产品制造的只是噪音而非价值,导致用户体验浅薄。

从事设计行业十年,我学会了对创新持保留态度,并将它们从昙花一现的潮流转化为切实可行的方法。正因如此,我想分享人工智能如何真正改变设计师的日常工作,如何改变界面,以及设计流程中哪些部分永远不会改变。

在本文中,我将分享示例、实用建议以及我的经验见解,帮助您了解人工智能的适用范围以及人类技能仍然是关键的地方。

如果您想清楚、诚实地了解人工智能对设计和商业的真正影响,请继续阅读。

为什么人工智能成为设计师日常工作流程的核心部分

为了更好地理解人工智能如何在每个阶段增强设计,首先概述一下在人工智能成为流程的一部分之前设计工作的传统展开方式。

总体而言,产品设计师通常采用两种主要工作方式:

这两种方法都面临着同样的挑战:企业不断缩减预算,加快进度。这迫使许多团队不得不做出取舍。设计师往往精力分散,最终忽略了更深入的探索工作。可用性测试充其量也只是在发布前进行——仓促且不足。

然后出现了人工智能。

根据我的经验,AI 可以在产品迭代周期的三个关键阶段为设计师提供支持:

  • 输入和产品分析。
  • 研究与探索。
  • 实施和测试。

让我们仔细看看它们。

1.分析

现在很多工具都提供人工智能生成的仪表板、反馈和用户行为摘要。它们非常方便,尤其是在你追踪趋势的时候。然而,它们并不总是准确的。

它能凸显可见的内容,但并不总是重要的内容。有时,真正推动结果的洞见被埋藏得更深,除非你主动寻找,否则很难发现它们,原因如下:

  • 人工智能根据可用数据生成枯燥、表面的摘要。
  • 它并不总是能区分信号和噪声,或者突出影响结果的因素。
  • 影响结果的一些见解可能与人工智能标记的完全不同。

提示:将 AI 摘要作为起点。如果某些内容引起了您的注意,请深入挖掘。返回原始数据,验证洞察,并确认它是基于实际用户行为,还是仅仅停留在纸面上。

2. 研究

研究是产品设计中最耗时(且常常被低估)的部分之一。它常常会耗费你几个小时。因此,AI 可以帮助你:

  • 从客户访谈、文档或 Notion 页面中提取关键要点。
  • 分析多个 URL 或来源中对特定主题的提及。
  • 无需逐一阅读,即可浏览数百条 App Store 评论。
  • 生成竞争对手的快速列表并提取他们提供的功能、他们的定位或用户的赞扬/抱怨。

但是,不要指望它能完成所有工作:)人工智能更像是团队中的一名额外研究员,需要得到指导、明确的方向和仔细检查。

提示:尝试成为更专业的T型专家,并学习如何编写一些脚本和提示。了解AI的思维方式将有助于你更好地引导它,并加快你的工作流程。

例如,您无需要求分析团队重建仪表板,只需下载包含评论的页面(例如 HTML 格式)。然后让 AI 对其进行解析,将其转换为表格,并按情绪或关键词排序。您无需等待几分钟即可发现规律,从而节省团队成员的时间。

3. 实施

在这个阶段,你可以加快初稿的创作速度。从落地页到屏幕流程,设计师在每一步都需要生成大量的素材,说实话,并非每个人都能跟上。例如,在我们的面试中,600名候选人中只有三分之一了解这个阶段的基本流程。

这就是为什么,借助一些人工智能的指导,你可以维持生存并:

  • 产生早期概念和插图。
  • 对布局清晰度或调色板进行压力测试。
  • 探索 UX 模式或流程变化,无需从头开始重新绘制所有内容。

提示:如果您想让起草协作更加高效,请为其提供 10 多个能够体现您品牌风格的参考视觉效果。请注意,AI 的性能取决于您提供的数据。它没有直观的视角。

Figma 的 AI 发布为例。它可以在几秒钟内创建 UI 界面,这对于快速绘制草图非常有用。但几周后,他们就禁用了这项功能。由于 Figma 的人工智能助手只在少数几家公司的设计系统上接受过培训,所以很多界面最终看起来非常相似。

下一个实用技巧:尽量清晰详细地描述你的视觉效果。理想情况下,首先写一个清晰的提示,描述风格和插图细节,并附上一些参考图片。然后,让AI生成JSON格式来解释提示的细节——这样,你就能知道它对你的理解程度。

如果结果不太理想,请调整输出或进行调整。例如,如果您想要一条类似骨头的细线,AI 可能会忽略这种细微之处,因此需要进行一些手动微调。一旦接近您的预期,您就可以使用优化后的 JSON 作为进一步迭代的参考。

4.测试

在人工智能测试之前,设计师必须不断要求开发人员创建一些东西并发布它,然后等待反馈才能正确启动它。

然而,如今,有了正确的流程和包含代码就绪组件的优秀设计系统,设计师自己构建用户流程的前端并不难。只需了解其在实践中的运作方式即可。有时,甚至不需要开发人员添加逻辑——只需一个感觉接近真实的工作原型即可。

您可以使用可点击的流程在 Figma 中进行测试,或者更进一步,分享一个基于浏览器的实时版本,用户可以通过该版本实际输入数据。它更加真实、更具洞察力,用户使用起来也更舒适。

提示:使用 AI 工具可以加快您的工作流程并减少对其他团队的依赖。从简单入手:无需等待分析师构建单独的仪表板——您可以自行生成代码并发出 API 请求。如果您需要更新 UI 元素,请直接在 Cursor 中执行,然后将其交给开发人员审核。在很多情况下,这样做会显著加快速度。

人工智能不会取代工艺或设计与开发之间的协作。但它可以消除摩擦。在这个商业目标瞬息万变的世界里,节省下来的时间可以让你拥有更多空间进行实验,打造更优质的产品。

人工智能如何帮助做出艰难决定

AI 无法(也不应该)替你做出产品决策。然而,它可以通过更清晰地呈现流程,帮助你更快、更自信地做出决策。

例如,在 TitanApps,我们总是会分析用户反馈来决定是否添加新功能。然而,用户并不总是会要求产品中出现“下一个重大改进”。因此,他们的大多数评论都反映的是现有功能。幸运的是,作为 Attlassian 社区的一员,我们可以访问论坛,在那里大家分享痛点、推荐工具并寻求帮助。

在人工智能出现之前,我们手动爬取论坛,尝试不同的关键词组合,追踪同义词,审阅长帖,并收集模式。有时,仅仅为了支持或反对某个产品方向,就需要整整一周的时间。

现在只需要几个小时。以下是整个流程:

  • 我们准备了一个结构化的 JSON 文件,其中包括论坛帖子链接、主题集群和相关元数据。
  • 人工智能扫描了大约 20 个主要链接,每个链接包含多个子主题,提取了关键见解,并在大约三个小时内汇编了调查结果。
  • 与此同时,我们用 90 分钟的时间,从竞争对手那里抓取 HTML 评论,进行了并行分析。我们想了解:用户是否提出了类似的问题?其他产品是如何应对的?他们是否能更好地解决问题,还是存在一些不足?

当然,在两次分析过程中,我们都验证了所使用的信息和来源。

在这两个直播活动进行的同时,我们花时间梳理了我们最初的想法在哪些方面没有引起人们的兴趣。在此过程中,我们的团队发现了一些更有价值的东西:围绕一个相关主题的需求正在增长,而这个主题是竞争对手尚未妥善解决的。

因此,我们不需要花整整一周的时间在论坛和主题之间来回切换,而是在一天之内就获得了完整的方向快照。

人工智能如何改变设计界面

随着人工智能越来越多地融入产品,改变的不仅仅是设计师的日常工作流程,界面本身也在不断发展。为了理解人工智能的影响,我们将其分为两类:

  • AI是用户主动交互的可见工具。
  • AI 是一个隐形层,可以在后台改善用户体验。

在这两种情况下,最终的界面不再是最重要的结果。更重要的是设计师能否放眼全局,理解用户的旅程。以下是这种转变的重要性:

  • 如果人工智能以助手或聊天机器人的形式出现,你需要了解用户对它的实际期望——他们会提出什么样的请求,他们试图解决什么问题。只有这样,你才能考虑如何呈现这些信息:纯文本、GPT 风格的聊天,还是仪表盘。

一开始,您可以让用户完全自由地输入任何内容并获得回复。但为了打造更智能、更流畅的体验,并更有效地训练模型,您需要识别其中的模式。有些人可能会寻找冲刺总结,而另一些人则可能寻找待办事项概览,甚至是拉取请求分析。

然后,下一个问题出现了:用户提取信息后会如何处理:在会议中使用、导出等。这会影响您在何处以及如何展示 AI 助手、您提供什么样的提示或模板,以及您可以自动化多少流程而无需用户手动询问。

提示:训练你的鸟瞰视角。尽管许多人都能察觉到设计优先级的这种转变,但根据我的经验,候选人往往会急于将问题视觉化。他们专注于单个屏幕,却没有分析整个用户交互和旅程。

如果人工智能在幕后默默运行,这种视角就变得更加重要。作为一名设计师,你需要:

  • 深入了解你的听众。
  • 跟踪反馈和分析。
  • 注意人工智能可以在哪些方面增强体验以及在哪些方面可能会造成阻碍。

以 Copilot 这样的开发者工具为例。早期的一个主要抱怨是,它无法适应每个人的风格。它会生成通用或难懂的代码,与具体情况不符。它非但没有提供帮助,反而扰乱了开发流程。

或者看看像 Cursor 这样的工具。它在 Twitter 上流行起来,人们开始用它来做一些小项目。然而,很多人甚至不知道如何让它正常工作。所以,并非所有 AI 工具都适合所有人,也并非所有时机都是引入它的合适时机。

为了更好地设计这种人工智能,你需要知道:

  • 当它有帮助时。
  • 它应该建议什么。
  • 用户将如何实际操作它。

提示:请记住,人工智能是一种工具,而不是灵丹妙药。这些后台助手即使不可见,仍然具有某种界面。设计师现在也必须学会为此进行设计。

人工智能无法改变的设计原则

尽管人工智能推动设计师去适应——像开发人员一样思考,平衡业务目标,并保持以用户为中心和独特的方法——但有些原则仍然没有改变,比如雅各布定律

用户会熟悉各种模式,他们不想重新学习已经奏效的方法。正因如此,不要无缘无故地重复造轮子至关重要。如果有既定的最佳实践,那就去实践。人工智能不会替你做决定——你的职责是了解哪些方法已经得到验证,何时值得创新,以及何时坚持用户已知的方法更为明智。

所以,没错,如今成为一名设计师比以往任何时候都更加复杂。但如果我们提升视野,保持T型思维,并抵制过度复杂化的冲动,我们就能利用这些工具——包括人工智能——来做得更好,而不仅仅是更快。

最终,我们的目标是设计出有意义的东西。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

如何使用人工智能从现有设计中生成设计变体

杰睿

如何利用人工智能根据现有设计生成设计选项?

这是一个常见的用例:

  • 也许您认为当前的登录页面太混乱并想改进它。
  • 也许您正在进行设计,但感觉只有一个想法,并且希望有更多的设计选择来获得灵感。

然而,我在网上并没有看到太多关于如何使用人工智能来解决此类用例的讨论。

所以今天,我将逐步向您介绍一些示例,包括我使用的提示、工作流程和结果。

让我们开始吧!

概述

由于我只需要专注于前端设计,因此我使用了V0Magic Patterns进行演示。我特意选择它们是因为它们都是针对前端优化的 AI 原型设计工具。

两种工具都可以完成这项工作,但我在两种工具中都运行了同一组提示,以便您可以更好地了解它们可以实现的功能。

如果您有兴趣,您也可以在其他工具(如CursorWindsurfBolt )中运行相同的工作流程,然后告诉我进展如何。

工作流程分为两个步骤:

  • 步骤1:让AI分析设计并提出改进建议。
  • 第 2 步:要求 AI 根据其建议生成设计变体。

如果您清楚自己想要进行哪些设计改进,您当然可以将步骤 1 和 2 合并为一个简单的步骤——只需上传设计、提供您的建议,然后要求 AI 生成新的设计选项。)

我使用 Kayak.com 的顶部部分作为演示的现有设计。

将显示缩放图像
Kayak.com

问:仔细看看。你会如何设计它以不同的方式?

第一个提示

这是我放入 V0 和 Magic Patterns 的第一个提示,以及 Kayak 主页顶部部分的快照。

提供 Kayak 登陆页面的设计评论(见附件快照)。担任具有深厚 UX/UI 专业知识的经验丰富的产品设计师。KAYAK 的主要业务目标是通过为旅行者提供旅行规划工具来赋能他们。其搜索引擎会扫描各种旅游网站,提供丰富的机票、酒店、租车和度假套餐选择和价格。其主要用户是希望搜索和比较旅行选择的日常旅行者。请使用以下视角评估桌面主页:- 核心价值主张清晰
- 信息架构和易于查找关键操作
- 视觉层次、布局和空间使用
还包括 3-5 条具体的、高影响力的建议,以改善主页上的用户体验或转化率。

正如您所见,我还包括了主要的业务和用户目标——这是一个小提示,可以为 AI 提供更多设计分析的背景。

V0

V0的设计分析:

将显示缩放图像
V0的设计分析

一长串的分析,启发性十足。我大概也能从 ChatGPT 或 Claude 得到类似的结果。

(下一步是根据这些建议生成设计方案。但正如我之前提到的,实际上我也可以提供自己的设计建议,例如“当前设计缺乏清晰的视觉层次,并且留白过多。您能否生成三个设计方案来解决这个问题?”)

接下来,我要求 V0 生成设计选项:

根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8 替代设计选项?

正如我所料,它运行了很长时间,每个设计选项大约一分钟。因此,我点击了“停止”,并在提示中将数量从 8 减少到 3:

根据以上建议,您能否为 Kayak 主页快照生成 3 个备选设计方案?Kayak 主页快照3 备选设计方案吗?

V0 在大约 1.5 分钟内生成了 3 个设计选项:

  • 设计1:增强核心体验
  • 设计二:沉浸式英雄体验
  • 设计3:以目的地为中心的体验

设计方案1:增强核心体验

V0 描述的快照:

将显示缩放图像
V0 对设计选项 1 的描述

它生成的设计:

将显示缩放图像
V0的设计

设计方案二:沉浸式英雄体验

V0 描述的快照:

将显示缩放图像
V0 对设计选项 2 的描述

它生成的设计:

将显示缩放图像
V0的设计

设计方案3:以目的地为中心的体验

V0 描述的快照:

将显示缩放图像
V0 对设计选项 3 的描述

它生成的设计:

将显示缩放图像
V0的设计

印象

总体而言,效果令人印象深刻。我喜欢这些精致的细节。它保留了我提供的快照中的必要信息(颜色、样式、CTA)。

所有生成的设计都由具有基本交互效果的代码支持,例如输入字段交互和悬停效果。

我希望设计选项之间能有更清晰的区分。不过我也可以尝试后续的提示来解决这个问题。

魔法图案

Magic Patterns 的设计分析:

将显示缩放图像
Magic Patterns 的设计分析

有些我同意,有些我不同意。为了演示,我简单地让它生成相应的设计选项:

根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8 替代设计选项?

Magic Patterns 在 1.5 分钟内生成了 8 个设计选项,比我预期的要快。

由于新闻稿的篇幅限制,我在这里仅展示三种设计:

设计方案1:增强价值主张

将显示缩放图像
Magic Patterns 的设计

设计选项 2:搜索优先设计

将显示缩放图像
Magic Patterns 的设计

设计选项3:社会认同焦点

将显示缩放图像
Magic Patterns 的设计

印象

与 V0 相比,设计更加简单。

它在更短的时间内生成了更多的设计,这很棒。

我很喜欢它的“导入 Figma”功能。我可以将生成的设计导入 Figma 进行进一步编辑。

此外,它还有一个Chrome 扩展程序,可以让我把网页转换成 React 组件或 Figma。虽然不完美,但我对它的功能非常期待。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

将用户体验作为一项业务来运营(就像我们一直以来应该做的那样)

杰睿

长期以来,我们一直将用户体验团队视为某种神奇的创意独角兽,应该以某种方式免受商业现实的影响。

这完全是胡说八道。

我们的团队需要创造价值,而不仅仅是漂亮的图景或没完没了的研究项目,以及一堆繁琐的纸上谈兵。我们应该像CEO看待公司一样看待我们的团队——拥有明确的目标、衡量标准,并对结果负责。

我见过一些组织将设计视为成本中心而不是战略优势,而这种情况的发生是因为我们不愿意在高管真正关心的方面(结果和底线)展示我们的价值。

最好的用户体验领导者会像管理大型组织内的战略业务一样管理他们的团队,专注于提供可衡量的成果。

下面很多概念并不新鲜——因此才附上资源链接——我们只是选择忽略它们。我们需要利用那些已被证实有效的方法,这样我们才能将其作为一种概念继续推进。

现在是我们成长起来并开始将用户体验视为真正的业务功能的时候了——以下是我们可以实现这一目标的方法。

业务成果地图

没有什么比将用户体验工作与业务成果紧密结合更重要。如果你无法解释你的设计如何提升转化率、降低支持成本或提升留存率,那么你只是在画一幅漂亮的图画。

太多用户体验团队把时间浪费在那些对重要指标没有影响的工作上。他们的设计脱离了实际业务需求,脱离了真正重要的业务。在如今每个团队都需要证明自身存在的环境下,这无异于自毁前程。

在着手任何项目时,你的第一个问题应该是:“这会改善什么业务结果?”如果你没有明确的答案,那就停止一切,直到你找到答案为止。

优秀的设计领导者会在每次演讲开始时,先用商业术语提出一个问题,然后再解释如何解决。这种方法会改变高管对你价值的认知。

请记住,高管们并不关心您令人惊叹的旅程地图 - 他们关心的是结果。

利用研究来管理风险

研究不仅仅是为了让用户满意,更关乎管理商业风险。每个设计决策都代表着潜在的风险,良好的研究有助于在向某个方向投入大量资源之前降低风险。

当你把研究定义为风险管理时,高管们突然就变得兴趣盎然了。没人愿意推出一款在市场上惨败的产品。

在一个小组讨论中,有人问我如何创新,我回答了类似这样的话:“我不相信创新,我相信风险管理。” 创新的关键在于做出正确的小赌注,直到你需要做出明智的大赌注。

评估性研究能让我们提前发现地雷,避免踩到。这就像为产品开发流程投了保。

我曾与一些公司合作,他们在产品发布前通过简单的测试就发现了主要的可用性和战略方向问题,从而节省了数百万美元。这并非设计上的胜利,而是通过明智的风险管理带来的业务上的胜利。

这在很大程度上取决于你如何用商业术语来组织你的研究——不要说“用户不喜欢它”,而要说“我们发现了一个风险,如果我们按计划发布,这个风险可能会对我们的预期收入产生 15% 的影响”。

敏捷流程是一种在时间框架内衡量价值并沿途设立里程碑的方法。“Sprint”一词旨在营造一种紧迫感。

时间盒项目展示价值

我非常相信在设计工作中设定时间限制,用名字和日期来推动责任的落实。没有什么比设定截止日期和有限的资源更能集中精力了。

这并不是急于求成,而是要现实地认识到无休止的改进所带来的经济回报递减。

时间就是金钱。通过建立衡量点,我们向利益相关者展示他们所付出的一切都物有所值。

帕金森定律发表于1955年的《经济学人》杂志,它指出“工作会不断扩展,直至填满所有可用的完成时间”。我在设计项目中无数次地看到这条定律的运用。给一个资源三周时间,他们会在三周内交付。给他们三个月时间,他们也会花三个月的时间,而且解决方案可能并不会好太多。

优秀的用户体验领导者知道何时应该称设计“足够好”并继续前进,尤其是在当今的环境下。我发现,设定积极但可实现的时间限制,能让团队专注于解决核心问题,而不是无休止地改进边缘情况。

推动敏捷流程的真正原因是——它是一项重要的时间盒练习。它是一种驱动可衡量价值的方式。

现实世界瞬息万变,今天交付的相当不错的解决方案通常胜过六个月后交付的完美解决方案。“Sprint”这个词旨在营造一种紧迫感。

尽管我们不愿承认这一点——我们并没有发明火。我们应该对现有资源进行设计,直到最终明确出于商业原因采取行动。
尽管我们不愿承认,但我们并非发明了火。我们应该在现有的基础上进行设计,直到最终出于商业原因明确做出彻底改变的决定。

设计融入现有应用,而非围绕现有应用

我看到用户体验团队犯下的最昂贵的错误之一就是不断地尝试重新发明轮子。每一个新功能都成为重新设计一切的借口,这不仅带来了巨大的开发成本,还让用户感到困惑,不得不重新学习界面。

雅各布定律提醒我们,用户大部分时间都在使用其他产品,因此他们希望您的网站以与他们已知所有其他网站(包括您自己的网站)相同的方式运行。

当你在现有模式内进行设计时

我曾与一个团队合作,该团队不断推动对其企业应用程序进行彻底的重新设计,这将花费大量资金,但真正改变其指标的是与用户已经理解的内容保持一致的渐进式改进。

重新设计成本高昂,除非事实证明能显著提升用户体验,否则会损害用户参与度,让资金打水漂。微软的 Metro 设计语言就是一个最好的例子——它虽然带来了变革,但差异太大,用户难以接受。

我认识的优秀用户体验团队都深知,真正重要的创新和纯粹的创新之间的区别。把你的革命性思维留到真正有价值的地方。

原子设计是一种思维模型,它创建了一种设计师可以共同协作的共享语言。这可以节省成本。
原子设计是一种思维模型,它创建了一种设计师可以共同协作的语言。这在任何环境下都能节省金钱和时间。

创建设计系统作为共享语言

设计系统不仅仅是让事物看起来一致——它们还旨在创造巨大的商业效率和使组织协调一致的共享语言。

当每个设计师都从头开始重新设计按钮、表格和导航模式,并给它们起一些毫无意义的名字时,你就是在浪费金钱,而这些钱本可以用来解决实际的用户问题。

正如 Nathan Curtis 明智地指出的那样,“设计系统不是一个项目,而是一个为产品服务的产品。 ”

当你将设计系统视为产品时,你就是在投资一个能为你的整个产品组合带来回报的东西。这就像购买资产和反复租用资产之间的区别。那些能够从用户体验团队中获得最大价值的组织,往往是那些能够建立并维护强大设计系统的组织。

这些系统大大减少了设计和开发时间,为用户创造了一致性,并允许团队专注于解决独特的问题,而不是第一百次重新设计表单字段。

商业案例很明确——设计系统不是奢侈品,而是扩大团队规模的竞争必需品。

双菱形的问题不在于标签,而在于菱形本身的大小——有时问题很明显,只需想办法解决即可。
双菱形的问题不在于标签,而在于菱形本身的大小——有时问题很明显,只需想办法解决即可。

有目的的流程,而不是为了流程而流程

很多用户体验流程只是一些教条,人们盲目跟风,却不理解其中的道理。我不需要流程,我想要结果。

这就是为什么我称之为框架,而不是流程——框架可以根据你面临的具体挑战进行调整。而流程听起来像是你必须遵循每一步。

例如,我对双钻设计思维的担忧并非标签,而是步骤本身的大小——有时问题显而易见,解决方案只需一步步解决。你的方法应该根据你面临的问题量身定制。

所有设计方法都是非线性的,我们应该采取相应的行动。

我见过团队在旅程地图上浪费数周时间,却从未对任何设计决策产生过影响。我也见过设计师进行广泛的用户调研,但关键洞察在第三次访谈后才显现出来。盲目遵循流程而不理解其目的,只是伪装成用户体验的忙碌工作。

有时你需要跳过一些步骤。有时你需要调整框架以适应你的限制。优秀的用户体验领导者知道何时该照本宣科,何时该抛诸脑后。你的工作不是遵循完美的流程——而是以尽可能高效的方式交付商业价值。

如果您的流程妨碍了结果,则说明您的流程是错误的。

使用和改进现有的心智模型——尤其是在人工智能时代

当我们一头扎进人工智能革命时,我们不需要重新发明人类与技术的互动方式。

对话设计利用人们已有的心理模型——他们知道如何提出问题和进行讨论,并且多年来一直在现有应用程序中这样做,例如自然语言处理。

这些心理模型就是为什么聊天机器人和对话界面尽管相对较新却感觉直观的原因。

我见过的最成功的人工智能应用都建立在熟悉的交互模式之上,而不是强迫用户学习全新的工作方式。他们明白,用户对于如何完成任务已经形成了成熟的心智模型,而教授新的心智模型并非易事。

聪明的团队会利用现有模型,而不是制造认知摩擦,因为学习新模型需要花费金钱和时间。这才是好的设计。

务实是关键,而非懒惰。当你利用现有的思维模型时,你就能降低用户的学习曲线,这意味着更快的采用速度和更少的变革阻力。你让你的人工智能功能感觉像是用户已知知识的自然延伸,而不是一种外来的强加。

在任何淘金热中,赢家都不是那些拥有最先进算法的人,而是那些让技术感觉最自然、最容易获得的人。

工艺需要花钱;明智地使用它

让我们认真对待工艺——你追求的每一个像素都会让公司付出代价。那些在精妙的动画、完美的排版和令人愉悦的交互上花费的额外时间是真正的投资,需要用业务成果来证明其价值。

这并不意味着我们要放弃工艺,而是意味着我们需要对投资方向进行战略规划。

用户每月看到一次的登录屏幕可能不值得与他们每天使用的核心工作流程具有相同水平的工艺。

我曾与一些设计师共事,他们为了完善用户从未注意到的细节而奋斗数周,却忽略了那些导致公司客户损失的根本可用性问题。我认识的优秀设计师都敏锐地意识到,哪些工艺能够转化为商业价值,哪些只是一时兴起。

优秀的用户体验领导者懂得如何将他们的设计预算分配到对最终盈利影响最大的领域。他们会谨慎选择战斗,并将他们的设计投入到对用户和业务产生最大影响的地方。

像经营企业一样经营用户体验

归根结底,像经营企业一样运营你的用户体验团队意味着要对结果负责,而不仅仅是活动本身。这意味着要使用组织的语言,并展示设计如何推动业务成果。这意味着要有策略地投资有限的资源,以实现最大效益。

我合作过的最成功的用户体验领导者不会隐藏在流行语后面或使他们的流程神秘化——他们清楚自己所提供的价值,坚定地确定优先级,并专注于对业务至关重要的指标。

他们明白,用户体验并不是存在于正常商业考虑之外的特殊事物——它是一项需要证明投资回报率的关键业务功能。

如果您希望您的团队获得应有的尊重、预算和影响力,请开始像企业首席执行官一样管理它,而不是像艺术部门的负责人一样。

用户体验 (UX) 免于业务问责的日子已经结束了,这对我们所有人来说实际上是一件好事。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

Netflix 如何利用 UX 设计赢得 2 亿付费用户

杰睿

为应用程序获取免费用户是一回事,但利用 UX 设计来获取 2 亿付费用户又是另一回事。

Netflix 成立 27 年来,彻底改变了商业模式,从实体 DVD 转型为数字 OTT 平台。二十多年来,Netflix 不仅牢牢抓住了忠实用户,还吸引了数百万新用户。

我做了研究,发现很多用户体验原则和实践都被用来吸引用户,并让他们长期使用付费套餐。让我们一起来看看吧!

“随时取消”

一个简单的术语赢得了数百万人的青睐。Netflix 使用智能选择架构和一些巧妙的模式来赢得用户的信任。

随时取消政策让Netflix看起来不像订阅服务,更像是一次性购买,只需少量资金投入。在这个几乎所有订阅都有最低门槛或锁定期限的时代,这使得专业版计划的营销更加轻松友好。

现在,如果您尝试取消 Netflix 订阅会发生什么?

Netflix 采用了以下巧妙的设计原则,让您更难取消订阅:

  1. 要取消订阅,您必须进入帐户设置,然后深入了解您的会员资格。点击次数越多,用户决定继续订阅或推迟取消订阅的可能性就越大。这并非总是如此,但即使取消订阅的用户数量下降 1%,也能为 Netflix 带来巨大的收益。
  2. “取消会员资格”按钮位于页面底部“更改计划”操作之后,这使得它在页面上的重要性最低。此外,取消按钮是一个非常简单的幽灵按钮,使其在屏幕上更难被发现。
  3. 下图展示了Netflix如何通过提供多种选择来吸引用户回归——比如更换更便宜的套餐、离开前观看,甚至还有暂停订阅按钮!他们还会利用你的情绪,向你展示即将离开的内容,以及你与他们共度的所有“美好时光”。
取消订阅前您会看到此屏幕

这种流程在用户体验设计术语中被称为“取消流程”。在这种流程中,用户体验设计师和信息架构师会尝试让取消流程变得更难,并为用户提供更多理由再次使用服务。他们常常需要在阴暗烦人的用户体验模式和流畅的取消流程之间寻找平衡。

“留住客户比获取新客户更便宜”——《哈佛商业评论》

沉浸式体验和自动播放

狂看剧已经成为Z世代和千禧一代的标配,以至于我们常常忘记时间。用户体验设计正是解决这一人类困境的核心。

由于一些巧妙的策略,人们只想继续观看:

  1. 大型海报,顶部突出显示内容。
  2. 预告片在顶部自动播放,并且当鼠标悬停在预告片上方时,预告片也会自动播放。
  3. 指示器显示您观看了某个内容的时长,提醒您继续观看。
  4. 高/大卡片用于吸引网站不同部分的注意力。
  5. 每次您观看完内容时,都会弹出新节目和电影的推荐和建议。
  6. Netflix 会自动播放您正在观看的剧集的下一集。

沉浸感与你在抖音、Instagram 和 YouTube 上看到的类似。滚动到下一个内容或让用户留在应用上是这类平台获得并维持业务的关键。事实上,用户留存率与将临时用户转化为付费用户直接相关。

Netflix 的广告——OTT 的新时代

目前,Netflix 正在部分国家/地区测试一项包含广告的新定价方案。此举旨在为难以支付每月 10 美元费用的用户提供更低成本的方案。

现在,计划的转变可能是由于以下用户行为的变化:

  1. 用户现在已经习惯了 Youtube、Twitch 等平台上更长、更多的广告。因此,另一个广告数量较少的在线平台并不会让人感到震惊。
  2. 他们提供广告作为更便宜计划的交换,这意味着无论是否有广告,用户都会看到订阅的价值。
  3. 他们运用了“价格锚定”的概念,可以显示较低的起价,让用户感受到其服务的更多价值。他们还可以在营销材料中使用“6.99美元起”来吸引更多转化。

无限触点

你今天是怎么访问 Netflix App 的?是在 YouTube 上看了一部新电影的精彩短片吗?还是朋友给你发了一部新剧让你一口气看完?

接触点是用户或潜在用户进入您的应用程序/网站的来源。

Netflix 拥有无数的 YouTube 频道

Netflix 采用了一种巧妙的营销策略——围绕其电影和电视剧,与热门内容创作者合作创作短视频内容,以吸引用户访问其平台。用户体验设计师巧妙地利用这些数据创建智能常见问题解答,构建内容投放方式,并提升用户参与度。

共享选项出现在流程的不同点

拥有强大的社交分享功能,可以让亲朋好友推荐节目和电影,从而吸引用户回头并保持他们的互动。许多其他公司,例如

在 Instagram 上发布自己风格化的故事,让他们分享的内容在网上脱颖而出。

 

一群聪明的用户体验设计师可以轻松认识到,用户体验受应用程序外部发生的事情的影响比受应用程序内部发生的事情的影响更大。

无缝上下文导航

在 8,000 多个影片库中,用户很难轻松找到自己喜欢的影片。Netflix 在您购买订阅前后无缝解决了这个问题。

购买订阅之前:

Netflix 在其落地页上展示您所在地区最热门的 10 部节目和电影。您可以点击查看简介或观看预告片。页面末尾会显示一个行动号召 (CTA),鼓励您订阅并开始观看该节目。

与 Amazon Prime 不同,他们不允许用户在购买前浏览电影库。唯一的方法是直接在 Google 上搜索电影或类型,然后直接导航到 Netflix。我认为这是 Netflix 在导航方面唯一不足的地方。我认为这是 Netflix 在导航方面唯一不足的地方。

购买订阅后:

Netflix 页面顶部的导航相当简洁。电视节目、电影、最新热门、我的列表以及按语言浏览。浏览这些内容时,我很容易就能明白自己想去哪里,没有任何歧义。

附言:对于像印度这样多语言的国家来说,按语言浏览非常重要。每个州都有独特的语言和娱乐产业,用户访问 Netflix 可能也是为了这些。

Netflix 意识到大型下拉菜单导航起来很棘手,所以它们会直接将用户引导至另一个页面,方便用户查看子项。如果您非常了解用户,就能创建出如此高效的导航栏。您清楚地知道用户喜欢搜索什么,以及哪些内容对普通 Netflix 用户来说很重要。对元素进行优先级排序是有效导航的关键。

他们将儿童选项、通知菜单和个人资料页面分离到了最右侧。这样既减少了用户的注意力,又提供了清晰的层次结构。

他们还为每个类别提供了相应的类型下拉菜单,方便您根据自己喜欢的内容风格进行筛选。选择类型后,他们不会带您浏览无尽的节目列表,而是会为您展示针对特定用户量身定制的特定类型内容,同时保留各种标题层级,例如“为您推荐”、“今日精选”、“Netflix 新剧”等等。

Netflix 的工作人员也在不断创建新的收藏集,帮助你找到类似的内容,让你可以一口气看完特定类型的内容。它的作用很像音乐流媒体服务上的播放列表,但这个收藏集是针对电影和节目的。

现在你可能会想,为什么这样的事情会影响订阅?对大多数用户来说,找到合适的内容才能继续看到Netflix服务的价值,这一点很重要。如果他们觉得在Netflix上再也找不到好节目了,他们可能会放弃这项服务。

个性化是核心

Netflix 使用各种技术为用户提供更加个性化和“量身定制”的体验。如果您喜欢亚当·桑德勒主演的喜剧电影,Netflix 肯定会在接下来的几周内为您推荐类似的电影。电影结束后,您还会获得根据您的观影习惯进行个性化推荐。

但是个性化算法很常见,那么什么样的 UX 设计个性化可以帮助他们留住用户呢?

Netflix 允许您为不同的家庭成员创建多个帐户,因此每个人都可以获得自己的个性化推荐,而且别忘了,还有一个可爱的头像!

这些头像看似简单,但我们已经看到人们渴望将自己的个人资料和头像与游戏(《堡垒之夜》等)和社交媒体(Instagram 和 WhatsApp 显示图片)区分开来。因此,尽管这些头像只是微小的改变,但它们仍然会影响用户的个性化体验。

个性化功能也融入到通知中,其主要目的是吸引用户回访。它们会使用您的用户名(通常是您自己的名字)作为前缀或后缀,使机器人式的句子更加个性化。它们还会使用您之前的活动来提醒您继续观看。通知确实让 Netflix 这样的公司能够让营销看起来更自然,也让内容团队在文案上更具创意。然而,通知也可能让许多用户感到厌烦,因此他们必须始终谨慎处理。

Netflix 专门设立了“儿童”版块,让孩子们可以观看自己喜欢的卡通人物节目和电影,并根据孩子们的喜好设置了相应的分类。家长也可以控制和监控这个版块,以确保家长的安全和信心。我认为这非常明智。孩子们对内容的看法确实与众不同,Netflix 为吸引孩子们而采取的一些措施包括:明亮醒目的视觉效果、引人入胜的用户体验文案。

内容驱动设计

归根结底,内容为王。Netflix 依靠其提供的电影和电视剧来满足用户娱乐需求,并吸引新用户。

“Netflix 原创”或“仅在 Netflix 上”是他们与竞争对手区分开来的策略。Netflix 的一些热门作品,例如《鱿鱼游戏》、《路西法》、《怪奇物语》、《纸钞屋》等,已经为一些观众定义了 Netflix,而这往往成为他们继续订阅的理由。

这与我们在 YouTube 或 Instagram 等平台上注意到的情况非常相似,在这些平台上,用户界面通常不是人们坚持使用的因素,而是基本要素。

与时俱进

随着短篇内容的兴起和人们习惯的改变,许多公司不得不逐渐转移关注点。Netflix 无疑是其中之一。

Netflix 最近在每个符合条件的内容底部添加了“时刻”功能,用户可以找到节目或电影中的重要时刻,并可以直接跳转。Netflix 的这一举措非常冒险,因为它可能会减少用户在平台上的停留时间。另一方面,它允许一些用户在平台上花费更多时间观看更多内容,从而让他们看到内容的更多价值。

为了吸引新用户,并在内容过时时保持他们的活跃度,Netflix 购买了一些热门手机游戏的版权,并以零额外费用提供给用户。因此,原本售价 2 至 10 美元的游戏,现在对 Netflix 的订阅用户来说都是免费的。这当然不是设计上的决定,但这确实增加了价值的幻觉。

为所有人提供无障碍服务

据世界卫生组织统计,地球上约有22亿人患有某种形式的视力障碍。这意味着Netflix需要解决这些问题,才能吸引视障人士。

Netflix 上几乎每部新电影或剧集都提供“音频描述”选项,方便视障人士轻松观看自己喜爱的内容。即使对于只戴眼镜的人来说,这项功能的精准度也让我感到惊讶,几乎就像不用睁开眼睛就能看电影一样。女声会引导你逐一欣赏电影场景,让人仿佛置身于冥想之中。

他们涵盖了许多其他无障碍方面,包括更改字幕设置,使其更清晰易读。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

在用户体验研究中使用人工智能:个人观点:什么有效,什么无效

杰睿

2 组用户评价见解
Dovetail 上的 AI 聚类数据

准备

开展研究

分析:人工智能有时能大放异彩的地方

包含 3 种不同见解的画布被分组为一个集群
Dovetail 人工智能辅助分析,由 Dovetail 网站提供。

报告

Breyta AI 驱动的搜索,由 Breyta 网站提供

工具概况

一个很大的警告:这一切的成本

 最后的想法

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

用户体验中的神经设计:认知科学如何帮助我们打造更佳的界面

杰睿

通过 AI 辅助创建的图像

说实话,我们大多数人在设计屏幕时并不会考虑人脑。我们关注的是布局、间距和颜色。但事实是:设计并非发生在屏幕上——而是发生在用户的大脑中。这就是神经设计的用武之地。

神经设计就是运用认知心理学和神经科学来构建直观、轻松甚至略带愉悦的界面。我之前并没有学过神经科学,但自从我开始了解大脑的运作方式后,我的设计方式就彻底改变了。

以下是我所学到的知识 — — 有真实的例子、用户体验法则和一些你可能想看看的书籍精华。

1. 大脑是懒惰的(好的方面)

我们的大脑天生就具有节能的本能。这意味着人们几乎总是会选择阻力最小的路径。当你的用户界面过于复杂或选项过多时,大脑就会说:“不行。”

记住希克定律

提供的选择越多,做出决定所需的时间就越长。

想想谷歌的主页只是一个标志和一个搜索栏。这并非偶然——它的设计是为了减少认知负荷。

Google.com

您可以做什么:

  • 确定主要行动的优先级
  • 保持表单简短(就像 Typeform 那样)
  • 删除无用的元素

2.人们先看到,后思考

设计首先是情感驱动,其次是逻辑驱动。这意味着色彩、布局甚至动画都能在第一秒就建立信任。

让我们来看一个例子:Duolingo 的应用程序使用友好的插图、有趣的语气,以及一些感觉像大脑“拍拍背”一样的小奖励。它降低了学习新语言的情感障碍。

图片来源——匹兹堡杂志

以下是Susan Weinschenk 所著《神经网络设计》一书中的一条重要建议:

“我们不会做出合乎逻辑的决定。我们会做出情绪化的决定,然后用逻辑来证明其合理性。”

您可以做什么:

  • 使用温暖、友好的设计语言
  • 让入职培训感觉像是手把手指导,而不是测验
  • 添加微妙的动作,使操作感觉灵敏(就像Apple在 iOS 中使用弹跳或淡入淡出一样)

3.熟悉的感觉很好

大脑喜欢模式。当用户看到自己熟悉的事物时,他们会感到安全,并且能够掌控一切。

记住雅各布定律

用户大部分时间都花在其他网站上。因此,他们期望你的产品也能以同样的方式运作。

让我们看一些例子:Instagram 的底部标签栏亚马逊的购物车图标Gmail 的撰写按钮——它们都遵循常见的视觉隐喻,以减少学习曲线。

您可以做什么:

  • 遵循原生平台惯例
  • 使用常见的图标和术语(除非您是 Zara,否则不要将购物车称为“我的包”)
  • 除非有充分理由,否则避免不必要的改造

4.记忆很短暂——真的非常短暂

认知科学告诉我们,用户的工作记忆中一次只能记住大约4个条目。因此,如果你的应用依赖于用户记忆指令,那么它注定会失败。

“米勒定律”来了

一般人的短期记忆只能保留 7 件(正负 2 件)物品。

真实案例:你有没有尝试填写表单,但错误信息只有在提交后才会显示,而你却忘了哪个字段出了什么问题?这简直就是记忆噩梦。

您可以做什么:

  • 将任务分解成小的、可管理的步骤(例如Airbnb 的分步主机设置
  • 使用内联验证
  • 保持标签靠近输入(不要让用户滚动或猜测)

5.反馈=安全

大脑会不断检查:这有效吗? 我能控制吗?如果用户界面没有响应输入,用户就会感到不确定——即使后台一切正常。

用户体验法则:反馈循环原则

人们需要立即得到反馈来了解其行为的结果。

例如,Slack在消息发送时会显示“正在发送…”的动画和勾号。这能建立信任,尤其是在快速对话中。

您可以做什么:

  • 显示加载状态、成功消息或错误提示
  • 允许用户撤消操作(如 Gmail 的“撤消发送”)
  • 动画过渡到信号系统状态

如果你想深入了解,可以参考以下书籍推荐

以下几本书确实帮助我将神经科学和用户体验联系起来:

  • Susan Weinschenk 的《神经网络设计》 ——超级易读,示例丰富
Susan Weinschenk 的《神经网络设计》
  • Susan Weinschenk 撰写的《每个设计师都需要知道的关于人的 100 件事》 ——设计师的最爱
苏珊·温申克 (Susan Weinschenk) 的《每个设计师都需要了解的关于人的 100 件事》
  • 史蒂夫·克鲁格的《别让我思考》 ——虽然不是神经科学,但完全符合大脑的行为方式
史蒂夫·克鲁格的《别让我思考》
  • 唐纳德·诺曼的《设计心理学》 ——以人为本的设计思维的经典见解
唐纳德·诺曼的《设计心理学》

好的用户体验不仅仅是让事物看起来美观。它在于理解人脑的运作方式,并围绕此进行设计。神经设计提醒我们,我们设计的不是屏幕,而是思维中的体验

当我们做得好的时候,一切都会顺利。

所以下次调整布局或重新设计流程时,问问自己:
现在什么对大脑来说最容易?
这个问题比任何花哨的工具都更能帮助我做出更好的决策。

……

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

为什么用户使用顶部对齐的标签可以更快地填写表单

杰睿

想象一下,一位用户准备注册你的网站。他们会进入你的表单并输入信息。你对齐字段标签的方式会影响用户填写表单的速度。

您想为用户提供轻松便捷的体验,还是想给他们带来麻烦?如果您想让他们的体验快速便捷,请 在表单字段上使用顶部对齐的标签

顶部对齐的视线注视

顶部对齐的标签比左右对齐的标签填写起来更快更容易。这是因为顶部对齐的标签只需要一半的视觉注视点。 顶部对齐的标签还允许用户沿着一个视觉方向向下移动表单。而左右对齐的标签则需要两个视觉方向才能填写。

顶部对齐标签的唯一缺点是它们会使表单变长。不过,现在用户滚动页面的频率更高了,所以这不是问题。通过减少字段之间的空白,您可以缩短表单的长度。您还可以将表单拆分成多个页面,以缩短表单的长度。

顶部对齐和左右对齐标签之间的区别显而易见。顶部对齐的标签更容易被用户看到,也更容易填写表单。虽然顶部对齐的标签可能会使表单变长,但用户填写表单所需的时间和精力更少,这对用户更有利。

如果顶部对齐的标签能够为用户带来更好的表单体验,那么它值得采用。设计师应该更多地考虑字段标签的对齐方式。这可能会影响用户填写表单还是放弃表单。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

怎么理解用户动机?如何提升用户动机?

涛涛

用户动机,是每个设计师设计产品时必须考虑的问题。只有激发用户动机,才能进一步提高转化率。本篇文章中,作者从福格PAC动机来源模型入手,从3种动机来源介绍如何激发用户的动机。不妨来看一看,说不定有帮助哦。

Goldelucks 的产品页面优化策略如何使订单量增长 31.56%

杰睿

您是否从自然搜索和付费广告中获得了大量的访客,但却发现很难将他们转化为客户?Goldelucks也遇到了同样的问题,但他们成功解决了这个问题。他们是如何实现 66% 的订单收入增长的?让我们深入探究!

遇见 Goldelucks

Goldelucks 是一家总部位于澳大利亚的甜点配送服务公司,自 2018 年以来在墨尔本很受欢迎。 

Goldelucks 甜甜圈由 Phillip Kuoch 创立,很快就成为了城中最受欢迎的美味小吃。 

Goldelucks 拥有超过 350,000 名满意的顾客和杂志的热烈评论,被誉为该地区订购甜甜圈的顶级服务。

挑战

尽管他们通过自然搜索和付费搜索渠道获得了大量产品页面流量,但很大一部分潜在客户并没有购买就离开了。 

Goldelucks 认识到尚未开发的潜力并寻求提高投资回报率,因此正在寻找解决方案,将更多产品页面访问者转化为付费客户。

然而,他们决心不使用折扣等传统方法,因为这会降低他们的利润。

解决方案

在优化产品页面性能和提高转化率的过程中,Goldelucks 实施了三种创新策略。 

1. 产品页面优化 

最初,他们的产品页面只展示了产品名称和一些精美的高质量图片,这些图片位于首屏上方。产品描述隐藏在首屏下方。 

这种布局意味着顶部没有突出显示的值。  

这就是 OptiMonk 智能产品页面优化器的用武之地。借助此工具,Goldelucks 可以自动向每个产品页面添加简短的、以利益为导向的描述,以改进首屏内容。

Goldelucks 使用 OptiMonk 优化了其产品页面

在首屏上方突出显示关键价值主张立即引起了访客的共鸣,这种优化策略使订单量增加了 31.56% 

2.动态内容优化

Goldelucks 的下一个策略是利用 OptiMonk 的动态内容功能在产品页面上实现一个突出显示的元素。该元素的目标是向访问者传达额外的信息。 

他们测试了两个不同的版本。 

在第一个产品中,他们突出了 USP:“令人难忘的礼物:在任何礼篮中添加五彩纸屑爆炸。” 

Goldelucks动态内容

在第二个页面上,他们突出显示了配送时间:“澳大利亚东部标准时间(周一至周五)下午 2 点前下单,澳大利亚东部标准时间(周六)上午 8 点前下单,即可当天发货。点击此处查看所有当天发货的产品。” 

Goldelucks案例研究

通过 A/B 测试,他们发现第一个版本(突出 USP)使收入增加了 66.2%,证明了战略信息传递的有效性。

3. 智能推荐弹出窗口 

他们的最终目标是让那些不买东西就准备离开的游客产生购买欲。 

为了解决这个问题,他们创建了一个智能推荐弹出窗口,在产品页面访问者退出时触发。 

智能推荐弹出窗口触发

这个个性化弹出窗口是使用OptiMonk 的智能弹出窗口工具生成的。它展示了人工智能编写的标题,并根据浏览器历史记录和偏好为每位访客推荐定制产品。

例如,在“巧克力圣诞树配甜甜圈”产品页面上,放弃的访客会看到这个弹出窗口:

Goldelucks 智能推荐弹出窗口

但是,浏览“金蝴蝶爆炸盒”产品页面的访客看到的是这个: 

Goldelucks 智能推荐弹出窗口

结果如何?订单量增加了 12.27% ,凸显了个性化推荐对转化率的影响。

结果

Goldelucks 的创新技术取得了一些令人印象深刻的成果:

  1. 产品页面优化使订单量增加了31.56% 。
  2. 由于实施了突出 USP 的动态内容,订单收入增加了 66.2% 。
  3. 智能推荐弹出窗口产生的订单增加了 12.27% ,证明了个性化推荐在推动转化方面的有效性。
Goldelucks 产品页面优化前后对比

总之,Goldelucks 的方法采用了新的创新优化方法,不仅显著提高了他们的转化率,而且巩固了他们在墨尔本竞争激烈的甜点市场中的领先地位。 

通过跳出固有思维模式并使用OptiMonk 等转化率优化工具,Goldelucks 证明了智能策略可以促进销售并提高转化率。 

遇见 Goldelucks

Goldelucks 是一家总部位于澳大利亚的甜点配送服务公司,自 2018 年以来在墨尔本很受欢迎。 

Goldelucks 甜甜圈由 Phillip Kuoch 创立,很快就成为了城中最受欢迎的美味小吃。 

Goldelucks 拥有超过 350,000 名满意的顾客和杂志的热烈评论,被誉为该地区订购甜甜圈的顶级服务。

挑战

尽管他们通过自然搜索和付费搜索渠道获得了大量产品页面流量,但很大一部分潜在客户并没有购买就离开了。 

Goldelucks 认识到尚未开发的潜力并寻求提高投资回报率,因此正在寻找解决方案,将更多产品页面访问者转化为付费客户。

然而,他们决心不使用折扣等传统方法,因为这会降低他们的利润。

解决方案

在优化产品页面性能和提高转化率的过程中,Goldelucks 实施了三种创新策略。 

1. 产品页面优化 

最初,他们的产品页面只展示了产品名称和一些精美的高质量图片,这些图片位于首屏上方。产品描述隐藏在首屏下方。 

这种布局意味着顶部没有突出显示的值。  

这就是 OptiMonk 智能产品页面优化器的用武之地。借助此工具,Goldelucks 可以自动向每个产品页面添加简短的、以利益为导向的描述,以改进首屏内容。

Goldelucks 使用 OptiMonk 优化了其产品页面

在首屏上方突出显示关键价值主张立即引起了访客的共鸣,这种优化策略使订单量增加了 31.56% 

2.动态内容优化

Goldelucks 的下一个策略是利用 OptiMonk 的动态内容功能在产品页面上实现一个突出显示的元素。该元素的目标是向访问者传达额外的信息。 

他们测试了两个不同的版本。 

在第一个产品中,他们突出了 USP:“令人难忘的礼物:在任何礼篮中添加五彩纸屑爆炸。” 

Goldelucks动态内容

在第二个页面上,他们突出显示了配送时间:“澳大利亚东部标准时间(周一至周五)下午 2 点前下单,澳大利亚东部标准时间(周六)上午 8 点前下单,即可当天发货。点击此处查看所有当天发货的产品。” 

Goldelucks案例研究

通过 A/B 测试,他们发现第一个版本(突出 USP)使收入增加了 66.2%,证明了战略信息传递的有效性。

3. 智能推荐弹出窗口 

他们的最终目标是让那些不买东西就准备离开的游客产生购买欲。 

为了解决这个问题,他们创建了一个智能推荐弹出窗口,在产品页面访问者退出时触发。 

智能推荐弹出窗口触发

这个个性化弹出窗口是使用OptiMonk 的智能弹出窗口工具生成的。它展示了人工智能编写的标题,并根据浏览器历史记录和偏好为每位访客推荐定制产品。

例如,在“巧克力圣诞树配甜甜圈”产品页面上,放弃的访客会看到这个弹出窗口:

Goldelucks 智能推荐弹出窗口

但是,浏览“金蝴蝶爆炸盒”产品页面的访客看到的是这个: 

Goldelucks 智能推荐弹出窗口

结果如何?订单量增加了 12.27% ,凸显了个性化推荐对转化率的影响。

结果

Goldelucks 的创新技术取得了一些令人印象深刻的成果:

  1. 产品页面优化使订单量增加了31.56% 。
  2. 由于实施了突出 USP 的动态内容,订单收入增加了 66.2% 。
  3. 智能推荐弹出窗口产生的订单增加了 12.27% ,证明了个性化推荐在推动转化方面的有效性。
Goldelucks 产品页面优化前后对比

总之,Goldelucks 的方法采用了新的创新优化方法,不仅显著提高了他们的转化率,而且巩固了他们在墨尔本竞争激烈的甜点市场中的领先地位。 

通过跳出固有思维模式并使用OptiMonk 等转化率优化工具,Goldelucks 证明了智能策略可以促进销售并提高转化率。 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档