首页

桌面端界面设计 | 如何设计浅色主题 UI

杰睿 设计管理与成长

如果您曾经尝试设计轻量级 UI,您就会理解这个悖论:它看起来很简单,但却很容易出错。

增加亮度可能会导致图像变得平淡、褪色,甚至刺眼。

你以为白色=光。但这就像说糖等于甜点一样。

凭借 6 年多为 SaaS、移动和商业平台进行设计的经验,我了解到浅色主题需要与深色主题一样多的改进和意向性,甚至更多。

它们在所有环境中都体现了清晰度、对比度、结构性和实用性。

让我来分解一下。

 

浅色主题背后的心理学
将显示缩放图像

轻量级 UI 感觉:

  • 冷静的
  • 熟悉的
  • 值得信赖

这就是为什么你会在以下地方找到它们:

  • 银行应用程序
  • 医疗保健仪表板
  • 政府网站
  • SaaS 产品

在生产力应用中,81% 的用户更喜欢将浅色主题作为默认主题。

人们需要清晰的信息,尤其是在特定场景下。不要让他们失望。

总是问自己:“这会用在哪里?” 室内、室外还是移动? 这会改变一切。

设计 Light 主题的分步工作流程

1. 从柔软的中性基底开始

将显示缩放图像

避免使用#FFFFFF。认真的。

相反,我选择中等中性色,如#F4F6F8 或#F9FAFB,它们可以提供微妙的深度并减轻眼睛的疲劳。

在模态框或照片上使用透明白色覆盖层来创建深度而不反射光线。

2.建立模块化色彩系统

将显示缩放图像

使用语义标记bg-default,例如text-muted,,border-light。这使得主题保持一致且可扩展。

3. 控制对比度(不仅仅是为了可访问性)

不要止步于 WCAG 兼容性。真正的目标是现实世界的可读性。

  • 文本对比度至少为 4.5:1
  • 为灰色添加色调以增加温暖感
  • 使用鲜艳的色彩突出显示 CTA 和错误。

我犯的错误:我曾经在仪表盘中使用了符合WCAG标准的灰色文本。虽然在我的屏幕上看起来很棒,但在户外日光下用户很难阅读。

教训:合规性≠可用性。

4. 限制使用阴影

阴影很棒,但要小心。

  • 使用 1-2 个深度级别
  • 更喜欢柔和的阴影或内嵌阴影
  • 避免使用硬轮廓

5. 反射和阳光的设计

  • 在阳光直射下进行测试(是的,在户外走走)。
  • 避免使用浅色图标,因为它们会消失。
  • 使用 400 多种字体粗细。

过亮的设置可能会使屏幕对比度降低多达 40%。请适当调整。

6. 仔细突出交互状态

在浅色主题中,悬停和焦点等状态经常被忽略。

  • 使用微妙的阴影、下划线或发光效果
  • 定义每个状态:悬停、活动、禁用

专业提示:我总是在灰度模式下测试我的元件库。如果状态保持清晰,就说明我做得对。

7.不要忘记品牌个性

一个常见的错误:品牌在轻量级 UI 中消失。

反而:

  • 使用品牌颜色来调配背景
  • 使用品牌插图或图标
  • 使用字符设置空状态的样式

即使在灯光模式下,Notion 的 UI 也保持着自己的个性。

将框架应用于 Figma 社区项目

我通常会使用随机的 Figma 模板来测试我的设计工作流程。它不仅提升了我的技能,还揭示了通用 UI 的弱点。

设计师常犯的浅色主题错误

  • 过度使用空白(可读性下降)
  • 低对比度+色彩过载=不可读。
  • 没有视觉层次。
  • 忽略组件状态。
  • 在黑色画布上设计一切会导致判断偏差。

黄金法则:首先用灰度创建光图案。添加颜色只是为了提高清晰度,而不是为了定义清晰度。

设计一个令人惊叹的灯光主题是一门艺术,也是一门科学。

  • 功能胜过花哨。
  • 对比意味着清晰度。
  • 深度应该感觉自然。
  • 始终在现实世界中进行测试!

设计从来都不是孤立完成的。你的灯光主题应该存在于阳光明媚的环境、繁忙的工作站和疲惫的双眼之中。

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

人工智能不会消灭用户体验——我们才会

杰睿 设计管理与成长

图片使用 ChatGPT 生成,并经过 Photoshop 编辑。图片来源:ChatGPT、Kym Primrose。

不久之前,我还坚信我的工作不会被人工智能所左右。虽然我现在仍然大体上相信这一点,但人们争相采用人工智能解决方案的速度之快令人担忧,这让我开始怀疑。我不能责怪他们;人工智能解决方案快速、一致,而且从表面上看,通常都很有吸引力。我很乐意将人工智能融入我的工作流程中(我已经这样做了),但我并不认同人工智能应该处于创作过程的中心这一观点。它无法创造;它只能复制——麻省理工学院领导的一系列实验强调了生成性人工智能依赖于模式而不是新颖的思维。虽然这种复制效果越来越好,但它仍然依赖于已经完成的工作。正是这一部分被忽视了;世界只看到了快速、可接受的解决方案,而这正是让我担心的部分。

几十年来,我们在用户体验领域一直宣扬同理心、共同创造以及理解用户个体的重要性。然而,在实践中,这些原则仍然与紧迫的时间表和狭隘的“可用”定义相冲突。正如 Adyanth Natarajan 所说,无障碍设计方面的失败反映出用户体验行业仍然主要面向一小部分人群。同样,Andrew Tipp 认为,虽然包容性设计至关重要,但预算和时间压力往往会削弱它

尽管人们竭尽全力强调包容性设计如果得到妥善实施将带来多么大的益处,但这些领域在开发过程中仍然严重缺乏重视。这个行业讲究时间和金钱;当廉价而粗糙的解决方案唾手可得时,它根本无法承担真正的用户体验设计的沉迷。人工智能提供了这样的解决方案。但是,我们越是将设计任务交给那些从聚合数据和历史模式中学习的系统,我们就越有可能将一切标准化。如果我们现在还没有找到关键的答案,那么将创意流程交给人工智能系统并不能神奇地解锁它。包容性设计成为基准标准的梦想变得更加遥不可及。诚然,我们获得了效率,但代价是什么呢?

虽然本文的重点在于AI如何将创造力从设计流程中剔除,但我们必须承认,这种观点本身并不新鲜。Alterio 、SeoHurst等人都探讨过UX /UI设计中创造力的扼杀问题,尽管他们并未提及AI的介入。

我们今天所说的“设计”有多少是真正原创的?

摆在桌面上的是:我们大多数人的工作都受到相当严格的限制。由于无障碍指南、设计系统、素材库和社区 Figma 文件的存在,许多创意意图被剥夺了。我们所做的只是将点连接起来——而这基本上就是所有人工智能解决方案都在做的事情。它们从相同的资源中提取数据,并基于相同的设计系统和无障碍规则将点连接起来。那么,这真的是一件坏事吗?

将显示缩放图像
Figma 社区 UI 工具包截图。图片来源:Figma

对我来说,答案取决于两点。首先,使用这些工具的人是否真的受过培训,了解它们的工作原理?他们是否知道如何设计提示来减轻偏见而不是加剧偏见?即使他们不知道,雇佣这些工具的人真的在乎吗?其次,我们节省下来的时间是否真的被重新投入到探索性思考中?投入到研究、实验和面向未来的想法中?

如果是,那很好;但如果不是,我们就有可能为了追求进步的幻觉而牺牲自己的创造力。任何真正的设计师都不应该愿意接受这种交易。如果我们要把所有这些耗时、繁琐、零散的工作都交给机器,我们的大脑还有什么更好的用途呢?

人工智能作为复制者,而非发起者

说实话:人工智能并不具备创造力。真的不。它只是一种非常逼真的模仿者。它接受过已经构建、发布和批准的事物的训练。这意味着它建立在已经成功的想法之上,而这些想法并不总是最好的,只是最容易被接受或最引人注目的。

它所回收的不仅仅是设计模式和配色方案,还有偏见、规范和文化假设。如果数据集存在偏差,输出结果也会如此。我们在Buolamwini 和 Gebru 于 2018 年发表的《性别阴影》等研究中就看到了这一点,其中商业 AI 工具对深色皮肤女性的性别判断错误,错误率高达 34.7%。此类研究表明,使用从互联网和企业来源收集的数据集的商业 AI 系统往往会复制并放大现有的社会偏见。

我们用同样有缺陷的框架建立了这些系统,而我们花了几十年的时间试图拆除它们,即使我们积极尝试纠正这些错误陈述,但可能为时已晚。

Molly Wright Steenson 换了一种说法:

数据的关键在于它存在于过去。数据集的问题在于它强化了现有的偏见,而不是找到新的方法来做事和解决问题

这凸显了生成式人工智能的一个核心挑战:我们用过去的假设构建未来的工具。

人们想方设法地推销人工智能解决方案,让我们觉得它们能让我们的生活更轻松,但实际上,他们只是在沙漠里兜售沙子。我们兜售的所谓创新,不过是规模化的反馈循环(是的,我是个痴迷于反馈循环的女人)。我们教它,现在我们让它用同样的材料来教我们和自己。

