首页

用户体验设计:如何设计有效的“第一次触发”?从 Push 到页面设计

杰睿 设计管理与成长

 

——基于《Hooked》模型的用户激活交互思路
 

一、什么是“第一次触发”?为什么它决定了用户的去留?

在《Hooked》一书中,作者提出“Trigger”是促使用户行动的第一步。触发可以分为两种:
外部触发:例如 App 推送、广告、链接、好友邀请
内部触发:用户自己产生的动机,比如焦虑、孤独、空闲、好奇等情绪
“第一次触发”通常指的是用户首次接触产品的关键时刻,也是我们设计中用户激活(activation)环节的核心。很多产品在吸引用户下载后,没能成功完成这一步,导致高流失率。
那么,如何让用户在第一次接触产品时就“被打动”,甚至开始“动手”?这是交互设计师无法回避的挑战。

二、Hook 模型下的第一次触发路径

我们可以将“第一次触发”的设计过程,拆解为一个 Hook 的微循环:
swift
复制编辑
外部触发(推送/链接/内容)→ 用户行动 → 变动奖励 → 微投入
设计的关键在于:
触发是否准确命中动机
页面是否降低了行动成本
是否提供足够正向反馈,激励用户进入下一步

三、实际场景中,“第一次触发”都可以怎么设计?

下面以两个典型路径为例,展开设计思路。
  1. 从 Push 到行动:信息即引导
场景:用户安装 App 后首次收到推送通知 
目标:提高用户点开并进入 App 的概率

设计策略:

情境感知:比如早上推送“为你准备了 3 条晨间资讯”,中午推送“你关注的咖啡店正在打折”。
视觉引导:通知样式带有关键词高亮、情绪词汇、数字诱因(“3 条”、“50%”等)。
即时性奖励:如“限时免费”、“首次点击得积分”。

示例对比:

普通推送文案:
“你有新消息,点击查看。”
优化后:
“你的新客户留言了:点击 30 秒内回复可得 50 积分!”
用户动机 + 奖励机制 + 时间紧迫感 = 有效第一次触发
  1. 首屏设计:默认就是最好的引导
  2.  场景:用户打开 App 或首次访问页面 
  3. 目标:促使用户完成关键行为,如注册、收藏、浏览首个内容

 设计策略:

将用户动机前置化:如图文内容带标签“为你推荐”、“同城热门”
提供默认建议:如自动生成 3 个关注推荐,不让用户空白加载
弱引导行动按钮:如“我想试试看”、“点这里获取专属内容”,代替“立即注册”

小结:

元素 常见问题 设计优化
空白状态 “你还没有收藏内容” 提供推荐 / 模拟数据
注册页面 信息太多 / 提示太弱 三步注册 / 支持游客试用
首页内容 冷启动/无吸引力 动态推荐 + 情境触发设计

四、设计师如何判断触发设计是否有效?

✔ 指标层面

激活率:App 下载后次日留存 / 完成注册 / 触发首次行为的用户比例
首触转化率:触发内容点击后进入行为的用户比例

✔ 用户层面

用户是否在无需帮助的情况下完成操作
用户是否表达出“被内容打动”的情绪反应(通过反馈/行为路径观察)

第一次触发,决定了第一次信任

“第一次触发”的设计不只是营销或产品经理的工作,它是交互设计的前哨战
从文案到页面布局,从通知到首屏,一切都在为用户“做决策”而服务;
要问的不是“设计美不美”,而是:“用户有没有动起来?”
Hook 模型里,触发只是起点,但它决定了是否进入循环的门槛。
 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

AI工具+AI流畅度+人类优势=AI原生设计师

杰睿 设计管理与成长

AI工具+AI流畅性+人类优势

作为一名产品设计师,我最近一直在努力理解快速变化的人工智能格局,既感到敬畏,又感到困惑。Anthropic的首席执行官警告称,人工智能可能会取代高达 50% 的入门级白领工作,而 Zapier 的首席执行官则谈到招聘精通人工智能的人才。与此同时,“模型设计师”等新职位正在涌现,行业正在迅速向更多超级 IC 职位转变。

随着人工智能重塑我们的工作方式,我一直在问自己,这不仅关乎如何保持相关性,还关乎如何在我的工作中不断成长并找到乐趣。

据我所知,新的转变需要利用三个领域

  1. 人工智能工具:组装不断发展的人工智能设计堆栈以快速交付
  2. 人工智能流畅性:学习如何设计概率系统
  3. 人力优势:加强工艺、自主性和判断力等护城河,保持领先于自动化
  4. 这些支柱与战略思维和以人为本的技能相结合,塑造了我们成为AI 原生设计师的道路
Open AI cookbook 中的 AI 产品堆栈和提示结构

1. 人工智能工具

人是制造工具的动物——本杰明·富兰克林

本杰明·富兰克林的定义强调了人类在发明和使用工具来扩展自身能力方面的创造力。如今,人工智能标志着这一进化的飞跃,从手动工具到智能协作者。

速度不再是可有可无的。ProcessMaker的产品团队从每年两次交付到每两周交付一次。Figma的《设计现状报告》(2025)指出,近七成的设计团队(68%)经常使用人工智能来自动化线框图绘制、生成视觉资产并分析用户反馈。

随着人工智能逐渐融入日常工作流程,设计工具显然变得越来越积极主动,既提高了速度,又增强了想象力。

构建一个反映你的技艺的堆栈

你的设计栈取决于你作为设计师的身份。用户体验研究员的设计栈与全栈产品设计师、对话式AI设计师或视觉艺术家的设计栈截然不同。没有放之四海而皆准的方案。

在过去的六个月里,我尝试了 60 多种 AI 工具,追逐每一个新的自动化更新和闪亮的产品发布。然而,事实是,我的工作流程中几乎所有东西都只运行在四到十种工具上,正如我的 AI 产品设计栈所示。

