首页

兰亭妙微 多领域设计与软件开发综合服务商

杰睿 随笔的一些文章

兰亭妙微涵盖多领域业务,是界面设计公司、高端 UI 设计公司与软件开发公司的结合体。小程序设计注重用户体验,让操作简单高效;高端网站设计助力企业线上形象打造;桌面端界面设计兼顾功能与美观。
作为 UI 设计外包服务商,我们为众多客户提供过服务。技术上擅长 QT 软件开发,能定制稳定的桌面应用。16 年来,秉持 “享受设计,享受生活” 文化,以专业服务完成 640 多个项目,服务超 300 家客户,助力各行业数字化发展,提供一站式解决方案。
0ac28f9c-1ef3-45f3-95bd-896515891809.png

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

杰睿 设计管理与成长

告别命令,迎接意图

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

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

人工智能正在为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
 

15 个最佳现代 AI 解决方案,助力 UI/UX 设计开发

杰睿 设计思维

毫无疑问,人工智能极大地促进了许多领域的发展。UI/UX 设计也未能幸免,如今我们每天都能看到基于人工智能的全新工具涌现。这些工具旨在改变设计师的工作方式,使他们能够优化工作流程并自动化重复性任务。这样,他们就能更快、更准确地提供结果。由于人工智能接管了日常工作,设计师可以专注于最重要的事情——创造力和创新。优化工作流程并自动化重复性任务。这样,它们可以提供更快、更准确的结果。由于人工智能接管了日常任务,设计师可以专注于最重要的事情——创造力和创新。

人工智能对设计的影响

AI 驱动的工具正日益成为 UI/UX 设计师不可或缺的助手。它们在从原型设计、内容创作到最终设计完善的每个流程阶段提供支持。通过将 AI 集成到工作流程中,设计师可以更高效地创造更具活力和个性化的体验,同时节省时间和精力,从而加快产品发布速度并提升竞争力。

UI/UX设计师的最佳AI工具

下面我们将介绍一些可以帮助您简化工作的顶级工具。

1. Flowmapp:一款利用人工智能设计用户体验架构的工具

Flowmapp就像一个指南针,指引您穿越复杂的用户体验迷宫,帮助设计师创建清晰便捷的用户路径并生成站点地图。借助它,您可以通过创建流程图来设计网站和应用程序的架构,就像在精准的地图上导航一样。Flowmapp 的强大之处在于它与分析技术的集成,就像鹰眼一样,能够洞察用户迷失的方向,并帮助他们实时优化路径。

Airbnb 和 Nike 等品牌都使用 Flomwapp 来设计信息架构。该工具能够灵活地与分析工具集成,帮助团队优化路径,提升参与度并增加现场停留时间。

2. Uizard:人工智能驱动的界面原型设计

Uizard就像一根原型设计魔杖,能将您的草图转化为成品交互模型。它基于神经网络构建,能够快速将您的想法转化为可运行的原型,就像您跳过了草稿上的那些神奇步骤一样。Uizard 以其速度和简洁性超越竞争对手,将设计和代码集成在一个软件包中,使其成为快速界面开发的必备工具。

将显示缩放图像
用户界面

3. ChatGPT:基于 GPT-4 的 UX 文本生成

ChatGPT随时准备提供完美的描述或用户体验文本。它基于 GPT-4 模型,能够轻松适应您的需求,就像一位经验丰富的编辑读懂您的心思一样。其优势在于,它不仅节省时间,还能激发团队灵感。

将显示缩放图像
GPT 3.5 和 4.0 聊天功能的区别

4. Attention Insight:人工智能驱动的 UI 和 UX 分析

Attention Insight就像一张 X 光片,可以扫描并预测用户会在哪些地方停留。它利用人工智能技术,帮助您调整焦点,就像调整相机镜头以获得最清晰的照片一样。Attention Insight 的优势在于它能够高效精准地完成这项工作,而无需依赖耗时耗力且成本高昂的 A/B 测试。