现在,复制有其存在的意义。我并不是说每个登录表单或入职流程都需要革新。一些优秀的设计成果是无形的。我之前提到过,我们将这些点连接起来。然而,我们是有意识地、谨慎地(或者至少我们应该这样做)将这些点连接起来。如果人工智能成为流程中这些部分的默认设计者,我们就不得不问:这给我们带来了什么?我们到底贡献了什么?如果我们把基础工作完全外包出去,我们该如何发展这门工艺?

讽刺的是,设计本应是最能抵御这种侵蚀的领域之一。多年来,我们一直在努力争取一席之地,证明好的设计能够塑造结果、改变行为,并真正改善生活质量。如今,我们终于赢得了一席之地,却被要求将工作交给那些从未被邀请参与讨论的工具。坦白说,这些工具只关心模式,不关心环境。

更糟糕的是,那些不愿或不觉得有必要深入探究的人一致认为,人工智能的输出就是客观真理。人工智能就是神谕。它不是魔法,而是一个基于泛文化训练的系统。如果我们不小心,我们就会让自己陷入自动化,最终走向创造性的湮没。

在黑暗中跳舞

话虽如此,或许我们多年来一直被困在创意的湮没之中。我至今仍记得90年代中期到21世纪初科技界的疯狂。创新无处不在,没人知道自己在做什么,他们只想尝试一些很酷的东西。有人喜欢直板手机吗?任天堂的控制器设计?那真是疯狂,也真是棒极了。

将显示缩放图像
这是 20 世纪 90 年代末到 21 世纪初的一些实验性手机设计的拼贴画,其中包括形状像口红管、摄像机和化妆盒的手机。
有趣的00年代早期手机。图片来源:u/CosmicPelican via Reddit r/nostalgia

我认为其中大约80%都失败了。但这却是最好的失败。最终,这些疯狂的想法让位于标准,就像往常一样;要么是苹果,要么是安卓;要么是PlayStation,要么是Xbox;要么是Mac,要么是Windows。

在所有这些融合中,用户体验 (UX) 找到了立足点。随着技术的成熟,我们的期望也随之成熟。怪异不再美妙,反而令人困惑。不可预测的界面不再勇敢,而是支离破碎。用户体验 (UX) 作为一种将秩序带入混乱的方式出现,其目标突然不再是脱颖而出,而是消除摩擦,使体验看起来自然。

这绝对是必要的。良好的用户体验 (UX) 使所有这些新技术不仅可以供爱好者和早期采用者使用。用户体验标准带来了一致性、最佳实践和基于成熟经验的模板。但在追求一致性和可用性的过程中,我们失去了一些东西。我们不再问“如果呢?”,而是开始问“基准是什么?”

设计师和开发人员,请告诉我,您不使用 Apple 的人机界面指南或 Material Design 作为参考点?我会质疑任何这样做的人的诚实。

将显示缩放图像
两张突出的设计系统图:Google Material Design 和 Apple 人机界面指南。图片展示了每个系统的一些界面组件。
谷歌Material Design(上)和苹果人机界面指南(下)。图片来源:Figr

你上一次彻底改变常见 UI 元素的交互预期是什么时候?流行的东西就一定有效,何必再去重新发明轮子呢?就像我们通过设计和接触学会了如何打开门和操作炉灶一样(就像唐纳德·诺曼那样),我们也学会了如何操作下拉菜单。这就是可供性(affordance)的演变。

所以,当我们说人工智能会削弱用户体验(UX)和用户界面(UI)的创造力时,真的如此吗?它所做的并非我们多年来从未做过的事情。它引用的是相同的库和标准,使用我们共同认可的有效方法。我们所说的我们失去的东西,其实是我们很久以前就放弃的东西。

平衡之举

让我们明确一点。人工智能不是敌人,自满才是。

过去一周左右,我使用了一些AI工具,体验不错,我相信它是一款非常棒的辅助工具。但我们必须挑战它。说它胡说八道就对了。问问我的ChatGPT,我告诉它它错了多少次……

将显示缩放图像
ChatGPT 对话截图。图片来源:ChatGPT、Kym Primrose。

如果我们希望人工智能能够增强我们的工作,而不是取代其核心功能,我们就必须有意识地去行动,必须意识到自己在做什么。施奈德曼的普罗米修斯原则明确指出了这一点:如果我们以这样的方式构建高度自动化,它就能支持创造力和监督。

对我来说,成功取决于三件事:教育、融合平衡

我们需要教育自己和同事,让他们了解人工智能的真正含义、运作方式,以及它在日常工作流程中的界限。这不应该是一个孤立的过程。

这不仅仅是开发人员或用户体验设计师的问题。我们需要跨职能的人工智能素养,涵盖市场营销、用户体验、开发和质量保证;我们应该共同学习。我们都应该积极意识到局限性,设定清晰的提示,仔细审查输出,并在潜在偏见影响用户之前发现它。如果我们要负责任地构建产品,我们需要共同的语言和共同的责任。

一旦我们了解了人工智能能够以及应该为我们做什么,下一步就是整合。这不仅关乎技术层面,也关乎文化和伦理层面。仅仅选择一个工具并将其融入工作流程是不够的。我们需要编写文档:哪些工具是允许使用的,如何有效地使用它们,它们属于流程的哪些阶段,以及何时应该回归到一些手动思考。这份文档不应该是自上而下的,而应该由所有参与工作的人员共同协作构建。我们需要建立清晰的界限,并让所有人拥有共同的责任,让我们有信心在认为合适的时候,敢于表达自己的想法,并主动对抗人工智能。

这才是关键;我们不能对人工智能漠不关心。每一次使用都应该有意识,每一个解决方案都应该受到质疑。人工智能可以提供辅助,但最终决定权仍然在我们手中。

这就引出了我们的目标。如果我们的目标是通过将某些任务交给人工智能模型来提高生产力和效率,那么我们必须思考如何将这些节省下来的资金重新投资到其他地方。

实现这一目标的方法之一是重新投资研发、发散思维和突破界限的创意,这不仅能为用户体验/用户界面注入活力,还能打破停滞不前的设计模式。有了人工智能处理繁琐的工作,我们就有了探索实验性概念的空间,而这些概念通常受限于预算和时间。创新正是在这个空间中得以生存。如果没有它,我们可能会陷入无休止的循环,只输出安全、毫无灵魂的成果。我们必须展现出不断发展、适应、扩展,并保持我们创意生态系统的新鲜感,这不仅是为了用户,也是为了为我们的人工智能模型提供我们真正希望它们反映的解决方案和思维。

最后的想法

即使没有自动化,我们多年来也一直陷在千篇一律的便利循环中。人工智能并非用户体验/用户界面(UX/UI)感觉陈旧的原因,而是其结果。它只是凸显了原有缺陷。所以,与其担心人工智能会抹平用户体验/用户界面(UX/UI)的创造力,或许我们应该问问自己,为什么它一开始就如此平淡?

作为设计师,我们应该探索如何利用人工智能来支持我们的工作。它不是设计师,而是工具,就像之前的 Figma 和 XD 一样。Ben Shneiderman 在《以人为本的人工智能》一书中一针见血地指出,人工智能的目标并非取代我们,而是“增强、放大、赋能和提升”人类的潜能。如果我们选择挑战模板,设计和创造力仍然掌握在我们手中。我们的价值不应在于速度,而应在于更高效、以人为本、以体验为导向的思维方式——而这些是人工智能无法掌握的,因为无论它多么接近人类,它都永远无法成为真正的人类。

因此,如果我们不想成为自身流程的过客,就必须确保在培训、道德和研发方面的投入与在工具和集成方面的投入一样多。人工智能可以支持伟大的设计,但推动其发展的仍然是我们的好奇心、挑战和本能。所有这些最初都让这个行业令人兴奋。

 

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

「原创」ui设计 | 数据可视化意义

杰睿 设计管理与成长

 

无论你是产品经理、设计师、数据分析师,还是企业管理者,现在都绕不开一个话题:数据可视化
它不仅是图表,更是认知效率、决策效率和沟通效率的三重提升器。
但问题是——
数据可视化的真正价值不是“图画得好看”,而是“让数据真正能被理解和使用”。
这篇文章,我想和你聊聊它的本质意义、使用场景和设计要点。

 一、数据可视化的核心意义:三大关键词

  1. 理解:从“信息”到“洞察”
大量原始数据往往是无序抽象的。比如一个 CSV 表格里的几百行用户行为数据,你很难从中直接看出模式或异常。
而通过可视化,比如热力图、分布图、关系图,你可以:
  • 快速看出用户在哪个页面停留时间最长
  • 找到销售额波动与节假日之间的关联
  • 识别出系统哪个模块的报错频率最高
 可视化把“信息”转成了“洞察”。

  1. 沟通:跨角色的信息桥梁
你有没有遇到这种情况:
  • 技术写了一堆接口日志,老板看不懂
  • 产品写了一堆用户行为描述,开发理解偏差
  • 数据分析做了几页表格,运营说“太复杂了”
这些问题的底层,是信息的语言不统一
图表,是各角色之间最通用的语言。一个好的仪表盘,让技术知道重点,业务知道异常,老板知道方向。
可视化是跨角色协作的**“公共语境”**。

  1. 决策:支持及时、量化的判断依据
没有数据支持的决策,基本靠感觉。而没有可视化支持的数据,大多沉睡在数据库里。
比如,你在做这些决策时:
  • 哪个页面需要重点优化?
  • 用户从哪一步骤流失最多?
  • 运营活动ROI值到底多少?