因此,真正的价值在于有意识的尝试。尝试新工具,不是因为它们流行,而是因为它们可能会在你的工作流程中解锁更好的功能。问问自己,有没有更智能、更快速、更周到的方法来做到这一点?

此外,人工智能工具正在快速发展,但设计的艺术依然是人类的。决定做什么以及如何使其卓越,仍然取决于品味、判断力、技艺和你的工具包。正如设计领袖阿古斯丁·桑切斯 (Agustín Sánchez) 所说“你之所以优秀,并非因为你了解最新的工具。你之所以优秀,是因为你知道如何运用它们。”

提示作为一项核心技能

去年,我多次发现自己觉得人工智能的输出很平庸,后来我意识到问题往往不在于模型本身,而在于我设计提示的方式。拥有正确语境的人工智能模型能够提供生成有意义响应所需的信息。

转变视角,将人工智能视为合作者,并学习如何构建上下文,彻底改变了我的输出质量

“提示就像是让人工智能加速,或者将其推向正确的方向。”——约翰·前田 (John Maeda)谈领导者如何利用人工智能释放创造力

亚历克斯·克莱因 (Alex Klein) 提出了一个令人信服的论点,即提示从根本上来说是一种设计活动,涉及以清晰度、背景、语气和意图来设计对话。

如果您想提高提示技巧,这些资源是一个很好的起点
Google 提示要点
IBM — 提示工程指南
OpenAI — 提示指南

AI流畅度工具包

2. 人工智能流畅性

AI 流畅性是指能够自信地设计和使用意图驱动、分层和概率系统的能力。对于产品团队而言,这意味着理解 AI 的潜力,应对其复杂性,并做出明智的决策,从而带来负责任且有影响力的成果。

GUI 界面要求用户通过点击、滚动和菜单导航来实现目标。相比之下,代理系统则通过关注基于意图的结果,为我们提供了一种与系统交互的新方式。

现实世界中的人工智能产品涉及编排、内存、工具集成、用户体验模式和代理流程。流畅性意味着要掌握系统的行为——它的可变性、它的故障、它出现错误或误用的可能性,并在设计时充分考虑这些动态因素。

人工智能流畅性的构建模块

AI 设计工具包

  • IBM 的GenAI 设计原则为生成式 AI 用户体验 (UX) 制定了六项基础设计原则。每项原则都配有设计策略和实际案例,以帮助从业者有效地实施它们。
  • 谷歌的“People+AI” 计划强调了设计人工智能交互时需要考虑的四个关键领域。该框架为设计有效的人工智能交互提供了宝贵的指南。
  • 我还构建了一个简化的指南,其中包含20 多个 GenAI UX 模式的示例和实施策略
理查德·巴赫这本经久不衰的著作敦促工匠们拥抱现代工具,专注于目标而非墨守成规。米哈尔·马莱维奇阐述了“人工智能平均线”,并鼓励创意人士突破这条线,追求伟大的创意。

3. 人类优势

借助 GPT-4o 和 Veo-3 等模型,AI 现已能够快速生成高质量的文字和视觉效果,并在许多领域超越人类的技能和推理能力。真正的问题是——

我们人类独有的优势还剩下什么?

工艺比以往任何时候都重要

AI 模型基于海量数据集进行训练,反映的是主流模式而非任何独特的视角。因此,它们的输出往往显得千篇一律,缺乏主观细微差别的深度,例如个人风格、洞察力、叙事意图和创意原创性。设计师Michal Malewicz用“ AI 平均线”的概念捕捉到了这一现象,并将当今的创意格局描述为乏味的时代”,充斥着千篇一律、缺乏灵感的 AI 输出。

讽刺的是,这种丰富性反而提高了标准!

此外,历史表明,尽管新工具层出不穷,叙事、审美判断和执行质量等基本技能仍然至关重要。正如 Photoshop 并没有扼杀平面设计一样,拥有 AI 的共同创造者并不会否定对技能的需求,而是会改变它。

理查德·森内特在其著作《工匠》中强调,工具在不断发展,但技艺和精湛技艺的精髓始终是核心,也是区分真正专家的关键所在。他敦促工匠们拥抱现代工具,并专注于目标而非墨守成规。

创意方向、代理和保持人力掌控

我们定义目标、设定约束并做出为人工智能指明方向的高层决策。

随着速度和质量的不断提升,争论的焦点不再是人类与人工智能的对决,而是我们寻求何种合作。在这种新的动态下,设计师不再只是创造者,而是提供创意方向、愿景和目标的人 设计师逐渐成为创意总监或统筹者,而人工智能则扮演着助手、创意伙伴,甚至是评论家的角色。

Julie Zhuo 强调了自主性的重要性。即使人工智能与我们的技能、能力和品味相匹配,我们选择为何以及在何处应用人工智能技能的能力仍将受到价值观、意图和新兴目标的驱动,并且仍然具有人类的鲜明特征。

例如,两位设计师使用相同的AI工具,可能会得出截然不同的结果。一位设计师可能会让AI为一家气候非营利组织探索极简主义的布局,而另一位设计师则用它来为一家儿童教育初创公司生成充满趣味、富有表现力的视觉效果。差异不在于工具本身,而在于引导它的人类价值观和意图。

世界经济论坛概述了 2030 年的四个类别:新兴技能、非焦点技能、稳定技能和核心技能

4. AI原生设计师

那么,成为一名AI原生设计师意味着什么?仅仅掌握AI工具和技术就足够了吗?还是在这个新领域,还需要更深层次的技能?

世界经济论坛显示,2030年最紧俏的技能不再是技术性技能。随着自动化改变工作方式,雇主更看重战略性、以人为本的能力,例如分析性思维、创造性思维、技术素养和韧性。