将显示缩放图像
Attention Insight 界面

5. Khroma:一款人工智能配色方案工具

Khroma是一款个性化配色工具,可让您根据自己的喜好找到完美的配色方案。它利用神经网络学习您的偏好,并推荐能够为您的界面增添特色的配色方案。Khroma 凭借其个性化设计击败了竞争对手——它推荐的配色方案是根据您的喜好量身定制的。

将显示缩放图像
赫罗马整合

6. 让我们增强:优化图像以提高用户体验

Let's Enhance就像一个高清滤镜,能将像素化的图像转化为清晰锐利的视觉效果。在 AI 的支持下,Let's Enhance 可自动提升分辨率、纹理和色彩细节,让您的图片完美契合 UI 界面。其主要优势在于即时提升画质,这对于需要快速优化高分辨率的大型项目来说非常实用。

将显示缩放图像
让我们增强界面

7. Adobe Sensei:Adobe 产品中的人工智能

Adobe Sensei是您所有常用 Adobe 产品的强大引擎。它利用机器学习加速流程,无论是处理图像还是分析用户数据,都能将您的设计提升到更高的自动化水平。与其他解决方案不同,Adobe Sensei 内置于整个 Adobe Creative 套件中,让您的工作更快速、更便捷。

将显示缩放图像
Adobe Sensei 界面

8. DALL-E 2:基于文本的图像生成器

DALL-E 2是一位艺术家,他能根据口头描述,绘制出你所能想象的一切。它基于 GPT-3 模型,创作出细节丰富、独具匠心的图像,仿佛你的大脑直接连接到画布。在同类产品中,DALL-E 2 以其能够将传统设计工具难以表达的最抽象概念可视化的能力而脱颖而出。

将显示缩放图像
DALL-E 2接口

9. Vance AI:用于图像处理和增强的人工智能

Vance AI就像一位智能助手,可以即时增强您的图像,使其拥有专业水准。它可以提高分辨率、去除背景并校正纹理,就像经过专业摄影工作室的后期处理一样。Vance AI 使图像处理变得快速便捷,尤其是在处理大量数据时。

将显示缩放图像
使用 Vance AI 应用程序之前和之后的图像对比

10. Galileo AI:由人工智能驱动的动画工具

Galileo AI是您的专属动画师,能够瞬间赋予任何 UI 元素生命力。它运用机器学习技术,无需手动调整每一帧即可创建流畅的动画。Galileo AI 凭借速度和灵活性超越竞争对手,让设计师能够专注于创意,而非墨守成规。

将显示缩放图像
伽利略人工智能接口

11. Flow AI:构建聊天机器人和语音界面

Flow AI就像一位交互工程师,能够构建对话界面和聊天机器人,让它们像人类专家一样回答复杂的问题。Flow AI 可以帮助您创建周到的对话场景,而无需编写代码。与其他同类产品不同,Flow AI 提供简单的设置和跨平台支持,使其成为对话系统的多功能解决方案。

将显示缩放图像
Flow AI 的实际工作原理

12. 深度梦境生成器:人工智能驱动的超现实图像

这款工具将人工智能技术应用于照片和视频,创造出独特的图像,将其转化为超现实的杰作。与其他生成器不同,Deep Dream 可以让你创造出与众不同的抽象效果,让你瞬间从普通的视觉效果中脱颖而出。

将显示缩放图像
使用 Deep Dream Generator 创建的图像

13. Stark:用户体验的可访问性检查器

Stark会根据包容性标准检查你的设计。AI 会分析界面,检查对比度、字体大小和颜色组合,以确保你的产品适合所有用户。

将显示缩放图像
Stark 应用程序界面

14. 设计AI:标志和视觉概念生成