如果没有可视化,你就只能翻一堆表格和SQL。 有了可视化,一眼看懂趋势、结构和异常
 可视化提升了决策速度 + 准确性,对商业来说是直接价值。

 二、常见可视化类型与使用场景

可视化类型 常用图形 场景举例
趋势图 折线图、面积图 日活变化、收入走势
比较图 柱状图、条形图 不同渠道对比、用户量对比
结构图 饼图、树图、旭日图 用户构成、品类占比
分布图 散点图、箱型图 用户活跃度、价格分布
流程图 桑基图、漏斗图 用户转化路径、行为流
地图图 热力图、地理图层 城市分布、物流路径
 一个优秀的数据仪表盘,不是图表堆砌,而是围绕目标问题+场景任务进行设计组合。

 三、容易被忽略的设计误区

  1. 以“图形好看”为目标,而非问题导向
错误例子:“我们加个3D柱状图看起来高端一点。” 正确方式:先问清楚业务要判断什么问题,再选图形。
  1. 一页显示太多,信息密度超载
“十个图表一屏”,结果没人看得懂。可视化应该分层次、分焦点、按角色定制。
  1. 忽略数值细节(单位、时间维度)
图表不标注单位,不注明时间区间,很容易误导。

四、数据可视化的思维转变

旧思维 新思维
图表是“美化”工具 图表是“决策”工具
先画图再找指标 先定义问题再设计图
数据放可视化页面就好 数据要讲故事、有节奏、有引导
一页尽量放满图表 每张图要有目的,能引导结论

 五、推荐几个数据可视化入门资源

  • 《Information Dashboard Design》 — 可视化设计经典书籍
  •  《The Visual Display of Quantitative Information》 by Edward Tufte
  •  工具:Tableau、Power BI、DataV、Apache ECharts、D3.js、AntV G2

 写在最后:数据不是图,是故事的线索

好的数据可视化,不是炫技的图表拼图,也不是堆叠的信息墙,而是一个个有逻辑、有问题、有方向的洞察过程
它帮你看见问题,理解用户,发现机会。
所以真正重要的不是“怎么画图”,而是“你想看清什么”。

如果你也想从0入门数据可视化,或者在做仪表盘设计、业务数据图表决策时遇到困惑,欢迎在评论区交流想法。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan
 

人工智能正在重塑用户界面——你注意到最大的变化了吗?

杰睿 设计管理与成长

告别命令,迎接意图

我们与软件交互的方式绝非一成不变。有时,它是缓慢的演变,有时则是突飞猛进。如今,越来越多的设计先锋,包括维塔利·弗里德曼艾米丽·坎贝尔格雷格·努德尔曼正在剖析人工智能应用中的新兴模式,描绘出永不停歇的格局。乍一看,这似乎只是又一次炒作周期,就像围绕着每一个新技术趋势的那种令人窒息的热情。但退一步来看,一个更深层次的转变显而易见:我们与数字系统的互动不仅在发生变化;它们的本质也在发生转变。

想象一下从胶片相机到数码摄影的转变——突然之间,用户不再需要了解曝光时间或仔细定量胶卷。他们只需点击一个按钮,剩下的就交给设备处理了。

人工智能正在为UI设计带来类似的转变,让我们摆脱僵硬、循序渐进的流程,走向流畅、直观的工作流程。交互的本质正在发生转变,正如Jakob Nielsen最近在其文章中强调的那样,这种演变需要我们全神贯注。他阐述了一个至关重要的见解:

“有了新的人工智能系统,用户不再告诉计算机该做什么。而是用户告诉计算机他们想要什么结果。”

这不仅仅是一场技术变革,更是一场哲学变革。它挑战了长期以来关于控制、自主性和人机协作的假设。我们曾经一丝不苟地掌控着每一步,而现在,我们能够定义意图,并让人工智能决定最佳的前进路径。这种转变的意义深远,堪比从命令行界面图形用户界面的转变,对于 UI 设计师来说,它既是机遇,也是挑战。

点击、滑动、询问:交互方式正在演变

但在深入探讨人工智能如何重塑交互之前,我们有必要反思一下迄今为止最直观的界面是如何定义的。1985 年,埃德温·哈金斯詹姆斯·霍兰唐纳德·诺曼发表了一篇关于直接操作界面的开创性论文。诺曼后来在《设计心理学》中定义了一些最广为接受的设计原则,而哈金斯则率先提出了分布式认知的概念。但在 1985 年,他们与霍兰一起抓住了设计史上的一个关键时刻,即直接操作逐渐成为一种主导策略。

直接操作是一种交互方式,用户使用物理、增量和可逆的操作对显示的感兴趣对象进行操作,其效果立即在屏幕上可见。NN /g

但这简单来说意味着什么呢?比如,你需要将一个文件从一个文件夹移动到另一个文件夹——这是一个典型的直接操作的例子——你看到这个文件,抓住它,然后把它移动到你想要的位置。

首先,你需要明确目标 (1)。然后,在当前文件夹中找到文件,并决定将其拖动到新位置 (2)。点击并按住文件,将其移动到屏幕上,最后将其拖放到目标文件夹中 (3)。

如果你不小心把它放在了错误的地方,你会立即看到结果,调整方法,然后再次拖动它,直到它落到你想要的位置。这种交互方式感觉很直观,因为它最大限度地减少了认知投入——系统会实时响应你的操作,强化了直接参与和掌控的感觉。

这个过程越顺畅,交互感觉就越自然、越令人满意。

将显示缩放图像
macOS 系统上两个 Finder 窗口的屏幕截图。左侧窗口打开的是“Documents”文件夹,其中显示了各种文件和文件夹,包括“Kate-comments”,它被突出显示并被拖动。右侧窗口打开的是“Measuring Usability”文件夹,其中显示了“2014–2–3-MeasuringUX.pptx”和“ROI for Usability…dition.pdf”等文件。蓝色虚线箭头表示“Kate-comments”正在从“Documents”文件夹移动到“Measuring Usability”。
在 MacOS 上使用直接操作移动文件涉及将该文件从源文件夹拖放到目标文件夹。来源

虽然缩短距离可以提高可用性,但真正定义直接操控的是参与度。作者写道:

“最能体现直接操纵的系统都给人一种定性的感觉,即人们直接参与对对象的控制——不是通过程序,不是通过计算机,而是通过我们的目标和意图的语义对象。”

几十年来,直接操控一直是设计的基本原则。然而,随着我们向人工智能驱动的系统过渡,我们必须思考这些原则如何演变——以及它们何时会被目标导向的交互所取代。

现在,想想Windows Photos 的 AI 驱动“擦除”功能。假设你给你的狗狗拍了一张照片,但照片里有一条不想要的牵引绳。你不用像十年前那样手动选择像素并精心编辑,而是只需选中牵引绳,剩下的交给 AI 处理即可。系统理解你的目标——移除牵引绳——并执行最佳解决方案。

将显示缩放图像
Windows 照片界面的 GIF 动图演示了“擦除”功能。用户从图片中选择并移除了一条狗的皮带。
Windows 照片,来源

这种交互仍然需要一定程度的操作,因为你必须指定要擦除的对象,但不同之处在于,你是在优化请求,而不是直接修改像素。你不再需要一丝不苟地编辑每个细节,而是与系统协作,以达到预期的效果。这种转变标志着 UI 设计的根本性变革。

Desolda 与其他研究人员基于诺曼的“执行鸿沟”和“评估鸿沟”理论,构建了一个模型,捕捉到了这种动态。与简单的直接操作(例如在文件夹之间拖动文件,操作需要逐步展开)不同,AI 交互需要更流畅、更迭代的过程。用户清晰地表达他们的目标,但并非手动执行每一步,而是与系统协作,优化输入,并在 AI 进行动态解释、调整和响应时对其进行引导。

将显示缩放图像
概念图展示了用户与人工智能系统之间的交互,突出了“执行鸿沟”和“评估鸿沟”。该图展示了用户如何形成意图,指定操作(重新配置、干预或询问),并通过人工智能系统执行这些操作。人工智能系统感知输入、处理并进行调整。然后,用户通过解释步骤(澄清和输出)对输出进行评估。
来源

直接操纵的持续相关性

人工智能或许正在重塑我们与科技互动的方式,但直接操控却不会消失。即使在基于意图的界面时代,用户仍然需要与人工智能系统互动,用正确的输入引导它们,将人类的目标转化为机器可读的指令。设计人工智能体验并非要取代直接操控,而是要增强它,在既有模式的基础上叠加新的交互模型,使交互更流畅、更直观,并最终增强其功能。

为了设计无缝的人工智能体验,我们需要识别并构建熟悉的模式

例如,在许多 AI 应用中,开放式提示框可以充当破冰船,帮助用户开启对话。这种方法建立在人们熟悉的输入框模式之上,几十年来,该模式一直是 UI 的标准组件,如今,它又扮演着新的角色。无论是在 ChatGPT 中输入问题,还是指示设计工具生成布局,这种方法都能提供灵活性,同时以直观易懂的方式引导用户意图。

将显示缩放图像
各种 AI 聊天机器人和助手界面的拼贴画,展示了不同的开放式输入模式。图片包含来自 ChatGPT、Claude 和 Fin 等 AI 驱动工具的多个文本输入字段。一些界面带有占位符,例如“提问”或“指定写作任务”,而其他界面则显示示例问题或答案。
打开输入模式示例,来源

这种方法不仅限于交互模式——它也扩展到用户体验框架。