正如Fabricio Teixeira 指出的那样,即使在技术快速变革的时代,设计、协作和沟通的基础仍然是设计生涯的永久支柱,并且比任何工具都更持久。

与此同时,“超级集成电路”角色的出现正在重新定义高级设计职业,因为许多公司正在积极支持实践领导道路,重视深厚的专业知识、质量和高杠杆贡献,而不是传统的人员管理。

随着创作速度越来越快、触手可及,设计师真正的新护城河如今在于打造独特、可靠且令人难忘的AI体验。掌握设计原则、叙事能力和解决问题的能力仍然是人类独有的强项。

 

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

如何传达错误

杰睿 设计思维

一个人对错误的反应——无论是自己犯的还是他人犯的——是一个复杂且常常令人痛苦的心理过程。在本文中,我将解释为什么几乎所有的错误提示信息的设计都公然无视用户体验理论。我将使用交互式原型来展示如何解决这个问题。我还将转向交互理论,回顾模式的概念,并解释可逆性、恰当性和及时性的原则。

我们的用户不是程序员

每个设计师的清单里都会包含“设计错误界面”。但即使完成了,程序员仍然会回来说:“还有另一种情况——我们也需要一个错误界面。”在这种情况下,程序员是设计的客户,这很有道理:程序员比任何人都更了解错误。设计师和经理们都认同这种方法——但它存在严重缺陷。

“我们不是我们的用户。”设计师们不断重复这句话。他们想表达的是:不要仅仅依赖自己的专业知识(这不可避免地会过时,而且容易产生职业偏见),而要关注用户在自然环境中的行为。

所以,问题在于——程序员不是我们的用户。程序员的行为、思维方式,以及与计算机的联系与其他人截然不同。我知道我在说什么。我的大多数朋友都是程序员和工程师。我在工作中也经常和程序员交流。我自己也是一名程序员,使用多种语言(从 Swift 和 GLSL 到 Forth 和 Assembly)。但幸运的是,我也是一名非常关注心理学的设计师。那么,让我来告诉你程序员的一天通常是怎样度过的:

程序员甚至还没来得及好好写点东西——他们停顿了一下,砰,一个错误出现了:“空白符缺失”。不知何故,下一行也出现了错误(尽管那一行完全没问题)。左侧面板也满是错误。这还不算编译错误。除了红色圆圈,可能还有黄色圆圈——程序员的大脑已经习惯了忽略这些警告。

如果错误来自硬件故障、第三方库的 bug 或文档不清晰,程序员不会把这些错误当回事。他们会把这些错误视为一种有用的工具,帮助找出别人的错误。而有些烦人的拼写错误,你会在自己的代码中苦苦追寻,希望编译器能自动捕获它们。那么,关于拼写错误的错误消息就是程序员最好的朋友。

简而言之,程序员对错误消息产生了一种容忍度——所有那些带有感叹号的圆圈和冗长、说教的红色文字。

心理学家会怎么说?

从人体工程学的角度来看,程序员的环境与普通用户的环境有着根本的不同。因此,设计师绝对不应该采用程序员对待错误的态度。如果我们负责设计一个 IDE(集成开发环境),那么我们当然会咨询程序员——他们是我们的用户。但在开发其他产品时,最好不要依赖他们的观点。相反,我们应该咨询心理学家

红色感叹号会让用户想起老师在课堂笔记中批改的内容,并被理解为一种惩罚(当然,除非有人已经培养了对惩罚的耐受力,比如程序员)。那么,心理学是如何看待对错误的惩罚的呢?

重要的是不要用消极情绪来强化错误,因为大脑对此非常敏感,并会将这种行为标记为不值得投入精力的事情。

我知道有些人看到错误信息就会慌乱不已。他们开始点击所有按钮,只为让它尽快消失。这些人很难适应界面,因此他们倾向于完全避免与界面交互。这并不是因为他们愚蠢,而是因为他们是普通人——而不是程序员。

看看这个!几乎每个字段都用红墨水划了线,界面提示你输入姓名,并要求你填写,而且是必填项!

但程序员对此完全没意见。程序员坚信,把笨蛋塞进错误里是有用的,这样他们就不会再试图用 null 或 undefined 来破坏程序了。程序员和工程师称之为“傻瓜式防错”,展现了他们独特的同理心。

焦点切换时验证

当用户从一个输入字段切换到另一个输入字段时,第一个字段会触发一个名字很不靠谱的事件:“onblur”。开发者经常用它来进行验证——以防用户漏填字段、输错生日或忘记邮件中的“@”。问题是:当用户切换到另一个应用时,“onblur”也会触发。过去,表单跨越三页时,空字段是个问题。如今,所有内容都能放在一个屏幕上——很难忽略一个空字段。至于其他的检查——它们对用户没有任何帮助。它们只是另一种“傻瓜式”的玩意儿。但用户不是傻瓜。当他们想要什么东西时——他们会发挥创造力。我知道有人会修改页面代码,以获取他们严格意义上不应该获得的政府服务。而如今,他们甚至不需要知道如何编写代码:只需单击一下即可打开 DevTools,再单击几下——所有验证都消失了。输入任何你想要的内容。

通过像傻瓜一样对待用户,开发人员产生了两个问题:第一 - 他们浪费时间构建“保护”,第二 - 他们陷入了一种虚假的安全感(没有比“通过模糊性实现安全”更糟糕的保护)。

在焦点切换时进行验证毫无意义,而且问题重重,我甚至不想在这里讨论它。让我们继续讨论主按钮上的验证:“继续”、“提交”等等。

通常如何做

我们与雅虎界面的交互分为三个阶段:

  1. 开始。所有字段均为空。无错误。“继续”按钮可用。
  2. 按下“继续”按钮。所有空白字段均被标记为错误。
  3. 焦点从第一个字段移开。突然间,它不再被标记为错误了。