Design AI可在几分钟内创建徽标和视觉概念。它可以生成品牌标识并提供现成的解决方案,为您节省时间和资源。Design AI 在速度和经济性方面超越同行,能够在最短时间内提供高质量的成果。

将显示缩放图像
使用 Design AI 工具创建的徽标和标识

15. Loomly:人工智能社交媒体管理

Loomly可以帮助你构思创意、组织和规划内容,并推荐最佳发布时机。它会分析你的受众参与度,并为你推荐一些必定会“火爆”的帖子。

将显示缩放图像
Loomly 应用程序

利用人工智能改进设计

AI 工具彻底改变了 UI/UX 设计,尤其是在提供数据驱动的洞察方面。这减少了设计师在重复性任务上花费的时间,并赋予他们更多创造力。有了 AI 处理幕后机制,设计师现在可以专注于创建创新的、以用户为中心的界面。

虽然人工智能极大地提升了设计流程的效率,但务必牢记,它无法取代设计师独特的人类直觉和创造力。最佳设计成果源于人类洞察力与人工智能工具的协同作用,其中设计师在引导设计流程和利用人工智能提供支持方面发挥着不可或缺的作用。

结论

人工智能颠覆了游戏规则,让设计师能够轻松创建更优质、更以用户为中心的界面。如果您能够充分利用这些工具,它们将助您改进设计流程、激发创新,并提供更具吸引力和活力的数字体验。如此一来,您就可以将人工智能的技术突破与人类的技能和直觉相结合,突破可能性的界限,打造出完美的产品,开创 UI/UX 设计的未来。

 

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

以人为本的人工智能:用户体验设计师的 5 个框架

杰睿 交互设计及用户体验

以一个人为决策树中心的插图

2024 年是人工智能取得重大进步的一年,这项技术以惊人的速度融入我们的职业和个人生活。

在家里,我很享受看着我的三个小儿子以他们自己独特的方式沉浸在人工智能世界里。他们被最新一波的人工智能玩具所吸引,尤其是我们家的新“宠物”机器人Loona。它能用近乎科幻般的对话让他们着迷——这得益于与2024年5月发布的GPT-4o的集成。Loona激发了孩子们的好奇心,引发了他们富有想象力的人机对话,甚至引发了兄弟姐妹之间关于它如何“思考”的热烈讨论。他们的兴奋提醒我们,人工智能已经在塑造下一代人与科技的关系——使其更加个性化、引人入胜,甚至更容易被理解。

将显示缩放图像
Loona机器人玩具图片
KEYi Tech 的 Loona 机器人 — 图片来源:keyirobot.com

这种惊奇感一直延续到2025年,伴随着NVIDIA在CES上令人叹为观止的主题演讲拉开帷幕,这场演讲展示了人形机器人的进步。NVIDIA首席执行官黄仁勋的演示凸显了他对机器人和人工智能发展现状的着迷,以及他对未来几年快速变革步伐的有力预测。

对于用户体验设计师来说,在人工智能快速发展的时代,好奇心与奉献精神的结合至关重要。拥抱人工智能需要我们重新思考我们的流程,理解该技术的底层系统,并确保人类价值观和用户需求始终是我们创作的核心。拥抱人工智能需要我们重新思考我们的流程,了解该技术的底层系统,并确保人类价值观和用户需求仍然是我们创造的核心。

随着人工智能成为数字创新的支柱,我们作为设计师的角色也在不断演变。我们不仅要塑造界面,更要打造将以人为本的原则与全新的技术交互方式相融合的体验。这种转变要求我们像技术人员一样思考,拥抱数据驱动的系统,并将用户中心置于人工智能项目之中。

为了引领这一转变,领先的科技公司和大学为以人为本的人工智能提供了切实可行的战略。在本文中,我将分享来自 IBM、谷歌、微软和卡内基梅隆大学的用户体验框架,为应对人工智能技术和工具的快速发展提供洞见和资源。

1. IBM 的 AI/人类语境模型