例如,Evan Sunwall 提出了“Promptframes”的概念,通过将即时写作和生成式 AI 融入设计流程,作为传统线框图的补充。其目标是通过在工作流程的早期阶段融入 AI 驱动的内容生成,提高内容保真度并加速用户测试。然而,这一概念建立在线框图的基础上,这进一步强调了理解传统用户体验结构对于有效设计 AI 驱动体验的重要性。

最后的想法

不需要霓虹灯“人工智能驱动”标签;它应该无缝地融入用户旅程,感觉就像意图的自然延伸。

Netflix 的推荐系统为例。它不会打断你的体验,提醒你它正在使用高级算法。它也不会要求你配置一堆设置。相反,它会默默地学习、适应,并为你提供建议,让你感觉毫不费力——以至于你很少会停下来思考它背后的系统。这才是人工智能驱动的交互应该有的样子:它不是一个需要你费力操作的功能,而是一个根据你的需求不断改进的隐形助手。

随着我们迈向意图驱动的系统,这正是设计师应该努力追求的目标。人工智能应该减少摩擦,而不是增加复杂性。它应该赋予用户权力,而不是用不必要的选择让他们不知所措。最好的人工智能不是那种需要注意力的人工智能——而是那种能够融入你最初想要完成的任务流程中的人工智能。

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

《交互设计小白如何从“流程图思维”入门?一套拆解任务流程的实用方法》

杰睿 设计管理与成长

//写在前面:
适合人群:
视觉转交互 / UI Designer 想懂交互逻辑 / 想写出好交互文档的新手
内容结构:
  1. 流程图是什么,不是画图,是表达“用户怎么一步步完成目标”
  2. 流程图包含什么组成?(触发—操作—反馈)
  3. 初学者常犯的理解误区:关注画面,不关注“操作过程”
  4. 拆解一个真实任务流(比如“预定会议室”/“注册账号”)
  5. 如何从用户目标出发,写出一张不依赖原型图的流程清单
  6. 总结一套“新手流程图五步法”
a7af61c73dd145a5135dfffec16c8d28.jpg
很多初入交互设计的小伙伴,都会听到一个建议:“先从画流程图开始。”
但流程图到底**画什么?表达什么?**为什么它对交互设计那么关键?
今天这篇文章,我们就来系统梳理这件事,并教你如何用纯文字也能表达出完整的用户任务流程

 流程图是什么,不是画图,是表达“用户怎么一步步完成目标”

流程图(User Flow)的本质,不是图,而是一条用户的操作路径
你可以把它理解为一张“任务执行地图”:
  • 从哪里开始(入口)
  • 走过哪些关键步骤(过程)
  • 最终完成了什么(目标达成)
它不是设计页面样子,不是决定按钮放哪里,而是回答一个核心问题:用户是怎么一步步完成这件事的?
举个例子:
当你用滴滴打车的流程,其实是:
markdown
复制编辑
1. 打开App → 看到“打车”入口 2. 输入起点和终点 3. 选择车型 → 确认订单 4. 等待司机接单 → 上车 5. 到达目的地 → 支付 → 评价
这其实就是一张流程图的雏形。

流程图包含什么组成?用三段式理解(触发 → 执行 → 反馈)

为了让新手更容易掌握,我们可以把一个用户流程拆成以下三段:
阶段 说明 关键点
触发 Trigger 用户产生动机/看到入口 任务从哪里开始?入口清晰吗?
执行 Action 用户一步步完成操作 步骤顺畅吗?逻辑连贯吗?
反馈 Feedback 系统响应结果 是否完成目标?有没有确认提示?
 这三段不是理论,而是你画流程、写文档时必须考虑的三个设计面

初学者常犯的误区:关注“页面”,而忽略“操作过程”

很多设计小白在学习初期,习惯一上来就画界面、堆按钮。
但问题是——你连用户要做什么都没搞清楚,怎么知道该放什么控件?
 典型误区:
  • 原型里有“上传按钮”,但没想清楚用户是上传图片还是文件?能否预览?能删改吗?
  • 有“下一步”,但用户是否真的已经完成上一步?有没有校验、提示?
 正确思维应该是:
“用户要完成一件事 → 他需要经过哪几步 → 每一步中他需要系统给什么?”

 拆解一个真实任务流示例:「预约会议室」

我们以一个企业内部系统中的真实任务流为例:
 用户目标:预约明天下午的会议室开会

 用户流程拆解:

markdown
复制编辑
1. 登录系统 → 首页选择“会议室预约”入口 2. 选择日期 → 选择时间段(如14:00-15:00) 3. 选择会议室(系统过滤出可用的) 4. 填写用途说明 → 提交预约 5. 显示预约成功提示 → 可查看预约记录

这张流程图体现的设计思考包括:

  • 步骤是否有明确反馈?
  • 用户是否容易出错?
  • 系统是否能预防冲突时间段?
  • 可编辑、取消吗?流程中断如何处理?

 如何从用户目标出发,写出一张不依赖原型图的流程清单

很多人以为流程图就必须要“画”,但对于刚入门的同学,用文字写出一张流程清单,已经很强了!

操作方法:

以“注册账号”为例,试着这样写清楚流程:
markdown
复制编辑
【用户目标】注册一个新账号 【触发入口】 - 打开App → 点击“注册” 【执行过程】 1. 输入手机号 2. 获取验证码 → 系统发送 3. 输入验证码 → 系统校验 4. 设置密码 5. 勾选用户协议 → 点击“注册” 【反馈结果】 - 注册成功 → 跳转至首页 - 如果失败 → 显示具体错误(如验证码错误)
这个结构比直接画个框图更清晰、更全面,还方便和开发、产品对齐逻辑。

总结一套「新手流程图五步法」

很多人不知道从哪开始画流程,其实你可以用下面这套通用五步法

新手流程图五步法:

步骤 问题提示 示例
1. 明确用户目标 他要完成什么任务? 预约会议室、提交订单等
2. 确定起点入口 他从哪开始这件事? 首页、菜单栏、按钮
3. 列出关键步骤 他必须做哪些操作? 选择、输入、确认等
4. 标记系统反馈 系统会给出什么回应? 成功提示、错误校验等
5. 考虑中断/异常 用户会在哪些地方卡住? 验证失败、网络断开等
有时候不需要一次做得很完美,先写出主流程,再补充边界情况,也很棒。
 
推荐你这样开始练习:
选择一个你熟悉的 App,如微信、小红书、饿了么
模拟一个真实任务,如“下单”、“发评论”、“修改资料”
用上面五步法写出完整流程清单,别画图也行!
 
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

从实习生到高级产品设计师。职业阶梯不会告诉你不同职业层级之间的差异

杰睿 设计管理与成长

成熟的组织会使用职业阶梯来评估员工是否超出工作预期并做好晋升的准备。这些阶梯通常涵盖多个技能领域,能够精准地指示员工是否接近晋升,或者是否应该专注于提升某些领域。

去年第 12 集中,我介绍了设计师职业阶梯的基础知识。

虽然职业阶梯能够很好地展现各个层级之间的差异,这对于职业生涯刚刚起步的设计师来说非常有帮助,但它并不能涵盖我们工作的方方面面。职业阶梯并不能解释设计的定义在每个层级是如何演变的,设计工具与其他活动所占时间的比例是如何变化的,也无法解释每个层级的一对一会面有何不同。

在本文中,我将从不同寻常的角度来审视设计师的职业层级。我将探讨大多数职业阶梯图中未涵盖的各个层级之间的一些真正差异。为了使比较更具条理,我将我的思考分为七个主要方面:

  • 战略思维
  • 雇佣
  •  设计的定义
  • 设计过程
  • 项目的范围和模糊性
  •  工具
  • 一对一会议

 战略思维

低级别设计师与战略几乎没有共同点,这应该不足为奇。对于实习生、初级设计师,甚至中级产品设计师来说, “战略”这个词可能有点令人畏惧或神秘。战略是否真的在某个设计师无法进入的秘密房间里进行?

一点也不。

战略只是提前规划而已。

制定计划而不只是做出反应。

对于设计师来说,战略思维可能意味着在季度规划期间更多地参与制定 OKR,通过设计思维或设计冲刺等设计方法推动新举措的创新,并在设计过程的不同阶段提出更好的问题,以更好地了解用户、利益相关者和同行,从而提供带来积极变化的东西。

《用户体验生存指南》的 Miranda Slayter最近发表了一篇关于设计师如何开始战略思维的精彩短文:成为更具战略性的设计师的第一步

现在让我们来看看职业阶梯的每个层级是什么样的:

将显示缩放图像
战术战略范围代表了设计师整个职业生涯中设计战略方法的演变。

实习生

作为一名实习产品设计师,你很可能会被告知需要做什么,而且内容可能比较详细,但通常足以让你理解原因,无需深入探讨,也不会让你感到不知所措。因此,你的工作方式几乎完全基于策略,在这个级别上这完全没问题。

青少年

作为初级产品设计师,你仍然主要专注于执行产品经理或更资深的设计师交办的任务。策略设计目前还不在你的考虑范围之内,你应该更专注于提升其他领域,例如用户研究、视觉设计、交互设计和协作。

中级

作为一名中级产品设计师,你开始进行战略性思考,并尽早提出问题。我们为什么要这样做?这是解决客户痛点的最佳方法吗?这与我们作为一个组织正在努力实现的宏伟目标如何契合?现在是时候进行思维转换了,不要再对“战略”这个词感到恐慌,开始更多地参与优先级讨论。