让我们来分析一下。

激活按钮——这很好,雅虎点赞了。我有一篇名为“禁用按钮”的文章,解释了这背后的理论和实践。如果你仍然认为禁用按钮对用户有帮助,那你绝对应该读一读。

接下来是可逆性原则。这意味着你可以将界面恢复到初始状态。雅虎又赢了——你可以重置界面。但只能通过逐个点击每个字段来实现。这有什么意义呢?为什么仅仅因为你移开焦点,错误信息就会消失?这纯粹是算法故障!在我关于设计流程的文章中,我指出即使是顶级公司有时也会设计出糟糕的界面,所以不要盲目追随权威。要遵循科学。

下一个原则是恰当性。用户点击了“继续”按钮——交互的对象是按钮,而不是输入字段。如果按钮发出某种震动或吱吱声来表达不满,这可以理解。但是输入字段呢?根本没人碰过它们!它们怎么可能感知到按钮的情绪呢?只有程序员知道,在代码中,这些对象是相互关联的——但外部观察者一无所知,因为它们之间没有视觉联系。

现在来谈谈时效性原则。设计师用红色高亮显示几个字段,期望用户做出什么反应?如果所有字段的重要性都一样,用户应该先解决哪个字段?这需要对注意力中心进行复杂的讨论(这里的注意力中心不是指某个具体的输入字段,而是“出了点问题”的整体感觉),但我建议保持简单:界面基本上就是按照“坐下-停留-过来”的顺序排列,打破了“一次一个动作”的原则。

这里,一切都非常不对劲!

调试模式

界面有“模式”的概念。在我的大学里,程序员选修了一门名为“界面设计”的课程,课程内容包括解释为什么弹出窗口被称为“模态窗口”。现在,我惊讶地发现,程序员和设计师似乎对如何处理模式一无所知。

老式计算机有一种特殊的“HALT”模式,用于调试错误,也称为“控制台模式”。如果处理器尝试执行无效操作,程序将被中断,处理器将停止运行,并切换到控制台模式。您也可以通过按下物理“HALT”按钮手动触发 HALT 中断。使用开关或调试程序(在单独的控制台上运行),您可以修复错误并返回程序执行模式。

“处理器”一词并非偶然——它源于“进程”。错误中断只能在进程运行期间发生,而不会在处理器停止并处于调试模式时发生。这一事实在我们稍后讨论进程和状态之间的区别时会很有用。

向用户清晰解释他们最终进入不同模式的原因和方式至关重要。例如,调试器会显示导致无效操作的指令地址。同样重要的是解释如何返回(记住可逆性原则)。经典的 Norton Commander 完美地诠释了各种模式:

  1. 文件选择模式
  2. 复印模式
  3. 管理员模式,需要对硬件错误做出响应

我见过有人批评这类解决方案:“窗口叠在其他窗口上看起来很丑”。即便接受了这种说法,我仍然无法认同设计师通常提出的替代方案:“我们把这个窗口移除,把错误显示到别的地方,这样更美观。” 就好像设计师忘记了自己是工程师,只是拿起画笔,像个泥水匠一样把瑕疵掩盖起来。

如果你真的想摆脱窗口,正确的方法是记住什么是模式、它们来自哪里以及它们是如何工作的——然后弄清楚如何避免切换到其他模式(如果你想深入了解模式,请阅读 Jef Raskin 的《人性化界面》)。例如:软盘空间不足?不允许复制文件。软盘未插入?不要将其显示在目标列表中。现代操作系统就是这样做的——它们消除了执行可能导致错误中断的操作的可能性。

现在我们可以猜一下雅虎上的“继续”按钮的作用了:它启动了一个错误调试模式。在该模式下,用户被赋予了程序员的角色,并被迫修复所有导致程序崩溃的空值和未定义值。不幸的是,开发人员并没有意识到这对普通用户来说有多么糟糕。我希望他们至少明白,他们剥夺了用户返回上一个模式的能力——这违反了良好用户体验的最基本规则。

糟糕的算法变成了“最佳实践”

乍一看,似乎所有网站的错误显示都和雅虎一模一样。所以这肯定是“最佳实践”,是行业标准……但事实并非如此!每个人的做法都不一样。我们来看看亚马逊:

  1. 开始:所有字段均为空。无错误。“继续”按钮可用。
  2. 按下“继续”按钮。所有空白字段均标记为错误(最后一个字段除外)。
  3. 要消除错误,仅仅切换到另一个字段是不够的——您实际上必须输入一个值。
  4. 再次按下“继续”按钮。除第一个字段外,所有字段均为空,并标记为错误(第一个和最后一个字段除外)。

让我们来分析一下。

一个活动按钮——很好。亚马逊正在跟上雅虎的步伐。

自动聚焦到第一个字段——太棒了(雅虎没有这个功能):用户可以立即开始输入。填完第一个字段后,按“继续”键会直接将光标移动到第二个字段,也就是错误所在的地方。真是聪明的举动!

有人会反对:自动对焦在桌面端运行良好,但在移动设备上键盘会遮挡半个屏幕,所以最好隐藏它,直到用户点击输入。这样一来,你解决了一个问题,又制造了另一个问题。然后你选择你的毒药……问题是,你会认为一种弊端较小,而有些用户会认为另一种弊端更严重。无论哪种情况,你都在选择一种弊端。不要这样做(我稍后会解释如何做)。

界面可逆性。你输入一些内容,错误消失;然后你删除它并切换到另一个字段——哇,一个没有错误的空字段。所有字段都一样。将界面恢复到初始状态比雅虎要难,但由于算法不稳定,仍然是可能的。

与雅虎的同事一样,亚马逊的程序员在“继续”按钮和输入字段之间建立了心灵感应:按钮不想继续,但输入字段都大声喊出来(突然变成输出字段)。