IBM 的AI/人类情境模型是其AI 设计实践的核心。该模型提供了一个结构化的框架,确保 AI 解决方案能够与用户无缝交互,并随着用户输入而不断演进,同时尊重并增强其运行环境。

将显示缩放图像
IBM网站截图
资源:IBM 的 AI 设计

IBM 的 AI/人类情境模型旨在指导符合人类需求和价值观的 AI 系统的开发。该模型将 AI 驱动的体验分解为几个关键考量因素,每个因素对于创建有目的性、情境感知和以人为本的解决方案都至关重要:

  1. 理解意图:人工智能系统必须优先考虑以人为本的目标,并考虑用户的意图、情感和情境。意图代表了人工智能系统的基本宗旨,涵盖了用户和企业的目标、愿望、需求和价值观。它定义了解决方案背后的“原因”,并确保系统设计具有清晰的、以用户为中心的目标。
  2. 数据与政策:这指的是从用户和外部世界收集的原始数据,以及保护和管理其使用的政策。数据是人工智能决策的支柱,但其收集和处理必须遵守严格的道德和监管标准。情境是实现有效人工智能交互的关键。IBM 强调系统理解影响用户行为的情境和环境因素的重要性。例如,位置、时间或任务紧急程度等情境数据可以帮助人工智能提供更个性化、更相关的建议。
  3. 机器理解、推理、知识和表达:这指的是人工智能系统在其领域范围内解释结构化和非结构化数据的能力,应用逻辑分析数据并决定最佳行动方案的能力,确保知识库通过新见解动态更新的能力,以及以符合用户环境和期望的方式传达其响应的能力。
  4. 人类反应与系统改进循环:这强调人工智能系统必须被设计为与人类协同工作,而不仅仅是为人类服务,从而确保自动化与人类自主性之间的平衡。用户反应反映了用户对人工智能系统表达的真实反馈——无论是显式的还是隐式的。学习强调系统如何基于用户交互和反馈不断改进,使其能够随着时间的推移不断发展并更好地服务于其目标。
  5. 评估结果:这强调结果衡量人工智能系统对现实世界的影响,代表它如何有效地满足用户需求并有效且合乎道德地解决问题。

2. Google 的可解释性评估标准

Google 的可解释性评估标准 (Explainability Rubric)提供了一个清晰的框架,用于创建透明、公平且以用户为中心的 AI 系统,并重点强调了 22 条需要与用户分享的关键信息。随着 AI 不断影响我们的工作方式、与企业的互动方式,甚至成为我们表达自我的工具,确保用户能够理解并信任这些系统至关重要。

将显示缩放图像
谷歌网站截图
资源:Google 的可解释性评估标准

该评分标准分为三个信息级别:一般级别特征级别决策级别。

  1. 总体层面:概述您的产品或服务的运作方式,包括人工智能的作用。解释使用人工智能的主要目的和优势、商业模式以及人工智能如何促进价值创造。重点介绍为确保安全、公平和透明而采取的措施,包括与社区互动、解决偏见问题以及分享绩效信息。
  2. 功能层面:详细说明具体的 AI 功能,包括其运作方式、AI 的激活时间以及用户控制选项。解释系统限制、人工参与和个性化选项。提供有关所用数据的信息,包括训练数据、外部输入以及用户数据的处理和利用方式。
  3. 决策层:阐明具体的人工智能决策是如何制定的,系统对其输出的可信度,以及如何识别错误或低质量结果。决策完成后,应提供用户反馈渠道,允许提出异议,并清晰地告知用户错误和修复措施。

3.微软的人机交互体验(HAX)工具包

微软的HAX 工具包是一个综合框架,专为开发面向用户的 AI 产品团队而设计。它有助于概念化 AI 系统的功能和行为方式,使其成为设计早期阶段的实用工具。

将显示缩放图像
微软网站截图
资源:微软的 HAX 工具包