高级

作为一名高级产品设计师,你被期望成为产品经理、技术主管和其他产品团队成员的战略合作伙伴。你需要从不同的角度审视问题,并从全局视角来判断什么是最重要的。你需要思考你的决策如何影响组织的长期发展。为塑造这一长期发展格局做出贡献,这种责任感正越来越频繁地出现在你的日程表上。

雇佣

随着你的成长,你的工作圈子也在不断变化。因为当你成为中级设计师时,你的角色会发生改变,你开始做的事情与实习生或初级设计师时略有不同。因此,为了做好你的工作,你最终不得不与组织中截然不同的一群同事交流。

最显著的变化发生在个人贡献者晋升为经理之后。从这一刻起,他们应该花更多时间与利益相关者和高管团队成员相处,而不是与直接下属相处。如果你渴望在未来达到这一级别,请记住这一点。

不过,本文我将仅关注 IC 角色。让我们来探讨一下实习生、初级、中级和高级设计师之间的互动是如何演变的。

将显示缩放图像
参与度图表展示了设计师如何与职业生涯不同阶段的同行互动。

实习生

作为一名实习设计师,你应该至少有一位工作伙伴:你的伙伴,通常是更资深的设计师,帮助你解决这份工作的各个方面。此外,你还处于与工程师和产品团队成员进行跨职能合作的阶段。

青少年

作为一名初级设计师,你能够自信地与工程师和产品经理讨论你的任务、想法和成果。你可以与产品的最终用户沟通,或借鉴其他团队(例如用户研究团队、客户支持团队或商务团队)收集的洞见。你仍然与一位(或多位)资深设计师保持着良好的关系,并从他们身上学习最多。

中级

作为一名中级设计师,你仍然需要与团队中的工程师和产品经理密切合作。如果你的产品依赖于组织生态系统中的其他环节,你可能偶尔需要与其他产品团队的工程师沟通。随着你越来越多地参与制定战略并产生业务影响,你开始与业务利益相关者互动。你对规划用户研究活动和与用户沟通充满信心。

 高级

作为一名高级设计师,你是跨职能协作的大师。你与来自各个部门的人员合作,从工程部门到销售部门,再到高管。你经常扮演侦探的角色,在组织内外各个地方寻找完成任务所需的信息。你在与利益相关者讨论战略时充满自信。当然,你仍然与产品团队成员保持着密切的合作。此外,作为一名经验丰富的同事,你可能会成为实习生或初级设计师的导师,与他们分享你宝贵的知识。最终,你会变得非常横向发展。

设计的定义

对于我们大多数人来说,开启产品设计师职业生涯的动机大致可以概括为以下几个方面。要么是我们希望通过设计让世界变得更美好,要么是我们在童年时期就拥有艺术细胞(但还不足以成为真正的视觉艺术家),要么是我们希望成为数字领域的创客,但并不一定精通编程。

无论你的动机是什么,只要你在这个行业待得够久,你就会注意到,你对产品设计师的角色以及整个设计行业的看法都在发生变化。设计的定义也是如此。

将显示缩放图像
设计师的职业生涯中,关注点不断演变,并决定了设计的定义。起初,设计师主要关注视觉方面,但随着他们的成长,他们开始注意到策略、解决业务问题和推动创新的重要性。

实习生

作为一名实习设计师,你的大部分时间都会花在 Figma 等设计工具上。你会被告知需要做什么,并且(希望)你能按照说明创建模型、线框图、图表和原型,供你的工程团队用来构建功能。

您对设计的定义很可能非常接近:

设计决定了它的外观,并为工程团队为我们的用户构建功能提供了有用的指导。

 青少年

作为一名初级设计师,你仍然会把大部分时间花在设计工具上,与组件搏斗,努力将它们以最易用、最美观的方式布局,然后再交给工程团队。然而,你开始质疑自己的任务,并与用户沟通。你越来越多地思考你和你的团队为什么要开发这些产品。你也开始思考你的决策会如何影响用户的生活。

您对设计的定义有点接近:

设计是一种工具,通过美观、优雅的面向客户的界面实现良好的用户体验。

中级

作为一名积累了一定经验的中级设计师,你开始意识到自己并非受雇于 Figma,仅仅是为了画一些漂亮的矩形。你加入组织不仅是为了解决用户的痛点,也是为了探索如何让组织从设计中获益。随着你逐渐在战术战略层面上迈向战略层面,你就能展现出对业务的深远影响。

您对设计的定义现在非常接近:

设计以优雅且实用的方式结合了业务、用户和工程的利益。

高级

作为一名经验丰富、经验丰富的高级设计师,你只需花费一小部分时间在 Figma 中移动矩形。你的大部分工作是探索客户需求和业务问题,并找出其根本原因。此外,你还需要战略性地思考哪些问题值得立即解决,以及如何以最大程度地发挥组织潜力的方式解决这些问题。在某些组织中,你可能负责推动创新,并与产品经理合作探索新产品和新服务的机遇。

你清楚地知道自己为什么被录用,这也决定了你对设计的定义,很可能接近于:

设计是解决业务问题和推动创新的战略组成部分,同时要牢记用户的利益。

设计过程

“你的设计流程是怎样的?”这类问题在设计岗位的面试中经常被问到。根据职位的资历和面试官的经验,答案会有所不同。经验不足的设计师往往会严格遵循他们在设计大学课程或训练营中学到的流程。经验丰富的设计师尝试过之后,就会知道事情并非那么简单。

实习生

作为一名实习产品设计师,你被教导要做的首要任务是尽可能多地了解用户的痛点。你需要识别用户画像,在同理心地图上描绘他们的感受和想法,并开始思考潜在的解决方案。你需要写下一些用户故事,创建一个最小可行产品 (MVP),设计一个漂亮的原型,并为基于任务的可用性研究准备一个场景,以验证你的解决方案的可行性和可用性。

从纸面上看,这似乎很棒,但有一个问题,你很快就会(但愿不会)以艰难的方式学到它。

青少年

作为一名初级产品设计师,你开始明白,你接到的每个项目都略有不同,有时没必要把以前学到的理想设计流程的每个步骤都照搬过来。由于你经验尚浅,独立工作能力也相对较低,所以你负责的项目并不一定很复杂,很多决定都必须咨询你的资深伙伴。

此外,您经常过快地进入解决方案领域,而没有花足够的时间去了解潜在的问题、客户需求和用户的痛点。

中级

作为一名中级产品设计师,你越来越适应独自处理复杂度更高的项目。你已经意识到设计流程需要相当灵活,并根据每个项目进行个性化调整。你越来越擅长同时处理调研、写作、跨职能协作以及多个项目的像素工作。

你花在解决问题上的时间越来越少,而是先做各种练习来了解问题。

高级

作为一名高级产品设计师,你可以轻松地同时处理多个项目。你深知,理想的设计流程在纸面上看起来很棒,但在现实生活中却行不通。它被发明出来只是为了教导新设计师吗?也许吧。如果是,那它肯定有问题,而且很遗憾没有人告诉他们,一旦入职,设计流程将会大不相同。但你已经度过了这个难关,并且意识到,你花在理解问题上的时间越多,成功完成项目的机会就越大。

所以,你经常扮演侦探的角色,追踪利益相关者、用户、客户、工程师和客户成功代表,以了解全局并做好你的工作。然后,或者在此期间,你会写下这个问题,试图将其分解并提炼其核心。你会邀请非设计师与你一起进行创意构思。之后,你会使用你最喜欢的设计或 Vibe 编码工具来创建原型,稍后再与你的客户和用户进行验证。交接过程是隐形的,但你已经从本文中了解到了这一点。

项目的范围和模糊性

我在之前的一篇文章中讨论过这个领域的一些内容,主要关注为什么在晋升决策中,工作经验的年限并不重要。

项目的范围和模糊性程度与设计师的经验及其独立性高度相关。经验不足的设计师更有可能被分配到范围较小、模糊性较低的项目,因为他们尚未准备好独立做出重要决策,在类似项目上工作的时间也不够长,并且仍在学习如何提出正确的问题。

将显示缩放图像
实习生和初级设计师位于“低模糊性,小范围”象限,而中级和高级设计师则位于“大范围,高模糊性”象限。高级设计师能够处理高度复杂且不明确的项目,而实习生则从简单明确的任务开始。

实习生

作为一名实习产品设计师,你被分配到的项目模糊性较低,范围也相对较小。原因很简单。这些只是你在这个职位上的初步尝试,你仍在学习这门手艺。你不知道在哪里寻找答案,也不知道如何提出好的问题来找到答案。因此,你需要资深同事的悉心指导才能完成你的任务。

青少年

作为一名初级产品设计师,你现在迈出了更加自信的步伐,但你仍然像个蹒跚学步的孩子。范围和模糊性与上一个级别大致相同。也许范围在规模上会更大一些,但就产品经理提出的需求而言,这些需求相当明确,没有太多需要探索的地方。不过,你可以开始协助你的产品经理和更资深的同事进行一些产品探索活动。

中级

作为一名中级设计师,你开始更加独立地工作,并且在没有太多指导的情况下做出重要的决策。你被分配的项目越来越复杂,也越来越不明确。你需要进行大量的研究和探索练习,才能找到完成项目的答案,而这些项目的规模也更大,持续时间也更长。