特别要提一下密码确认框——为什么它不变成红色?不填就无法继续。想说要等到前一个框填完后才进行校验?当然,你得给用户解释一下错误校验算法,再给他们看源代码——这真的会很有帮助(讽刺)。

现在,我们来快速看一下IBM的解决方案:

激活按钮——不错。没有自动对焦,但至少界面会自动滚动到第一个字段并显示错误。

界面不可逆——无法将字段恢复到第一个屏幕上的样子。换句话说,你无法退出调试模式。那么,为什么还要有第一个屏幕(调试模式)呢?如果你认为空字段是错误,那就直接显示第二个屏幕吧。哦,你不想立刻吓到用户?还记得感知心理学吗?你决定稍后再吓唬他们,作为对他们错误的惩罚?让我再重复一遍心理学家的话:

重要的是不要用消极情绪来强化错误,因为大脑对此非常敏感,并会将这种行为记录为不值得花费精力的事情。

例子不胜枚举。以网站 capital.xyz 为例:

日期字段为空,点击“下一步”按钮,字段自动对焦。手机字段为空,点击“下一步”——完全没有自动对焦。为什么?这背后的想法是什么?剧透:根本没这回事。只是算法出了问题。

谷歌甚至更进一步——你输入的每一个字符它都会责骂你……

即使你不同意我的批评,你也必须承认,知名公司的顶级设计师和程序员在实现同一项任务时,都采用了截然不同的方式。这意味着完美的解决方案尚未找到。很可能,根本没人真正去寻找它。程序员只是在缺乏对用户交互原则清晰理解的情况下编写代码,然后跑来找设计师说:“嘿,这里又有一个错误需要显示出来。”

当我为自己的项目设计错误显示时,我没有依赖别人的解决方案——我依靠科学。我在撰写本文时收集了来自雅虎、亚马逊和 IBM 的示例。在对所设计机制背后的原理没有深入理解之前,研究参考文献是有害的。你只会捡起别人的错误,然后引用权威文献来为自己辩护。几乎每个人都这样做。没有人愿意重新发明轮子——工业程序员没有时间或动力去做这件事。所以每个人都坚持使用老式的命令行、字母数字显示方法。还记得当时错误是如何显示的吗?如果没有,来看看控制台:

如今,界面开发人员仍在做着同样的事情:直接把错误日志直接倒在屏幕上。21世纪唯一的升级?把文本涂成红色,然后把信息分散到屏幕的不同位置。

这可不行。我们赶紧解决吧!

事件与状态

我们用“错误”这个词来描述两种截然不同的事物:事件状态。快速回顾一下:当处理器尝试执行无效操作时,它会触发中断并进入调试模式。这是一次性事件。我们说“发生了错误”。然后,我们去寻找导致崩溃的内存中的特定值。该值——或者更准确地说,存储单元的状态——也称为“错误”。换句话说,我们模糊了因果之间的界限——仅仅是因为我们没有想出单独的词。为了避免混淆,我将使用两个术语:进程错误(事件,某个时间点)和数据错误(内存中的错误值,一种状态)。

我们来看一个邮箱输入框。缺少“@”符号?这是数据错误。被邮件服务器退回邮件?这是流程错误。或者以邮政编码为例。位数太少?这是数据错误。数据库中找不到邮政编码?这是流程错误。

空字段

输入字段只是一个数据容器。数据可能会缺失。如果你没有输入生日,并不意味着你出生在零日。这个输入字段根本没有数字,只有占位符“日”。数据缺失了。

因此,空白字段并非数据错误。不存在的东西本身就不是什么错误。空白字段是创建数据的机会,是一个良好的起点,也是一个互动的邀请。你可能已经注意到,空白表单看起来比已填充的表单更优雅。那么,为什么要用有毒的红色来破坏它呢?谁会喜欢与标记为危险的字段互动呢?

不要这么做。我准备了一个交互式原型来向你展示应该怎么做。

状态改变

让我们看看电水壶中按钮和水的状态是如何变化的。打开电水壶。水沸腾后,按钮会弹开。但触发按钮的不是水,而是温度传感器。如果传感器损坏或丢失,按钮就不会弹开。

现在手动按下按钮——水不会突然变冷。了解导致状态变化的具体原因很重要。

规则如下:如果对对象 A 执行了某个操作,那么只有 A 的状态可以改变,而对象 B 的状态则不能改变。要更改 B 的状态,需要一个直接作用于 B 的独立进程。

例如,数据库搜索可能会触发索引重建——这会更改数据库本身,但不会改变您搜索的值。

让我们来看一个常见的 UI 设计错误。用户想通过邮政编码查找城市。他们输入邮政编码,点击“搜索”,然后……输入框变红,或者值消失了。发生了什么?这是一个流程错误——数据库中没有结果。但 UI 却将其显示为数据错误,就好像用户输入了错误的邮政编码一样。但也许邮政编码是有效的——只是城市还没有添加到数据库中。也许五分钟后就会添加。用户并没有输入错误数据。输入框不应该受到指责。我们无权触碰它。流程错误需要以不同的方式显示(稍后会详细介绍)。

一次一个动作

根据希克-海曼定律,提供的选项越少,用户选择所需内容的速度就越快。将这一原理推向极致,便可得出“一屏一操作”原则。有人可能会说,复杂的程序不可能简化到这种程度,但让我们回想一下 Hanx Writer 文本编辑器——苹果设计奖得主——它几乎精简了所有内容。或者想想在 Photoshop 中按下一个按钮就可以隐藏整个界面,只留下一个工具可见。在某些情况下,“一屏一操作”原则非常有效。至少,在放弃它之前,先尝试一下。

在优化了开立经纪账户的网页工作流程后,我决定在移动应用中测试这种方法。看看我的交互式原型吧——它通过了 17 位用户的快速测试,与旧版本(每个屏幕有多个输入字段)相比,速度提升了 13%。