HAX 工具包功能多样,允许团队根据自身独特的需求、用例、产品类别和目标,混合搭配其设计工具。HAX 工具包的关键组件包括:

  1. 人机交互指南:这些是设计用户交互过程中 AI 行为的最佳实践。它们指导 AI 产品规划,以确保直观有效的体验。
  2. HAX 设计库:一个资源中心,通过可操作的设计模式和真实世界的例子来解释人机交互指南。
  3. HAX 工作簿:一种协作工具,供团队确定优先实施哪些指南,促进有重点且高效的设计讨论。
  4. HAX 剧本:该剧本专为自然语言处理 (NLP) 应用程序量身定制,可识别常见的人机交互故障并提供缓解这些故障的策略。

4. HCI Institute 的 AI 头脑风暴工具包

AI 头脑风暴工具包由卡内基梅隆大学人机交互 (HCI) 研究所的研究人员创建,旨在提炼 AI 能力,帮助团队探索如何利用 AI 构建应用。创新的停滞往往并非源于技术,而是因为团队选择了错误的项目。AI 头脑风暴工具包解决了这个问题,提供了一种结构化的方法来设计既技术可行又以用户为中心的 AI 驱动解决方案。

将显示缩放图像
HCI Institute 工具包截图
资源:HCI Institute 的 AI 头脑风暴工具包

该套件的结构化方法降低了开发不相关或不必要的AI解决方案的风险。通过关注AI的功能和用户的需求,该套件使团队能够进行周到而有效的创新。该套件将AI功能分为不同的功能,例如:

  • 检测模式(例如识别图像中的人脸)
  • 预测趋势(例如预测股票价格)
  • 生成内容(例如创建合成图像或文本)
  • 自动化操作(例如跨不同应用程序执行工作流程)

它概述了 40 个涵盖医疗保健、教育和交通等不同领域的真实 AI 产品示例。该工具包还包含创意提示、影响力-投入矩阵和绩效-专业知识网格等工具,可指导用户选择具有高影响力且可行的创意。要使用该工具包,首先要查看 AI 功能和示例,以激发您的团队灵感。然后,进行结构化的头脑风暴会议,探索机会、完善概念并评估潜在解决方案。该资源非常适合研讨会、组织战略会议和创新实验室,确保团队设计出具有影响力且以用户为中心的 AI 产品。

5. Google 的 People + AI 指南

《People + AI 指南》由 Google 的多学科团队People + AI Research (PAIR) 创建,提供了方法、最佳实践、案例研究和设计模式的全面资源,旨在帮助设计师、开发人员和产品团队创建有影响力的 AI 驱动解决方案。

将显示缩放图像
谷歌网站截图
资源:Google 的 People + AI 指南

该指南介绍了 20 多种设计模式,为 AI 产品设计提供了实用且以行动为导向的指导。这些模式专注于解决产品开发过程中的关键挑战,并围绕常见问题进行组织,以帮助团队找到相关的见解。

  • 以人为本的人工智能入门:
    包括确定人工智能是否增加价值、设定明确的用户期望以及有效解释产品优势的指导。
  • 在产品中使用人工智能:
    强调充分利用人工智能,平衡自动化与用户控制,并管理精度和召回率的权衡。
  • 引导用户熟悉 AI 功能:
    涵盖熟悉度、确保探索安全以及对新功能提供清晰的解释。
  • 向用户解释人工智能:
    专注于解释人工智能能力以便理解,适当地展示模型信心,并在直接用例之外提供更深入的背景解释。
  • 负责任的数据集构建:
    重点介绍诸如涉及领域专家、为数据标签者设计、维护数据集以及接受现实世界数据的混乱等实践。
  • 建立和校准信任:
    指导团队透明地设置隐私、错误责任以及实现用户反馈和监督。
  • 平衡用户控制和自动化:
    提供有关逐步实现自动化、在需要时将控制权交还给用户以及确保自动化安全的建议。
  • 故障期间为用户提供支持:
    鼓励规划错误解决并确保用户在 AI 系统发生故障时能够继续前进。