高级

作为一名高级产品设计师,您能够轻松地做出重要的设计决策。您负责的项目往往涉及范围广泛,且非常模糊。如果您负责产品的很大一部分、整个产品,甚至多个小型产品,这并不奇怪。

向利益相关者和组织内的其他成员寻求答案是你的生计所在。你经常扮演侦探的角色,并且非常擅长串联各种线索。有时你需要处理的只是一些零散的信息,但你经验丰富,并且拥有强大的自主权,能够充分利用这些信息。

你是产品经理和技术主管的战略合作伙伴,你们共同推动产品发现。有人会说,你在寻找答案方面比其他人高出一筹,因为你正在负责的项目甚至还没有被发现。而你和产品三人组中剩下的两个人,就是为了发现这些机会。

工具

过去几年,我观察到设计师中存在一种令人担忧的趋势,他们过于注重工具。我并非唯一一个。设计师兼作家 Artiom Dashinsky 创造了“Figmaism”一词,指的是我们行业中过于关注工具和设计的视觉层面的讨论,导致我们对自身角色可能产生的影响理解肤浅。

大约一年前,在一次采访中,我问了来自

用户体验生存指南

她对这一趋势有何看法?她非常准确地指出,经验越少的设计师,就越倾向于沉迷于工具和作品的视觉效果。

虽然工具对我们的工作至关重要,但它们并非永恒不变。什么是永恒不变的?是我们的技能,例如解决问题、协调、同理心,以及从无到有创造出有意义的事物。

将显示缩放图像
工具图表说明了随着经验的增加,对设计工具的迷恋如何降低。

实习生

作为一名实习产品设计师,你大约 90% 到 95% 的时间都花在 Figma 上。它并非你真正喜欢的工具,而是一款近年来占据市场主导地位的标准应用。你对产品设计的兴趣是从 Figma 开始的吗?很有可能。剩下的 5% 到 10% 的时间则花在文档编辑器上,你会在深入研究解决方案之前尝试分解问题,而这很可能是你仍在学习的内容。

青少年

作为一名初级产品设计师,你仍然非常注重视觉设计,因此你热爱 Figma,并努力掌握它的每一个工作流程、插件和创意技巧。你大概会花 80% 的时间在这个工具上。其余的时间则分配给你选择的文档编辑器以及各种研究和分析工具,例如 Hotjar、Amplitude 和 Dovetail。

中级

作为一名中级产品设计师,你开始意识到视觉效果并非这份工作的全部,所以你减少了使用 Figma 等设计工具的时间。我估计你大约有 50% 的时间用在了 Figma 上。剩下的一半时间则用于沟通、写作、绘制图表以及其他活动,以了解客户、企业的需求和用户的痛点。你越来越多地使用分析工具。

此外,您开始对未来的设计工具感兴趣,例如 Lovable、v0 和 Replit(许多人称之为“氛围编码”应用程序),并试图弄清楚如何将它们融入到您的工作流程中。

高级

作为一名高级产品设计师,你可能有四分之一的时间花在设计工具上。与你作为实习生或初级设计师的经历相比,这个部门发生了巨大的变化。你不再过多地探索视觉方面,因为你知道,除了用户界面之外,用户体验还有许多更重要的方面。

您可能已经测试了一些氛围编码工具,并将它们纳入设计过程的构思和原型制作阶段。

您的大部分时间都花在三类工具上:白板(FigJam、Miro、Lucid)(用于主持研讨会);文档编辑器(Google Docs、Microsoft Word、NotebookLM)(用于经常戴着侦探的帽子进行大量采访);演示文稿编辑器(PowerPoint、Google Docs、Figma Slides)(用于创建幻灯片,帮助您与利益相关者和商业团队沟通您的重要想法)。

一对一会议

定期与你的直线经理会面对你们双方都至关重要。对他们来说,这需要评估你在工作和职业生涯中是否取得了进步。他们也需要这些会议来讨论潜在问题,并提供帮助来解决这些问题。对于你来说,作为一名设计师,在这些会议上讨论的需求和主题会根据你在职业阶梯中所处的位置而有所不同。近年来,我在不同的公司领导几位实习生和初级设计师时,也观察到了这一点。这些会议会有什么不同呢?让我们来一探究竟。

将显示缩放图像
一对一会议中讨论的时间视角因经验水平而异。实习生和初级设计师会寻求针对当前日常工作的反馈和指导,因此他们不会着眼于几周后的事情。中级设计师开始进行战略性思考,因此他们会讨论几个月内将要发生的事情。高级设计师则非常注重战略性,他们的眼光会远超下个季度。

实习生

作为一名实习产品设计师,你与经理开会的时间几乎百分之百都集中在你的工作上,这会影响你的成长。当然,你也在与他们建立关系,讨论一些与工作无关的话题,以保持良好的沟通水平。但由于你经验相对不足,你需要大量的反馈和工作指导。

青少年

作为一名初级产品设计师,您的主要需求与以前一样:您需要工作反馈和指导,因此在大多数时间里,您将展示您的日常项目并询问是否以正确的方式完成。

首次晋升后,你渴望更多,所以开始对中层职位感兴趣。它和你现在的职位有什么不同?我需要学习和实现哪些目标才能尽快晋升?你的直线经理可能会为你设定具体的目标,指导你获得晋升。因此,你们的一对一会面可能会用来讨论这些目标并检查进展情况。

中级

作为一名中级产品设计师,你变得越来越独立,这会影响你与直线经理的一对一会议。你不再像以前那样详细地讨论你目前的工作。战略思考越来越频繁地出现在你的工作中,所以你很可能讨论的不是团队下周的工作,而是下个季度的工作。

你开始与来自不同团队和部门的人员更紧密地合作完成工作,因此你会寻求建议,了解如何与非设计师建立联系、与利益相关者互动,以及如何与商业团队沟通,以便他们理解你(剧透:他们并不关心你的设计系统、代币或双钻流程)。你很可能已经设定了一些季度目标,并正在努力实现这些目标以保持持续增长。

高级

作为一名高级产品设计师,你比以往任何时候都更加注重战略。你很少需要花半个小时与你的经理沟通你的日常项目(如果是这样,那就有问题了,这叫做微观管理,而问题要么是你的直线经理,要么是整个组织)。你更愿意在一对一的会议中兼顾两个主要主题:战略展望和领导力。

如果你是一位资深设计师,并希望进一步发展,那么你面前有两条路可走:IC 和管理层。两者都需要一定的领导能力。如果你选择 IC 这条路,你可能没有直接下属,但你将以身作则,监督良好实践的实施。你很可能会花费大量时间与你的经理一起准备担任这些职位。

此外,如果您已经领导一个设计师团队但尚未获得正确的头衔(这在该行业中很常见),您可以报告他们的进展和团队的战略举措。

剩下的时间,你用来讨论战略。你的产品团队(如果你负责多个产品,则多个产品团队)下个季度的重点是什么?未来6到12个月,你还计划探索和开发哪些产品?你的经理应该帮助你寻找资源和人脉,以实现战略目标。

从实习生到高级产品设计师。职业阶梯不会告诉你不同职业层级之间的差异

杰睿 设计管理与成长

成熟的组织会使用职业阶梯来评估员工是否超出工作预期并做好晋升的准备。这些阶梯通常涵盖多个技能领域,能够精准地指示员工是否接近晋升,或者是否应该专注于提升某些领域。

去年第 12 集中,我介绍了设计师职业阶梯的基础知识。

虽然职业阶梯能够很好地展现各个层级之间的差异,这对于职业生涯刚刚起步的设计师来说非常有帮助,但它并不能涵盖我们工作的方方面面。职业阶梯并不能解释设计的定义在每个层级是如何演变的,设计工具与其他活动所占时间的比例是如何变化的,也无法解释每个层级的一对一会面有何不同。

在本文中,我将从不同寻常的角度来审视设计师的职业层级。我将探讨大多数职业阶梯图中未涵盖的各个层级之间的一些真正差异。为了使比较更具条理,我将我的思考分为七个主要方面:

  • 战略思维
  • 雇佣
  •  设计的定义
  • 设计过程
  • 项目的范围和模糊性
  •  工具
  • 一对一会议

 战略思维

低级别设计师与战略几乎没有共同点,这应该不足为奇。对于实习生、初级设计师,甚至中级产品设计师来说, “战略”这个词可能有点令人畏惧或神秘。战略是否真的在某个设计师无法进入的秘密房间里进行?

一点也不。

战略只是提前规划而已。

制定计划而不只是做出反应。

对于设计师来说,战略思维可能意味着在季度规划期间更多地参与制定 OKR,通过设计思维或设计冲刺等设计方法推动新举措的创新,并在设计过程的不同阶段提出更好的问题,以更好地了解用户、利益相关者和同行,从而提供带来积极变化的东西。

《用户体验生存指南》的 Miranda Slayter最近发表了一篇关于设计师如何开始战略思维的精彩短文:成为更具战略性的设计师的第一步

现在让我们来看看职业阶梯的每个层级是什么样的:

将显示缩放图像
战术战略范围代表了设计师整个职业生涯中设计战略方法的演变。

实习生

作为一名实习产品设计师,你很可能会被告知需要做什么,而且内容可能比较详细,但通常足以让你理解原因,无需深入探讨,也不会让你感到不知所措。因此,你的工作方式几乎完全基于策略,在这个级别上这完全没问题。

青少年