有人可能会说,时间的提升并不大——少了52秒,而不是整整一分钟。但首先,试着数到8——这实际上是一段相当长的时间内,任何事情都可能发生。其次,测试表明时间减少了,而不是像一些人担心的那样增加了。他们假设额外的屏幕转换会减慢用户的速度,但结果却恰恰相反:信息越少,用户处理速度就越快。当只有一个操作可选时,用户会毫不犹豫地执行。

原型就是这样。屏幕上只有一个输入字段。用户输入数据,按下“继续”,屏幕就会滚动到下一步。如果你手动尝试在空白字段处向前滚动,屏幕会迅速弹回:“不行,不行”。输入字段保持焦点,提示用户输入数据。无需任何额外的高亮——毕竟,它是屏幕上唯一的字段。完美。

如果你点击“继续”,但输入框为空或邮箱地址缺少“@”符号,键盘会弹回来,仿佛在说:“想继续吗?那就继续填写吧。” 没有任何错误信息!

我再强调一遍:我们不会隐藏错误信息。相反,我们设计的系统绝对不会出错。没有数据就意味着没有数据错误。没有流程就意味着没有中断或调试模式。这里唯一的期望是数据以正确的格式输入。顺便说一句,这里有一个很棒的方法——接受任何合理格式的数据。例如,Sberbank.ru 允许您输入带有国家代码 (+7)、本地前缀 (8) 或完全不带区号的电话号码。

从本文俄语版的评论来看,并非所有人都理解原型的用途。有些人期望看到一个完美无瑕、随时可用的产品(一个他们可以直接复制的产品),结果却大失所望,对诸如缺少重新发送短信验证码的选项之类的问题吹毛求疵。让我再次澄清:本文中的原型并非成品的精确复制品。它们的唯一目的是展示如何消除错误信息。

现在,让我们将此解决方案扩展到界面无法简化为“一屏一操作”模式的情况。 “Ingos Investments”的原型反映了数据量巨大,以至于每个屏幕上必须显示多个字段的情况。

让我们设想一个场景:用户尚未填写所有字段,点击了“继续”按钮。界面立即聚焦于第一个空白字段,调出屏幕键盘,并滚动到该字段正上方,方便用户查看正在输入的内容。即使屏幕上有多个字段,我们仍然坚持“一次一个操作”的原则,巧妙地将其他字段隐藏在键盘下方。在活动字段下方,会出现一条提示:“所有字段必须填写”。这不是错误消息,而是一个有用的提示,没有任何令人担忧的危险信号。

当用户点击屏幕键盘上的“下一步”时,他们只会跳转到下一个字段——这和填写表单的常规流程一样,而不是笨重的错误调试模式。提示已经给出,所以用户不太可能再次尝试填写空白字段。但如果他们真的这么做了,那么他们会再次看到这个温馨提示。

怀疑论者可能会说:“但如果空白字段位于屏幕最顶部,无法滚动到键盘上方怎么办?或者,如果网站是在桌面上打开的,根本没有屏幕键盘怎么办?” 答案是:没什么大不了的。所有这些极端情况都在原型中得到了完美的体现。我也听到过这样的担忧:“如果我们不把每个字段都涂成红色,用户就不会意识到需要填写”。测试表明,这些担忧是毫无根据的。这些担忧背后真正的恐惧,是害怕打破常规,尝试一些真正新颖的东西——一些对用户更有利,而不仅仅是对我们自己更有利的东西。

州经理

为了创建“Ingos Investments”的原型,我编写了一个状态管理调度器。交互元素将其内容报告给管理器,然后管理器决定如何处理它们。

程序员常说输入字段是独立的元素。邮箱字段不知道电话字段里的内容。当你切换输入字段时,它会触发对其内容的验证。当你点击“继续”按钮时,所有输入字段都会收到一个命令——检查你的数据。这就是为什么它们会突然一起亮起红灯。这就是它的构造方式。程序员说你无法改变它。设计师也相信这一点。不过亚马逊的例子表明,密码确认字段确实知道前一个字段的内容。所以他们可以随时修改。

这意味着你可以而且应该创建一个状态管理器。当用户尝试跳转到下一个屏幕时,状态管理器会检查所有字段,找到一个包含不完整或无效数据的字段,将用户带回该输入框并显示提示。本质上,这是一次时光之旅——回到用户出错的点。因此,将后续字段标记为错误是没有意义的——它们发生在将来,而用户尚未到达它们。

使用状态管理器,您还可以在鼠标悬停在“继续”按钮上时检查字段内容。如果数据缺失,按钮的标签会更改为特定的字段名称,例如“输入街道”——这遵循了时效性原则(用户尝试继续,但需要填写字段,我们会通知他们)。这个新标签在按钮和字段之间建立了视觉联系,使程序员有理由将这两个元素的行为联系在一起。

程序员可能会问:“为什么要把事情复杂化?” 没错——对程序员来说越复杂,对用户来说就越容易。这是规则。说实话,这只需要一两天的时间。需要更多精力的是通知系统。数据错误和流程错误应该显示在各自的层级结构中:数据错误应该显示在数据容器中,而流程错误应该显示在应用程序范围的通知中。这是一个完全独立的主题,我希望有时间写一篇关于通知设计的文章。

结论