这五个框架为设计能够自然融入我们日常生活的人工智能奠定了基础——无论是好玩的、会对话的机器人玩具,还是让我们保持井然有序、高效的应用程序。作为用户体验设计师,以人为本的框架来处理人工智能意味着要在新技术能力与责任之间取得平衡,审视人工智能是否已准备好并适用于每个用例,并构建具有用户反馈循环的系统以推动持续改进。

 

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

用户体验设计人工智能

杰睿 行业趋势

Google NotebookLM 的抽象图形截图,展示了源加载、学习指南、音频转录和源验证等功能。方框以深色背景上明亮的颜色展示了交互式工具。

一个人工智能已经融入了用户体验/用户界面设计师的日常生活。但我们究竟在使用哪些工具?它们对我们有多大帮助?最重要的是:作为人类,我们还能做什么?
本文将通过具体的案例研究,进行清晰且最新的分析。

工作 50% 的时间(并获得更多)。

人工智能工具正在改变我们作为用户体验/用户界面设计师的职业。这不仅关乎速度,更关乎流程的质量。过去需要一整天才能完成的任务,现在只需几小时就能解决。以下是一些例子:

  • 发现(访谈、用户和竞争对手研究):2-3 天到半天
  • 线框和初始布局:4-5 天到 2-3 天
  • 复制、图像和原型: 2天到1天
  • 交接和开发手册: 2天到半天

借助有针对性的工具,我们可以通过专注于思考、愿景和验证来减少 50% 以上的运营工作。

将显示缩放图像
NotebookLM 徽标

NotebookLM是 Google 推出的一款免费 AI 工具,可以分析和合成各种类型的字体:PDF、链接、文档、音频和视频。加载的来源越多,输出效果就越好。您可以向它询问痛点、链接来源之间的模式,以及生成摘要或表格。

局限性:不太适合生成创意内容,如文案、视觉效果和创意生成,需要结构化输入,如果没有来源,它就无法发挥其 100% 的潜力,它只能解释所提供的数据,而不会创造出新的东西。

案例研究:“EVENTFINDER”——城市免费活动应用程序为
想要发现其所在城市免费活动和场地的用户创建网络应用程序(桌面和移动)的初稿。

在 NotebookLM 上上传的内容:

2 篇关于免费疫情后活动趋势的文章
1 个包含用户访谈的 PDF 文件(或一份虚拟文档)
关于 Eventbrite、Meetup、Facebook Events 等竞争对手的说明

提示使用示例:

从上传的访谈中总结出重复的用户需求

通过分析这三个竞争对手,可以得出哪些基本功能?请用表格总结一下。

寻找和参与免费本地活动时可能出现的痛点

将显示缩放图像
Google NotebookLM 的屏幕截图,其中显示了用户搜索免费活动时根据需求生成的回复。左侧是选定的 PDF 源,中间是包含答案的聊天内容,右侧是学习工具。
将显示缩放图像
Google NotebookLM 屏幕显示了根据提示生成的概念图
将显示缩放图像
ChatGPT 徽标

ChatGPT就像一个灵活的助手:它可以解释用户流程、生成微文案、定义站点地图、提供基准和策略。需要注意的是,它必须经过训练,并且查询越详细,结果就越好。

局限性:如果问题缺乏背景,答案将是通用的,它可以编造看似合理的信息,不适合复杂的结构化输出。

案例研究:“EVENTFINDER”——城市免费活动应用程序
使用 GPT 将 NotebookLM 上收集的数据转化为具体的用户体验。

提示使用示例:

担任用户体验设计,特别是信息架构方面的专家。

目标:
为健康网络应用程序定义两种替代信息架构方案。