作为初级产品设计师,你仍然主要专注于执行产品经理或更资深的设计师交办的任务。策略设计目前还不在你的考虑范围之内,你应该更专注于提升其他领域,例如用户研究、视觉设计、交互设计和协作。

中级

作为一名中级产品设计师,你开始进行战略性思考,并尽早提出问题。我们为什么要这样做?这是解决客户痛点的最佳方法吗?这与我们作为一个组织正在努力实现的宏伟目标如何契合?现在是时候进行思维转换了,不要再对“战略”这个词感到恐慌,开始更多地参与优先级讨论。

高级

作为一名高级产品设计师,你被期望成为产品经理、技术主管和其他产品团队成员的战略合作伙伴。你需要从不同的角度审视问题,并从全局视角来判断什么是最重要的。你需要思考你的决策如何影响组织的长期发展。为塑造这一长期发展格局做出贡献,这种责任感正越来越频繁地出现在你的日程表上。

雇佣

随着你的成长,你的工作圈子也在不断变化。因为当你成为中级设计师时,你的角色会发生改变,你开始做的事情与实习生或初级设计师时略有不同。因此,为了做好你的工作,你最终不得不与组织中截然不同的一群同事交流。

最显著的变化发生在个人贡献者晋升为经理之后。从这一刻起,他们应该花更多时间与利益相关者和高管团队成员相处,而不是与直接下属相处。如果你渴望在未来达到这一级别,请记住这一点。

不过,本文我将仅关注 IC 角色。让我们来探讨一下实习生、初级、中级和高级设计师之间的互动是如何演变的。

将显示缩放图像
参与度图表展示了设计师如何与职业生涯不同阶段的同行互动。

实习生

作为一名实习设计师,你应该至少有一位工作伙伴:你的伙伴,通常是更资深的设计师,帮助你解决这份工作的各个方面。此外,你还处于与工程师和产品团队成员进行跨职能合作的阶段。

青少年

作为一名初级设计师,你能够自信地与工程师和产品经理讨论你的任务、想法和成果。你可以与产品的最终用户沟通,或借鉴其他团队(例如用户研究团队、客户支持团队或商务团队)收集的洞见。你仍然与一位(或多位)资深设计师保持着良好的关系,并从他们身上学习最多。

中级

作为一名中级设计师,你仍然需要与团队中的工程师和产品经理密切合作。如果你的产品依赖于组织生态系统中的其他环节,你可能偶尔需要与其他产品团队的工程师沟通。随着你越来越多地参与制定战略并产生业务影响,你开始与业务利益相关者互动。你对规划用户研究活动和与用户沟通充满信心。

 高级

作为一名高级设计师,你是跨职能协作的大师。你与来自各个部门的人员合作,从工程部门到销售部门,再到高管。你经常扮演侦探的角色,在组织内外各个地方寻找完成任务所需的信息。你在与利益相关者讨论战略时充满自信。当然,你仍然与产品团队成员保持着密切的合作。此外,作为一名经验丰富的同事,你可能会成为实习生或初级设计师的导师,与他们分享你宝贵的知识。最终,你会变得非常横向发展。

设计的定义

对于我们大多数人来说,开启产品设计师职业生涯的动机大致可以概括为以下几个方面。要么是我们希望通过设计让世界变得更美好,要么是我们在童年时期就拥有艺术细胞(但还不足以成为真正的视觉艺术家),要么是我们希望成为数字领域的创客,但并不一定精通编程。

无论你的动机是什么,只要你在这个行业待得够久,你就会注意到,你对产品设计师的角色以及整个设计行业的看法都在发生变化。设计的定义也是如此。

将显示缩放图像
设计师的职业生涯中,关注点不断演变,并决定了设计的定义。起初,设计师主要关注视觉方面,但随着他们的成长,他们开始注意到策略、解决业务问题和推动创新的重要性。

实习生

作为一名实习设计师,你的大部分时间都会花在 Figma 等设计工具上。你会被告知需要做什么,并且(希望)你能按照说明创建模型、线框图、图表和原型,供你的工程团队用来构建功能。

您对设计的定义很可能非常接近:

设计决定了它的外观,并为工程团队为我们的用户构建功能提供了有用的指导。

 青少年

作为一名初级设计师,你仍然会把大部分时间花在设计工具上,与组件搏斗,努力将它们以最易用、最美观的方式布局,然后再交给工程团队。然而,你开始质疑自己的任务,并与用户沟通。你越来越多地思考你和你的团队为什么要开发这些产品。你也开始思考你的决策会如何影响用户的生活。

您对设计的定义有点接近:

设计是一种工具,通过美观、优雅的面向客户的界面实现良好的用户体验。

中级

作为一名积累了一定经验的中级设计师,你开始意识到自己并非受雇于 Figma,仅仅是为了画一些漂亮的矩形。你加入组织不仅是为了解决用户的痛点,也是为了探索如何让组织从设计中获益。随着你逐渐在战术战略层面上迈向战略层面,你就能展现出对业务的深远影响。

您对设计的定义现在非常接近:

设计以优雅且实用的方式结合了业务、用户和工程的利益。

高级

作为一名经验丰富、经验丰富的高级设计师,你只需花费一小部分时间在 Figma 中移动矩形。你的大部分工作是探索客户需求和业务问题,并找出其根本原因。此外,你还需要战略性地思考哪些问题值得立即解决,以及如何以最大程度地发挥组织潜力的方式解决这些问题。在某些组织中,你可能负责推动创新,并与产品经理合作探索新产品和新服务的机遇。

你清楚地知道自己为什么被录用,这也决定了你对设计的定义,很可能接近于:

设计是解决业务问题和推动创新的战略组成部分,同时要牢记用户的利益。

设计过程

“你的设计流程是怎样的?”这类问题在设计岗位的面试中经常被问到。根据职位的资历和面试官的经验,答案会有所不同。经验不足的设计师往往会严格遵循他们在设计大学课程或训练营中学到的流程。经验丰富的设计师尝试过之后,就会知道事情并非那么简单。

实习生

作为一名实习产品设计师,你被教导要做的首要任务是尽可能多地了解用户的痛点。你需要识别用户画像,在同理心地图上描绘他们的感受和想法,并开始思考潜在的解决方案。你需要写下一些用户故事,创建一个最小可行产品 (MVP),设计一个漂亮的原型,并为基于任务的可用性研究准备一个场景,以验证你的解决方案的可行性和可用性。

从纸面上看,这似乎很棒,但有一个问题,你很快就会(但愿不会)以艰难的方式学到它。

青少年

作为一名初级产品设计师,你开始明白,你接到的每个项目都略有不同,有时没必要把以前学到的理想设计流程的每个步骤都照搬过来。由于你经验尚浅,独立工作能力也相对较低,所以你负责的项目并不一定很复杂,很多决定都必须咨询你的资深伙伴。

此外,您经常过快地进入解决方案领域,而没有花足够的时间去了解潜在的问题、客户需求和用户的痛点。

中级

作为一名中级产品设计师,你越来越适应独自处理复杂度更高的项目。你已经意识到设计流程需要相当灵活,并根据每个项目进行个性化调整。你越来越擅长同时处理调研、写作、跨职能协作以及多个项目的像素工作。

你花在解决问题上的时间越来越少,而是先做各种练习来了解问题。

高级

作为一名高级产品设计师,你可以轻松地同时处理多个项目。你深知,理想的设计流程在纸面上看起来很棒,但在现实生活中却行不通。它被发明出来只是为了教导新设计师吗?也许吧。如果是,那它肯定有问题,而且很遗憾没有人告诉他们,一旦入职,设计流程将会大不相同。但你已经度过了这个难关,并且意识到,你花在理解问题上的时间越多,成功完成项目的机会就越大。

所以,你经常扮演侦探的角色,追踪利益相关者、用户、客户、工程师和客户成功代表,以了解全局并做好你的工作。然后,或者在此期间,你会写下这个问题,试图将其分解并提炼其核心。你会邀请非设计师与你一起进行创意构思。之后,你会使用你最喜欢的设计或 Vibe 编码工具来创建原型,稍后再与你的客户和用户进行验证。交接过程是隐形的,但你已经从本文中了解到了这一点。

项目的范围和模糊性

我在之前的一篇文章中讨论过这个领域的一些内容,主要关注为什么在晋升决策中,工作经验的年限并不重要。

项目的范围和模糊性程度与设计师的经验及其独立性高度相关。经验不足的设计师更有可能被分配到范围较小、模糊性较低的项目,因为他们尚未准备好独立做出重要决策,在类似项目上工作的时间也不够长,并且仍在学习如何提出正确的问题。

将显示缩放图像
实习生和初级设计师位于“低模糊性,小范围”象限,而中级和高级设计师则位于“大范围,高模糊性”象限。高级设计师能够处理高度复杂且不明确的项目,而实习生则从简单明确的任务开始。

实习生

作为一名实习产品设计师,你被分配到的项目模糊性较低,范围也相对较小。原因很简单。这些只是你在这个职位上的初步尝试,你仍在学习这门手艺。你不知道在哪里寻找答案,也不知道如何提出好的问题来找到答案。因此,你需要资深同事的悉心指导才能完成你的任务。

青少年

作为一名初级产品设计师,你现在迈出了更加自信的步伐,但你仍然像个蹒跚学步的孩子。范围和模糊性与上一个级别大致相同。也许范围在规模上会更大一些,但就产品经理提出的需求而言,这些需求相当明确,没有太多需要探索的地方。不过,你可以开始协助你的产品经理和更资深的同事进行一些产品探索活动。