因此,我们发现了以下事实:

  1. 绝大多数现有解决方案都归结为切换到“错误纠正模式”,而退出该模式要么不可能,要么极其困难(只能通过算法中的错误)。这种方法虽然被广泛接受,但各地的实现方式却有所不同:空白字段可能被视为错误,也可能被视为正常,有时甚至会在同一屏幕上混合出现。用户会背负负面情绪,因为系统会“惩罚”他们破坏程序。这种方法绝对不可接受,必须予以纠正。
  2. 缺少数据并不意味着数据错误。空白字段是互动的邀请,而非危险信号。
  3. 我们不需要两种模式:数据录入和纠错。一种模式——数据录入——就足够了。
  4. 数据错误和流程错误是不同的。它们应该显示在相应的层级结构中:数据错误应该显示在数据容器中,而流程错误应该显示在全局通知中。
  5. 如果您希望对一个对象执行的操作影响另一个对象,请在它们之间建立清晰的视觉联系。
  6. “一屏一操作”原则一定要试一下。如果有效,那你太棒了!
  7. 编写一个简单的状态管理调度程序。借助它,你可以引导用户回到最早未完成的步骤。
  8. 创建原型——它们是新想法的最佳概念证明。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

分析 128 家科技公司的标志我们发现了什么

杰睿 设计思维

阿蒂奥姆•达辛斯基

几年前,我需要为客户设计一个标志,但却找不到一个拥有设计精良、相关标志的好地方来激发灵感。

所以当时我创建了Logggos——一个拥有约 1,000 个科技公司、代理商和 DTC 品牌精选徽标的网站。

我还分析了 128 个科技/SaaS 公司的标志,以了解他们使用的字体、结构和形状。

我很快收集了下面的结果,展示了什么让标志感觉“科技化”(如果你想实现或避免这种外观)。

标志结构

72% 的 Logo 使用图标 + 文字

21% 仅使用文本,6% 仅使用图标。

30%带有图标的徽标在图标中使用其名称的首字母:

33%使用基本形状 - 正方形,圆形,三角形等。67
%使用图形复杂形式(例如箭头,波浪):

空 = 复杂形状(例如箭头、波浪)

排版

93% 使用 Sans-Serif 字体系列:

虽然SerifSerif-SlabScript字体在 DTC 品牌中非常常见,但在科技标志设计中它们却非常罕见。

字体案例

全部小写(“gusto”):42%
标题大小写(“Gusto”):48%
全部大写(“GUSTO”):10%

过去几年,从全大写改为标题大小写或全小写已成为一种趋势。沃尔玛、史泰博、AT&T、Tand 等大公司都放弃了全大写。万事达卡和费雪等品牌也从标题大小写改为全小写。看来科技行业也出现了类似的趋势。沃尔玛、史泰博、AT&T、Tand 等大公司都计划放弃全大写万事达卡和费雪等品牌已将标题大小写改为全部小写。看来科技行业也出现了类似的趋势。

100% 的双词名称单词之间没有空格

(例如 NetSpring 而不是 Net Spring)

我们调查的公司中,有 30% 的公司名称由两个单词组成。所有使用两个单词的公司都选择不在其徽标中拆分单词(例如 NetSpring 和 Net Spring)。这与那些喜欢拆分单词的消费品牌(例如 Fresh Sends)有所不同。

51% 的标志是黑色

抱歉,图表饼图的颜色与名称不匹配:)

当品牌选择颜色时,最受欢迎的颜色是:蓝色(18%)、橙色(10%)和绿色(8%)。

这是与消费品牌的另一个不同之处,与科技公司相比,消费品牌更有可能在其标志设计中使用颜色。

 

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

UI设计师应有的品牌意识!

涛涛 设计思维

UI 设计师虽非品牌设计师,但需具备品牌思维,在设计中融入品牌基因,可增强产品独特性、用户记忆点与信任感,带来更大附加价值。文章围绕品牌色、功能图标、装饰性元素、品牌形象映射四个方面,解析 UI 设计中的品牌概念及实践方法。

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

杰睿 用户研究

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

这完全是胡说八道。

我们的团队需要创造价值,而不仅仅是漂亮的图景或没完没了的研究项目,以及一堆繁琐的纸上谈兵。我们应该像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

设计不再具有颠覆性。我们还能重新找到设计灵感吗?

杰睿 行业趋势

黑色田野上的复古未来主义插图。现代雕塑和雕像,超现实的几何形状,线框,赛博朋克元素和透视网格。流行迷幻科技风格的抽象矢量插图。
作者:Martyshova

是的。我们想知道为什么产品设计界这么多人都走到了崩溃的边缘?我想说,我不认为设计已死。只是我觉得我们迷失了方向。

2023年,Airbnb首席执行官布莱恩·切斯基(Brian Chesky)曾说过: “设计师必须有勇气。”说实话,我们过去确实很有勇气。一种无所畏惧的自信,一种打破现状的近乎疯狂的喜悦。“惊喜与愉悦”、“精益求精,保持简洁”一直是我多年来领导设计团队的座右铭。

我陷入了以收入为中心、痴迷于图案设计的陷阱。

然而,不知何故,在某个时刻,也许是在无休止的会议、OKR、业务目标和盈利报告的催促下;又或许是因为公司内部不断边缘化设计——这种自信消失了。我们从协作型的摇滚明星变成了解决问题的小齿轮,再变成了生存主义者。因为现在机器来了。

观察氛围

多年来,我本着脆弱的精神,陷入了以收益为中心、痴迷于图案设计的陷阱。DS 是一种令人兴奋的、以特定价格点进行设计的方法。让我们去创造收益!让我们去优化利润!让我们快速实现各种创意!我们为什么要在应该创新的时候重复造轮子呢?

听起来很熟悉?
这就像个兔子洞。我和同事们聊过,大家都觉得,

  • 为什么每次想到 ux/ui 设计我都会感到沮丧,尽管我对它充满热情?
  • 为什么我对当前的设计和产品方法感到沮丧,即使它有效?(是吗?)
  • 为什么尽管我热爱我所做的事情,但我的创造力却不再因工作而得到满足?
  • 为什么怀念互联网的狂野西部时代,尽管它充满了模糊性?
  • 尽管设计无处不在,但它已经消亡了吗?