输入:
分析我将以链接或 PDF 形式提供的内容。识别重复需求、所需功能、典型流程和基本信息。同时,还要考虑行业趋势和健康应用中的已知模式。

输出要求:
制定两份完整且独特的信息架构方案,包括:
1.1 页面地图(站点地图),包含层级结构和各部分之间的关系。1.2
每个页面或部分提供的主要功能。1.3
每个页面预期包含的内容和信息数据。1.4
主要流程描述(例如注册、用户数据收集等)。1.5
每份方案的设计原理(适用原因、采用的模式等)。

简要比较这两个提案,突出其优点和不同之处。

限制:
应用程序必须响应迅速。体验基调必须令人安心、个性化且以健康为导向。只有当外部数据来源与我提供的数据一致时,您才能依赖它们。

等我把材料发给你之后你再开始加工。

将显示缩放图像
ChatGPT 屏幕截图,其中包含根据提示和 NotebookLM 的数据生成的响应
将显示缩放图像
Figma 制作徽标

Figma Make 集成于 Figma 中,它可以根据文本提示、来自您的设计系统或可附加的参考资料创建 UI。您可以使用它来创建包含简单或复杂提示的快速草稿。目前,它仅集成在 Figma 的付费计划中。此外,您还可以使用Google 的开源工具Stitch

局限性:响应式并不总是有效,因此需要手动干预来调整布局,它不能保证元素定位或大小的绝对精确,它更喜欢现代的“外观和感觉”,但通常不考虑可访问性、层次结构或可供性的原则。

案例研究:“EVENTFINDER”——城市免费活动应用程序
根据研究和分析获得的数据,使用提示创建第一个视觉草稿。

提示使用示例:

为名为“EventFinder”的网络应用创建桌面主页,帮助用户查找城市中的免费活动。风格现代、简洁、易用。必须包含:搜索栏、推荐活动、按地点和日期筛选的筛选条件。

生成一个移动屏幕以显示事件详情:图像、名称、位置、地图、“添加到日历”按钮

为“用户资料”页面提出两种布局方案,其中包含已保存的事件和通知设置

将显示缩放图像
EventFinder 桌面主页在 Figma 上的样机,包含中央搜索栏、高级筛选器以及包含活动地图和推荐部分的双列布局。现代设计,易于访问,并针对桌面应用进行了优化。
将显示缩放图像
上面绘制的相同模型用代码行翻译
 

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

杰睿 设计管理与成长

//写在前面:
适合人群:
视觉转交互 / 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

界面设计:Web3场景下,大屏设计中的用户体验要点解析

杰睿 设计思维

73e3b0a4-2ff5-4175-beb1-2d4510ce87bc.png

d65a7188-3597-4010-9533-c1bb1e02b796.png

在传统互联网产品中,数据看板和仪表盘是常见的管理工具。而随着 Web3 技术的发展,链上行为、资产状态、合约执行等信息变得越来越复杂,如何可视化地理解这些动态数据,成为产品设计中的新挑战。
在这一背景下,数据大屏逐渐成为 Web3 项目方、平台运营方、审计安全机构等角色的重要信息枢纽。但在实际设计过程中,许多大屏项目容易陷入“炫酷外观”而忽略了核心交互体验。
本文将从交互设计的角度,探讨 Web3 场景下的大屏设计应关注哪些用户体验要点,避免“看上去很厉害,却没人真正在用”的设计误区。

一、Web3应用为何需要大屏?

Web3 应用天然拥有强数据属性:去中心化交易、流动性池、区块链浏览器、智能合约调用……背后都对应着高频、高维度、链上链下混合的数据系统。
大屏在 Web3 中的主要使用场景包括:
链上运营监控:例如 DEX 交易量、TVL 变化、用户活跃趋势
安全审计看板:异常交易预警、地址聚集行为识别
链级数据展示:Gas 消耗趋势、区块出块速度、矿工分布等
多链资产管理:跨链桥资产流通图、跨链交易流向展示
这些场景中的共通点是:数据变化快、维度多、使用者需要“实时看清”并“快速判断”。这也是大屏发挥价值的关键。