中级

作为一名中级设计师,你开始更加独立地工作,并且在没有太多指导的情况下做出重要的决策。你被分配的项目越来越复杂,也越来越不明确。你需要进行大量的研究和探索练习,才能找到完成项目的答案,而这些项目的规模也更大,持续时间也更长。

高级

作为一名高级产品设计师,您能够轻松地做出重要的设计决策。您负责的项目往往涉及范围广泛,且非常模糊。如果您负责产品的很大一部分、整个产品,甚至多个小型产品,这并不奇怪。

向利益相关者和组织内的其他成员寻求答案是你的生计所在。你经常扮演侦探的角色,并且非常擅长串联各种线索。有时你需要处理的只是一些零散的信息,但你经验丰富,并且拥有强大的自主权,能够充分利用这些信息。

你是产品经理和技术主管的战略合作伙伴,你们共同推动产品发现。有人会说,你在寻找答案方面比其他人高出一筹,因为你正在负责的项目甚至还没有被发现。而你和产品三人组中剩下的两个人,就是为了发现这些机会。

工具

过去几年,我观察到设计师中存在一种令人担忧的趋势,他们过于注重工具。我并非唯一一个。设计师兼作家 Artiom Dashinsky 创造了“Figmaism”一词,指的是我们行业中过于关注工具和设计的视觉层面的讨论,导致我们对自身角色可能产生的影响理解肤浅。

大约一年前,在一次采访中,我问了来自

用户体验生存指南

她对这一趋势有何看法?她非常准确地指出,经验越少的设计师,就越倾向于沉迷于工具和作品的视觉效果。

虽然工具对我们的工作至关重要,但它们并非永恒不变。什么是永恒不变的?是我们的技能,例如解决问题、协调、同理心,以及从无到有创造出有意义的事物。

将显示缩放图像
工具图表说明了随着经验的增加,对设计工具的迷恋如何降低。

实习生

作为一名实习产品设计师,你大约 90% 到 95% 的时间都花在 Figma 上。它并非你真正喜欢的工具,而是一款近年来占据市场主导地位的标准应用。你对产品设计的兴趣是从 Figma 开始的吗?很有可能。剩下的 5% 到 10% 的时间则花在文档编辑器上,你会在深入研究解决方案之前尝试分解问题,而这很可能是你仍在学习的内容。

青少年

作为一名初级产品设计师,你仍然非常注重视觉设计,因此你热爱 Figma,并努力掌握它的每一个工作流程、插件和创意技巧。你大概会花 80% 的时间在这个工具上。其余的时间则分配给你选择的文档编辑器以及各种研究和分析工具,例如 Hotjar、Amplitude 和 Dovetail。

中级

作为一名中级产品设计师,你开始意识到视觉效果并非这份工作的全部,所以你减少了使用 Figma 等设计工具的时间。我估计你大约有 50% 的时间用在了 Figma 上。剩下的一半时间则用于沟通、写作、绘制图表以及其他活动,以了解客户、企业的需求和用户的痛点。你越来越多地使用分析工具。

此外,您开始对未来的设计工具感兴趣,例如 Lovable、v0 和 Replit(许多人称之为“氛围编码”应用程序),并试图弄清楚如何将它们融入到您的工作流程中。

高级

作为一名高级产品设计师,你可能有四分之一的时间花在设计工具上。与你作为实习生或初级设计师的经历相比,这个部门发生了巨大的变化。你不再过多地探索视觉方面,因为你知道,除了用户界面之外,用户体验还有许多更重要的方面。

您可能已经测试了一些氛围编码工具,并将它们纳入设计过程的构思和原型制作阶段。

您的大部分时间都花在三类工具上:白板(FigJam、Miro、Lucid)(用于主持研讨会);文档编辑器(Google Docs、Microsoft Word、NotebookLM)(用于经常戴着侦探的帽子进行大量采访);演示文稿编辑器(PowerPoint、Google Docs、Figma Slides)(用于创建幻灯片,帮助您与利益相关者和商业团队沟通您的重要想法)。

一对一会议

定期与你的直线经理会面对你们双方都至关重要。对他们来说,这需要评估你在工作和职业生涯中是否取得了进步。他们也需要这些会议来讨论潜在问题,并提供帮助来解决这些问题。对于你来说,作为一名设计师,在这些会议上讨论的需求和主题会根据你在职业阶梯中所处的位置而有所不同。近年来,我在不同的公司领导几位实习生和初级设计师时,也观察到了这一点。这些会议会有什么不同呢?让我们来一探究竟。

将显示缩放图像
一对一会议中讨论的时间视角因经验水平而异。实习生和初级设计师会寻求针对当前日常工作的反馈和指导,因此他们不会着眼于几周后的事情。中级设计师开始进行战略性思考,因此他们会讨论几个月内将要发生的事情。高级设计师则非常注重战略性,他们的眼光会远超下个季度。

实习生

作为一名实习产品设计师,你与经理开会的时间几乎百分之百都集中在你的工作上,这会影响你的成长。当然,你也在与他们建立关系,讨论一些与工作无关的话题,以保持良好的沟通水平。但由于你经验相对不足,你需要大量的反馈和工作指导。

青少年

作为一名初级产品设计师,您的主要需求与以前一样:您需要工作反馈和指导,因此在大多数时间里,您将展示您的日常项目并询问是否以正确的方式完成。

首次晋升后,你渴望更多,所以开始对中层职位感兴趣。它和你现在的职位有什么不同?我需要学习和实现哪些目标才能尽快晋升?你的直线经理可能会为你设定具体的目标,指导你获得晋升。因此,你们的一对一会面可能会用来讨论这些目标并检查进展情况。

中级

作为一名中级产品设计师,你变得越来越独立,这会影响你与直线经理的一对一会议。你不再像以前那样详细地讨论你目前的工作。战略思考越来越频繁地出现在你的工作中,所以你很可能讨论的不是团队下周的工作,而是下个季度的工作。

你开始与来自不同团队和部门的人员更紧密地合作完成工作,因此你会寻求建议,了解如何与非设计师建立联系、与利益相关者互动,以及如何与商业团队沟通,以便他们理解你(剧透:他们并不关心你的设计系统、代币或双钻流程)。你很可能已经设定了一些季度目标,并正在努力实现这些目标以保持持续增长。

高级

作为一名高级产品设计师,你比以往任何时候都更加注重战略。你很少需要花半个小时与你的经理沟通你的日常项目(如果是这样,那就有问题了,这叫做微观管理,而问题要么是你的直线经理,要么是整个组织)。你更愿意在一对一的会议中兼顾两个主要主题:战略展望和领导力。

如果你是一位资深设计师,并希望进一步发展,那么你面前有两条路可走:IC 和管理层。两者都需要一定的领导能力。如果你选择 IC 这条路,你可能没有直接下属,但你将以身作则,监督良好实践的实施。你很可能会花费大量时间与你的经理一起准备担任这些职位。

此外,如果您已经领导一个设计师团队但尚未获得正确的头衔(这在该行业中很常见),您可以报告他们的进展和团队的战略举措。

剩下的时间,你用来讨论战略。你的产品团队(如果你负责多个产品,则多个产品团队)下个季度的重点是什么?未来6到12个月,你还计划探索和开发哪些产品?你的经理应该帮助你寻找资源和人脉,以实现战略目标。

作品集:优先考虑像素而非演示文稿

杰睿 设计管理与成长

我与招聘经理和高级设计师谈论他们对设计师的要求越多,我就越支持这样的理论:作品集不应该是 X、Y、Z 案例研究,而应该是对你对细节的痴迷的探索。

深入分析你的解决方案以及你未能交付的部分,是展示你解决问题方法的绝佳方式,因为幻灯片式的解决方案并不能展现任何表面之下的东西。它只是一个面向公众的精美模型。

但是!深入研究你的粗略工作可以表明你在解决问题时确实考虑到了端到端的产品流程。

“这不起作用,因为......”是一个有趣的讨论,我知道它比与招聘经理交谈时的“这是一个流程”有趣得多。

因此,问题是:你如何证明自己对细节“痴迷”?工艺正在成为软件产品的关键差异化因素,而设计(也就是你)有能力推动这一进程。你将如何帮助这家公司突破质量界限?

好消息是,我相信这对设计师来说很有利!很多设计师都说他们做不成作品集,因为“没什么东西可展示”。但如果把作品集翻转过来会怎么样?展示你学到的东西,而不是把作品集想象成一堆摆成15度角的炫酷设备。

从单个功能中抽取单个屏幕上的单个元素。这其中涉及了多少细节?你能把每个步骤的像素级细节做到多精细?记录你的空间布局,标记所有组件,展现你的整洁,列出你如何在任务管理软件中管理这项工作,并展示 Slack 决策的截图!

-

深度挖掘的几个例子:

  1. 构建自动建议https://www.mrbrianmorris.com/work/query-formulation
  2. Spotify 更改颜色:https://spotify.design/article/better-in-black-rethinking-our-most-important-buttons

在他们决定关闭之前,该故事的一个版本最初发布在https://read.cv上。

 

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

产品设计的未来

杰睿 设计管理与成长

用户体验设计:如何设计有效的“第一次触发”?从 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

日历

链接

个人资料

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

存档