如果我们用设计系统的方法录制一张专辑,每首歌在技术上都是完美的,但它们听起来本质上都一样。哪个用户会因为反复听这首歌而受到启发呢?我们自己的设计故事已经支离破碎了。

我们很多产品设计人员都生活在艾维所说的“企业议程已将设计和创新的重点从目标转移到利润”的境地。追求收益令人精疲力竭。创造性的故障排除被误认为是创造力。基于卡班板混乱和闪电般快速发布的产品经理微观管理的压力。MVP 地狱景象。毫无结果的 A/B 测试,因为利益相关者不理解。整体创新解决方案被所谓的“安全”的快速解决方案扼杀。而这一切都是有代价的。灵感更少,活力更少,友善更少,压力更大。更多的自我限制。更多的模仿。更多千篇一律、复杂而扁平的用户体验。等等。

转变

过去一周,我的观点与多年来形成的理念发生了转变。我最近去一家大型游戏公司面试领导职位,面试的主题是如何创造收入。这才是整个团队最关心的问题。他们没有考虑用户需求,也没有考虑他们正在构建的工作和体验的乐趣。这些从未被讨论过。

这真的让我很困扰。非常困扰。这不是我第一次遇到这种情况。我一次又一次地发现,出现了两件事:

  • 在大多数设计文化中,设计的乐趣和喜悦是不存在的
  • 人类基于价值观的行为优先于人类情感

我们大多数人都在无意识中直接促成了这一点。我们甚至没有意识到这一点。然而,要论证人类首先是情感实体,这并不需要太多说服力。我们能够立即感知和感受事物,然后再运用逻辑,这与人类的进化直接相关。然而,我们的设计方法在很多方面都缺乏这种能力。

(我在这篇文章中只关注设计的作用。但科技领域其他角色的出现,以及流水线投资回报率驱动的 IDEO 方法,无疑导致了设计优先级的下降,不再以用户感受为重点。)

我们需要重新进行重大的直觉选择并重新感受事物。

我是如何开始转变的?

有两件事无疑产生了最大的影响。

- 新的 Google Material DS “发送”按钮
。-

采访乔纳森·艾维。

 

两者都重点讨论了“欢乐与喜悦”和“火花”的设计。

谷歌界面的更新打破了所有固有规则,打造了独特的数字体验。他们抓住了机会,用数据验证了这一可能性,最终他们的努力让用户参与度提升了4倍。

Jony 在Stripe大会上的采访非常鼓舞人心。如果你今年需要看一部作品来了解设计对我们这个瞬息万变的世界的重要性,那非看不可。他让设计回归了它的本源,那就是那神奇的“火花”。

当我思考这些时,我发现伟大的设计中存在着一些更具体的事情——颠覆。

如果您今年关注一件事以了解为什么设计对于我们这个不断变化的世界如此重要,那就是它了。

在数字体验的早期,没有数据,没有关键绩效指标 (KPI),也没有流水线式的技术开发方法。当时的设计纯粹是为了品牌价值、功能和实验。我们有两个代码库:HTML 和 Flash。工作的多样性令人兴奋。网站以及最终的原生应用都易于使用,易于导航,没有算法,非常人性化。

我们也只是想打造一些我们的朋友和同事会谈论的非常酷的东西。

设计团队和工程团队围坐在一起,讨论他们想要构建的目标,并在整个过程中不断合作。如同合作伙伴一样。一份简单的路线图充满了宏大的想法和雄心壮志。方法是什么?“我想要一个能够实现_____的酷炫解决方案,因为我想做_____。”

我们受到的启发是(用艾维的话来说)“设计一些能够推动物种发展的东西”,“为人类服务”。我们也只是想打造一些非常酷的东西,让我们的朋友和同事谈论。

有些品牌正在疯狂地颠覆这个领域。比如Acorn和Airbnb。但当突破设计界限的设计如此罕见时,这对任何人来说都不是好兆头。什么时候突破设计界限的设计非常罕见,这对任何人来说都不是好兆头。

最新的颠覆者

人工智能。

我们正为此疯狂。长期以来,我们一直谨慎行事,构建一套设计方法论式的设计系统,结果却事与愿违。我和其他人一样,也为自己的谨慎行事感到内疚。不到五年,产品设计将不再像过去十五年那样存在。这原本是一个令人恐惧的前景,直到我直面恐惧。

想想看,不用再构建模式库了。不用再花费无数时间迭代数据和最佳实践。不用再熬夜撰写和设计战略方案了。这可不是设计,而是繁重的工作。说真的,让机器来做吧。

我可以重新做我最擅长的事,运用我的智慧、想象力和经验来推动事情发展。当然可以。报名吧。我就是来干这个的。

设计会发生什么?

我们不再打破常规。我们遵循着基于指标和绩效的群体思维美学。我们各自为政,各自为政,各自为政。我们用耗时的方法来构思创意。我们迷失在迭代的泥沼中。我们没有逼迫自己打破常规。

如果我们退一步,纵观设计的全局,就会发现我们所做的最伟大的设计,其核心都是“颠覆性”。敢于创新,敢于思考。它不断尝试新事物,探索新的视野。然而,我们对这门学科的内在部分却感到厌恶。

我不知道“幸运眷顾勇者”这句话是谁说的。

我的一个使命就是让它重新回到我们的世界。

回去工作。

让我们打破思维定势。

让我们都做些史诗般的事。

 

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

PC端网页的UI设计趋势

涛涛 设计思维

显示设备的多用化、智能手机应用的普及化、电子设备触摸屏的普及,这些环境变化推动了 PC 网页 UI 设计的新动向。

进阶 UI 设计能力指标体系

涛涛 设计管理与成长

本文是《进阶 UI 设计 能力指标体系》系列的上篇,围绕 UI 设计师进阶及市场需求展开

日历

链接

个人资料

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

存档