二、Web3大屏设计的5个核心用户体验要点

  1. 可读性优先于炫酷感
Web3 的数据普遍较为抽象,如交易哈希、钱包地址、Gas 费用、TVL等,对非专业用户甚至部分运营者而言并不直观。
在这种背景下,大屏首要设计目标是让用户“看得懂”,而不是制造视觉噱头。
设计建议包括:
使用足够大的字号和清晰的字体(避免细线体在大屏上模糊)
色彩控制在 2~3 个主色 + 层级灰色,避免过多亮色干扰焦点
图表需具备必要的坐标轴、单位标注、异常标记,不应纯粹装饰化
简洁比花哨更重要,清晰比动效更关键。

  1. 实时感知与状态提示
Web3 的链上数据具有强实时性,许多核心指标在数分钟内可能出现剧烈波动。因此,大屏必须能体现“当前状态”以及“更新节奏”。
建议包括:
明确标出“数据更新时间”,让用户知道当前信息的时效性
对关键变化支持动效强调,如箭头上扬/下降、数值闪动提醒等
异常状态颜色需与正常状态明确区分(避免“全绿”或“全蓝”)
此外,设计中应尽量避免让用户怀疑数据是否卡住了,这会极大削弱其对大屏的信任度。

  1. 异常可感知,支持预警反应
大屏不只是展示,更应该帮助用户“识别风险”或“发现机会”。
在 Web3 应用中,这种“感知”尤为重要,比如:
某地址在短时间内发生大量交易 → 潜在恶意行为
某资产流动性短时间骤降 → 潜在清算风险
合约调用量瞬时异常上升 → 可能被攻击或刷单
设计中可引入以下机制:
颜色警示(如红、橙色信号)
简洁文案说明(如“交易量骤增 300%”)
可展开详情但不跳转页面,降低阅读负担
将这些机制融入 UI 组件,可以极大提升大屏的实用性。

  1. 信息层次清晰、模块布局可读
由于大屏往往信息密集,如何组织信息成为交互设计的核心难点。
推荐的分层方式:
第一层:核心概览指标(如总交易量、活跃地址、Gas趋势)
第二层:分区域信息块(如按链分类,或按用户/合约分类)
第三层:详细趋势图/交易列表等可拓展内容
使用模块化的卡片布局、留白区分信息块,可以帮助用户在几秒内抓住重点,避免“眼花缭乱”的阅读体验。

  1. 可维护、可扩展、可适配
Web3 数据结构在不断演变:新增协议、新增链、新增地址标签……这就要求大屏具备良好的可维护性。
设计策略包括:
所有数据组件可复用,如“标准图表组件”、“警示模块”、“K线区块”
UI 布局具备适应不同分辨率的弹性(如1080p/4K/LED拼接屏)
尽量使用“数据结构驱动的渲染逻辑”,而非固定死图布局
在设计前期明确这些要求,可以大幅降低后期重构成本。

 
Web3的大屏设计,不是为了炫技、也不是为了迎合形式,而是为了帮助人们在复杂数据中看清趋势、发现问题、做出反应。
它的真正价值在于:
降低理解门槛
提升监控效率
提供可视化决策支持
 
 
在这个数据密集、变化迅速的领域,交互设计师的任务,就是为用户建立起这座“可感知的桥梁”。
 
如果你正在设计或评估一块 Web3 场景下的大屏,不妨从以上几点出发,重新审视它是否真正服务了使用者的体验,而不仅仅是满足了展示的需求。
如果你有正在推进的 Web3 数据大屏项目,欢迎留言交流你的设计思路与挑战,我也会持续更新关于 Web 应用与交互设计的专业观察。
 
兰亭妙微(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

日历

链接

个人资料

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

存档