首页

智能硬件的终极体验是什么

清阳 设计思维

在科技日新月异的今天,智能硬件已渗透至生活的方方面面。从智能音箱到可穿戴设备,从智能家居到自动驾驶汽车,我们被无数智能设备所包围。然而,许多智能硬件却未能真正提升生活质量,反而因操作复杂、功能冗余或体验割裂而令人失望。智能硬件的终极体验,绝非功能的简单堆砌,而应是一种无缝融入生活、无声赋能于人的智慧存在。这种体验的核心,在于回归“人”本身,通过深刻的设计愿景与方法论,重新定义科技与人类的关系。

一、当前智能硬件设计的缺失:功能至上与体验割裂

市面上大多智能硬件仍陷于“功能至上”的误区。厂商热衷于比拼参数、添加新功能,却忽略了用户真正的需求:自然、流畅且愉悦的体验。例如,许多智能家居设备需要下载独立应用、经历繁琐配置,甚至不同品牌间无法互联互通。这种设计思维本质上是“技术驱动”而非“人性驱动”,导致设备之间形成数据孤岛,用户被迫适应技术,而非技术服务于人。

更深层次的问题在于,许多智能硬件缺乏设计价值的体现。设计价值不仅是外观的美学,更是产品与用户情感、行为和生活方式的深度契合。当前大多数产品将“智能”等同于自动化或远程控制,却未能触及智能化的本质:理解上下文、预测需求并提供主动、个性化的服务。例如,一个真正的智能家居系统应当能够感知家庭成员的生活节奏,自动调节光线、温度与音乐,而非仅仅通过手机应用开关灯光。

二、设计愿景:无形与有意的融合

智能硬件的终极体验,应当如电力一般无处不在却隐于无形。它的设计愿景应聚焦于以下三点:

  1. 无缝融合(Seamless Integration):硬件应自然融入环境与日常流程,不打断用户的心流。例如,智能耳机不仅提供降噪功能,还能根据环境自动切换模式(如从通勤降噪切换到办公室通透模式),甚至监测用户健康状态并发出提醒。

  2. 主动智能(Proactive Intelligence):设备应通过持续学习用户习惯,提前预测需求并主动响应。例如,智能冰箱不仅记录食品库存,还能根据用户饮食习惯推荐食谱,并自动生成购物清单。

  3. 情感联结(Emotional Connection):智能硬件不应仅是工具,更应是懂你的伙伴。通过设计语言、交互反馈与个性化服务,与用户建立信任与情感纽带。例如,教育机器人通过鼓励式交互激发孩子学习兴趣,而非机械地完成任务。

这一愿景的实现,需依托于一种人性化的设计方法论,将技术能力与人文关怀深度融合。

三、设计方法论:从“人性驱动”到“场景化创新”

为实现终极体验,智能硬件设计需超越传统用户中心设计(UCD),转向场景化、系统化的设计思维

  1. 场景深度洞察(Deep Scenario Insight)
    设计不应始于功能定义,而应源于对用户日常生活场景的深度洞察。通过 ethnographic research(民族志研究)等方法,观察用户在不同场景中的行为、痛点与渴望。例如,智能办公设备的设计需理解开放式办公室与远程办公的不同需求,提供聚焦模式与协作模式的无缝切换。

  2. 跨设备系统设计(Cross-Device System Design)
    智能体验往往依赖多设备协同。设计需打破单设备思维,构建一致且连贯的生态系统。苹果的“接力”(Handoff)功能便是一个范例,允许用户在不同设备间无缝切换任务。未来智能硬件应更进一步,实现设备间能力互补(如手机计算力+手表传感器+电视显示屏)。

  3. 自适应交互(Adaptive Interaction)
    交互方式应自然且自适应:结合语音、手势、触控等多种模态,并根据上下文自动选择最优方式。例如,智能车载系统在检测到驾驶员疲劳时,自动切换为语音交互并建议休息。

  4. 伦理与可持续性(Ethics & Sustainability)
    终极体验必须包含对社会与环境的责任。设计需关注隐私保护、数据安全与长期可持续性。例如,设备应采用本地化处理减少数据上传,并通过模块化设计延长产品寿命。

四、终极体验:科技与人文的共鸣

智能硬件的终极体验,是科技与人文的完美共鸣。它并非炫技式的功能展示,而是于细微处改善生活品质,让人更专注於真正重要的事物:创造力、人际关系与自我实现。

当我们回望当前市场的空白,正是这种设计价值的缺失:太多产品追求“炫酷”而非“有用”,追求“销量”而非“意义”。未来真正的突破性产品,必将源于对人性深层次需求的洞察,以及将技术转化为温暖体验的设计能力。

最终,智能硬件将不再被称为“硬件”,而是成为我们生活中无声却不可或缺的伙伴。它知道你需要什么,并在你意识到之前就已准备好一切——这才是智能的终极体验。

转载:UX设计便利店

 

UI欣赏|朦胧高级的健康产品多端设计

清阳 移动端UI设计文章及欣赏

今天欣赏一组该健康类产品的UI设计,设计师还是Afterglow

image.png

image.png

image.png

by @Afterglow

 

该产品围绕智能手表与手机应用,提供运动、健康数据服务。

优点

  • 黑与浅绿主色调,科技感与活力兼具,辨识度高。
  • 心率、卡路里等数据以简洁图表呈现,可读性强。
  • 适配手表、手机多终端,满足不同场景需求。
  • 交互元素醒目,操作逻辑清晰,互动性好。

缺点

  • 部分界面信息模块稍密集,易分散注意力。
  • 色彩种类单一,缺乏视觉新鲜感。

可以学习的手法

  • 用半透明卡片展示信息,增强界面层次与科技感。
  • 通过心率波形动态示意,为界面增添活力与实时感。

转载:UX设计便利店

淘宝上线AI搜索,这交互设计太懂用户了吧

清阳 交互设计及用户体验

引言

2025年即将收官,AI已成为人人热议的话题。在过去的半年多时间里,我们围绕AI能力在搜索场景中的应用开展了多项业务探索。

image.png

 

坦率地说,目前AI与电商的结合仍处于产品验证与模式迭代的初级阶段,尚未形成成熟路径,但正因如此,蕴藏着巨大的想象空间。

这一探索过程的价值,或许不仅在于具体功能的落地,更在于让我们对用户需求、交互逻辑以及技术边界有了更深入的理解和思考。

 

搜索的边界正在消融
在传统电商搜索体验中,用户将需求转化为关键词组合,系统执行商品库检索并返回货架式的结果给到用户筛选对比,形成"用户输入-系统生产-固定响应"的循环。
这本质上是"以系统为中心"的设计范式,要求用户适应系统规则而非系统理解人类意图。AI搜索产品的出现,正在解构过往的机械体验: 
  • Input层革新:从关键词到自然语言
  • Interaction层进化:从机械操作到动态对话
  • Output层质变:从固定货架到生成式响应

image.png

▲ 传统搜索与AI搜索差异分析
在新的交互范式下,用户不再满足于“找得到”,他们期望的是“系统懂我”。这意味着AI搜索的体验设计,需要从“被动响应”转向“主动理解”。
从关键词到自然语言
AI万能搜激活页,是智能预设后的意图触发器,沿用用户最熟悉的传统搜索形态的同时,通过整个页面的场景化引导,鼓励用户进行自然语句的混合输入;
用户需求是模糊、动态且高度个体化的,因此在动态功能区中,我们保留了电商最原始的AI基因,并将其外化为搜索框动态功能区的“购物偏好”的调节能力。
在提问引导上,基于用户画像的分布式认知,AI搜索将用户的碎片化模糊需求转化为可场景化的问题链,这是AI基于对用户的认知,重新组织和包装的提问方式。

image.png

image.png

image.png

▲ 不同节点围绕意图进行输入引导
在这样的引导下,用户开始使用自然语言进行条件组合的假设,而每一步的提问则依赖于上一步的反馈演化,甚至超出用户潜意识预先规划好的路径。
从机械操作到动态对话
在对话中,当用户面对AI生成的不确定性时,需要显性化设计帮助用户理解AI的运作逻辑,建立用户对AI的信任感。
我们在“深度思考”模型形式和市场反响中得到启发,AI思考可视化的价值可能大于结果输出本身。

image.png

▲ 建立用户的确定性感知
隐性AI的显性化:设计不是简单的"暴露算法",而让用户感知“AI在做什么”以及“AI做得对”,这种设计原则不仅适用于AI对话交互,更指向未来人机协作的重要命题,让人理解AI的思考。
淘宝特色可视化:在文字表达思考过程的基础之上,加入商品属性、用户购物偏好分析、淘宝评价等内容,形成有电商特色的思考过程。表达不是AI通用泛化的知识检索,而是符合电商决策逻辑的商品深度思考。

image.png

▲ 分步转译,减缓用户等待焦虑
从固定货架到生成式响应
AI的生成式响应背后是随机性,而“随机”往往隐藏着认知的不确定性与意图的演化性。这意味着我们面临的是从“展示已知”转向“推导未知”。产品设计的重心也必须从“对结果的预设”转向“对规则与逻辑的构建”。
这其实不是设计有什么升级,更多的是设计思维方式的转变。 电商搜索场景下,AIGC(Artficial Intelligence Generate Content)的重点是文字与商品。
设计师无法穷举所有对象的组合,通过将Markdown的结构化自由与商品数据的对象化映射相结合,保证任意对象与对象的组合相容性,使得每一次自由生成的内容能够体面地交付给用户。

image.png

image.png

image.png

▲ Markdown结构与视觉基础定义
不同于其他AI产品,用户在淘宝搜索场景的核心仍然是商品,因此文字的密度与组织、文字与商品的穿插节奏尤为重要,需要设计师把握用户意图和需求与业务特点,定义基础范式反向约束调控AI。
用户的不同输入代表了不同意图,呈现出用户从模糊宽泛到具体精确的变化光谱,在对话中提供如单品卡、多品卡、折叠流、清单卡片、穿搭卡片等多种形态,灵活匹配不同意图的特征。

image.png

▲ 渐进式意图承接
在设计AI生成规则时,要根据业务特色,建立AI能力与用户体验双向适应机制。设计师不再设计完美的结果,而是创造优雅的可能性。
基础层精准响应:以答案信息准确率为核心的目标,解决“能用”的问题,设计本质是做到“通用性”,为场景化提供稳定的支撑。

image.png

▲ 商品卡承接分层
场景层动态适配:针对特定的场景行为特征和决策逻辑,进行需求细化和设计策略的分化,比如送礼意图下,通过清单式结构+场景标签,将抽象需求转化为可操作的推荐路径,依赖用户画像与场景识别能力,实现“从模糊场景到精准决策”的跃迁;
服饰美妆场景以视觉化为核心,通过穿搭视频、试色模型、直播等手段,将商品信息与感官体验深度融合,构建“看即买”的即时决策链路等。
image.png
image.png
▲ 分意图场景展示

用户意图的多样化决定了交互设计必须构建动态适配的承接体系,基础层解决“能用”的问题,场景层解决“好用”的问题,才能有机会进行体验层的价值假设,激发用户的内在动机,真正解决用户“想用”的问题。

 

AI驱动情感与行为的核心在于"技术服务于人,而非人服务于技术"。未来,如何捕捉用户情绪与购买动机,构建匹配的模型与适应的机制和设计规则,将成为我们的长期命题。

转载:UXD笔记

大厂B端产品设计师的8个走查要领,果然不一样!

清阳 用户研究

产品走查作为行业内比较常见的方法之一,它可运用在产品开发的不同阶段,由团队成员或外部专家对产品进行全面审查,以发现并改进潜在问题的过程。不仅涵盖界面设计,还包括功能完整性、易用性和性能等方面。
近期,钉钉结合B端产品的独特特征,细化和提炼出一套更具针对性的走查方法,即 “B端产品走查八大核心要领”。
这些要领不仅涵盖了传统走查的基本要素,还特别针对B端产品的功能特性和使用场景进行了优化,确保每一项都能切实提升用户体验。

image.png

接下来,我们将结合部分案例进行逐一揭秘:
Tips 1
更多角色视角,通过“三三制”构建走查链路任务
不同于C端产品,B端产品功能不仅限于个人使用,还涉及到不同角色间的协同行为和联动场景,例如企业内的人财物事,一个简单的差旅审批可能就涉及到三种不同角色间的工作协同。

image.png

为了确保走查的全面覆盖且能抓住重点,我们采用“三三制”来制定具体的走查链路及任务。主要从三个维度进行定义:
不同场景:涵盖产品核心链路的主要路径、首次使用时的新用户引导,以及弱网等异常情况下的使用。
不同角色:针对管理员、员工、KP(关键人物)和设备等不同角色,分别设计对应的链路和反馈机制。
不同终端:包括移动端、PC端和设备端,以确保在各种设备上都能顺畅完成主路径的走查。

image.png

以下是根据“三三制”构建了关于“会议室闪记'功能走查链路以及最终的用户故事和任务卡。

image.png

Tips 2
优先邀请“小白”而非专家参与走查
不论从新用户视角的重要性又或是产品心智是否符合预期,我们可以优先邀请未使用过的新用户参与走查。这样可以更真实地了解新用户对产品的初次印象及其新用户引导是否符合预期。
在近期关于闪记功能的走查中,我们观察到如果产品本身不具备心智传递的“自我代言”能力,那用户可能就会“误入歧途”,不能顺利完成走查任务。

image.png

所以这里倡导团队内部走查时,优先考虑近期入职的员工或跨业务/不熟悉业务的同学作为走查对象,以确保真实和客观。
Tips 3
提前预演走查流程,确保万无一失
在过往的走查经历中,总体都较为顺利,但也不免遇到一些小插曲,例如网络环境差、软件版本不对、设备临时宕机、走查环节设计不顺畅等。为了避免类似情况的发生,我们强烈建议在正式走查前进行全面预演。
预演不仅能帮助团队熟悉整体流程的合理性,还能提前发现并解决相关设备和技术问题,如网络环境、硬件状态、账号权限设置等。

image.png

Tips 4
精简工作人员配比
日常走查中,我们还发现过多的观察员可能会使走查人员感到紧张,从而影响走查的真实性和效果。为此,我们建议将走查会的工作人员比例设为1:2:3,即1名主持人、1-2名协助员和2-3名观察者。
这样的配置既能保证现场秩序,又能有效记录和分析走查过程中的问题。
Tips 5
多提问少解答,深入理解问题本质
走查结束后,应鼓励走查人员详细阐述所遇到的问题,并通过提问的方式进一步明确问题的根本原因。此时,团队成员应更多关注 Why和How,而非急于给出解决方案。这种做法有助于准确把握问题的核心,避免后续理解偏差。

image.png

Tips 6
应用“善存法则”归类问题,明确优先级
面对走查中产生的大量问题,如何合理划分优先级至关重要。我们引入了一套名为“善存法则”的分类标准,具体如下:
1. 品质稳定:不可用,页面加载不出来或卡顿。
2. 功能缺失:不易用,或页面缺少基础功能。
3. 认知错误:用户产生歧义,页面信息表达有误。
4. 交互效率:影响使用效率的问题。
5. 视觉瑕疵:视觉还原及品质的问题。
基于此分类,结合产品核心MVP,我们将所有问题按优先级录入需求池,确保每个问题都能及时处理。

image.png

Tips 7
联合业务共同定义优先级并推动落地
走查会的意义不仅在于发现问题,更在于解决问题。因此,在确定问题优先级时,需要有业务和产品团队的深度参与,以确保在日常迭代中能够合理规划并解决问题。这需要各方在优先级上达成共识,共同努力推动问题的解决。

image.png

如何更高效的达成共识?赶紧拉上产品经理一起走查吧!过去由于业务目标或商业化指标压力过大,导致整个业务团队对于体验侧问题体感不强。
通过系统性走查后,业务团队能更直观感受到用户的真实行为,对于一些问题卡点更有体感,最终让大家理解和认可一些体验问题若不及时解决,可能会导致用户流失。

image.png

Tips 8
及时沉淀总结,持续改进
每次走查后,都应及时进行总结和沉淀,提炼出通用机制和方法,以便在未来的工作中更加高效准确地实现目标。
例如现实中用户首次使用某一个产品,会在认知基础上通过一定途径了解产品,所以我们在设计走查脚本及任务设定的环节上,可以从新用户视角出发,逐步深入到产品核心链路的走查和测试,确保每个环节都经过充分验证。

image.png

写在最后
通过以上“B端产品走查八大核心要领”,相比过去能更精准全面的定位到核心问题,同时由于业务方的参与,在问题的优先级上也能快速达成一致,从而保证了产品迭代的效率和问题的解决。
转载:UXD笔记

B端产品的全局导航怎么设计?

清阳 B端ui设计文章及欣赏

假如你是第一次到大型公司入职,进入陌生且庞大的建筑群中迷失了方向:哪里是1号楼?哪里是A座?哪里刷门禁?餐厅在哪里?这时,你就需要一个准确的导视系统,帮你在空间中定位,并且找到前进的方向。

同理,当我们使用某个软件系统时,也会面临同样的问题。当用户带着问题和目的进入了系统,会自动去寻找目标功能入口,提供这些信息和入口的便是导航。

导航菜单在B端任意一个产品中都是不可缺少的,且每一个导航菜单的位置基本都是固定的。解决了用户“我在哪儿”“到哪儿去”的问题,并且引导用户进行页面间的跳转操作,快速找到目标。

根据导航的触达范围,在B端场景中常用的导航可以分类六个类型:

1、全局导航

2、局部导航

3、页内导航

4、下钻类导航

5、返回类导航

6、联想类导航

其中全局导航可以覆盖整个网站的通路,往往表现为网站的一级分类,它不一定包含全局信息,但是可以让用去渠到目标关键节点上。全局导航对用户体验的影响共有两点:

1、呈现内容和功能的架构。全局导航相当于整个网站的骨架,支撑着内容和功能组成的身体,构建内容和功能的整体认知,扁平化用户的任务路径,帮助用户了解当前位置和目标路径。

2、突出核心功能。将核心功能放在用户最能接触到的位置,适度隐藏次要功能。

并且全局导航和首页内容共同塑造了用户对于网站的第一印象,同时强化品牌形象。

一、全局导航的基础样式

导航菜单是由多个菜单项集合组成的。菜单项由容器+选项内容(图标+文字或文字)组成,交互行为是点击菜单热区后跳转到相应目标页面。

image.png

用户的浏览动线一般是左上到右下,所以全局导航一般被设置在页面左侧或页面顶部。按照导航选项的权重或者优先级一般分为三种样式:

image.png

1、横向导航

横向导航置于页面顶部,横向水平延展,从左到右选项优先级递减。横向导航视觉干扰小,可以将较大的屏幕空间给到内容展示。但拓展性较低,更适合官网等结构简单的产品。

2、纵向(垂直)导航

纵向导航置于页面左侧,垂直延展,选项优先级由上而下递减。用户可以在不同选项中快速切换,操作效率较高;纵向空间可以容纳更多菜单选项,并且可以延展二级分类。拓展性比较高,适合专注操作的后台类产品。

但纵向导航占用面积较大,视觉比较突出,浏览过程中打断感比较强。有些网站为了减小视觉面积,也经常使用折叠模式的纵向导航。

image.png

3、纵横式导航

同时使用横向和纵向导航,通常横向导航是一级导航,用于展示全局类目和功能;纵向导航为二级导航,提供具体的功能和内容。

这种导航可以容纳更多的信息层级,信息密度较高。但菜单面积较大,视觉复杂度较高。适合操作比较复杂的后台类产品,比如云产品。

二、全局导航的拓展能力

全局导航为了容纳更多的信息量,就拥有强大的拓展能力,主要来承接导航菜单的深度和广度。

1、深度指导航的层级数目,层级越多,深度越大。

根据用户需求和使用场景梳理产品架构,当层级过多时,需要对功能进行分组。比如哪些功能需求是互相关联,可以组合在一起的,这时就需要考虑用一个集合页面来承接这些功能。

image.png

当层级大于2个时,可以利用面包屑导航,用户可以根据面包屑导航看到当前操作的位置和轨迹,并且方便返回到任意位置。

image.png

2、广度指导航每一层级包含的菜单数目,数目越多,广度越大。

合理规划导航广度,就可以用到“简约四策略”,分别是删除、组织、隐藏、转移。

1)删除:删除不必要的功能。精简功能,删除多余文字,精简按钮等,让用户集中注意力,避免在冗余的功能中丧失目标感。

2)组织:组织必须提供的功能。在视觉层面上,做到信息分层清晰;在产品层面上,做到根据内容做功能分组,让用户更方便查阅和寻找。分块越少,选择越少,用户负担就越小。

3)隐藏:隐藏非核心功能。不常用但不能少的功能,可以选择隐藏,利用渐进式的展示方式,只要不让用户找太久,就是有效的隐藏。

4)转移:转移非擅长的功能。利用设备转移、软件转移、向用户转移,比如将一些因为屏幕大小影响展示的功能在手机端进行隐藏,只在电脑端做展示。

三、设计要点

1、全局导航需要有足够的视觉权重,如果菜单选项不是特别复杂,尽量不使用全局折叠的形式。一般默认展开,不需要时可以折叠。

image.png

2、保持结构简洁,导航层级如果太深,比如三级导航,影响导航的可见性。

image.png

3、控制一级导航菜单数量,以免视觉溢出过多。保证文本易于辨识,使用已于理解的图标,减少重复文字,精简菜单名称。

image.png

导航如我们前进路上的指示标,指引用户方向并承载产品内容,也是B端产品系统中不可缺少的一环。产品拥有清晰、一致的导航,也要兼顾导航菜单选项的可见性和用户操作效率,让用户有目标感、良好的体验感,做一个与用户心智模型匹配的导航系统。

转载:京东体验设计中心

满足用户的“隐性需求”—行为预判设计

清阳 用户研究

从健康、饮食到工作学习,人们每天平均会做出20000个决策。“仅食物一项,人们一天就要做出约226个决策”。大多数用户都承受着决策疲劳的痛苦影响(即用户做的决策越多,不合理的决策就越多),承担着较重的认知负荷。要吸引越来越忙碌,精疲力竭的用户,需要仔细考虑我们的产品如何帮助他们完成任务,快速达成用户目标。

什么是预判设计
预判设计可以通过预见用户的需求,减少甚至消除用户必须做出的决策数量从而降低用户的认知负荷,帮助用户快速达成目标。用户思考实现目标所需要做的事情越少,实现目标的可能性就越大,可以说预判设计是降低用户认知负荷,帮助用户快速达成目标的一种有效的设计方法。

image.png

对用户:预判设计帮助用户减少做决策的数量,降低用户的认知负担,顺应用户行为进行预判,减少冗余步骤、缩短用户路径,节省用户时间,以此来为用户创造更愉悦轻松的体验。

对平台:预判设计就是思考用户的使用场景,提前预判用户行为,及时而高效的迎合特殊条件的用户需求,简化操作流程,提高任务的转化效率,进而提升平台转化率和用户体验。

如何做预判设计
预判设计需要做的是根据用户当前所处场景,判断用户需求及最终目标,分析用户正在进行的操作,预判用户下一步的行为,在整个行为路径中为用户适时提供相应的帮助或引导。根据用户当前行为及目标的明确程度不同可将用户行为分为「直觉行为」、「意识行为」、「负向行为」。

image.png

  • 直觉行为-建立连接

用户每天大多数行为的发生都属于直觉行为,它主要依托于习惯(已经习得的行为模式)、直觉(基于过去的经历、熟悉的场景做出快速的判断),其反应迅速,自动化完成,只需要一个简单的提示,行为就能即刻发生,比如闹钟响了就关闹钟,看到红色警示就能意识到危险等,基本不需要思考加工。
直觉行为中,用户目标最为明确,为达成目标的过程中采取的一系列行为一般是环环相扣的强相关行为。针对这类行为,需要根据用户的行为终点进行预判,直接给出行为捷径,帮助用户直接快速达成目标。搭建行为捷径的方式为梳理行为路径中的各行为节点,省略非必要节点,并在各关键行为节点之间建立连接,为用户提供操作引导,在引导过程中自然触发达成目标的一系列的关联行为,简化整体操作流程。

 

image.png


举例:1)微信在用户收款码页面中,用户只要进行了截屏操作,一般都是想保存二维码,所以微信在捕捉到用户的截屏操作后,会自动触发保存二维码弹层;2)用户刚进行截屏操作后,进入微信聊天页点击「+」,会自动浮现截图,方便用户直接发图;3)支付宝聊天窗中,输入了数字后会自动触发转账的操作;4)滴滴中会记忆用户过往目的地,并根据重复记忆结果,在用户下次进入时,在目的地输入框中浮窗展示目的地,简化了目的地搜索过程,使重复行为变得更加简单。

 

image.png

  • 意识行为-启发引导

意识行为需要思维的参与,让人们能理性分析陌生场景中的复杂问题,并寻求解决方案,它运作缓慢,注意力更为集中,比如在商场买衣服,人们会综合评估一下款式、质量、价格等,都属于意识行为的范畴。

意识行为运作缓慢,对于下一步行为操作决策效率较低。面对意识行为,需要根据用户的所处场景,分析用户需求及可能引导的用户意图,在用户当前行为的基础上,寻找相关机会启发引导用户后续行为,为转化增加一点“额外”的价值。

举例:1)微博长时间悬停引导评论,当用户在某条内容上停留一定的时间(大约4秒),系统会判断用户对该内容有兴趣,从而弹出‘评论框’,引导用户进行评论;2)微信订阅号在用户对某条内容点击“赞同”后,系统会判断用户对当前内容较为认可,会向下弹出更多文章推荐,引导用户阅读;3)小红书进入商详后会弹出优惠券,通过权益激励引导用户购买;4)用户在支付宝消息列表中滑动浏览多屏后,会出现“找人转账“的提示,点击后进入朋友列表的纯净模式(去掉类服务通知等跟转账无用的列表),提高了用户的寻找效率。

 

image.png

  • 负向行为-行为挽留

另外还有一类是负向行为,即用户在平台中体验时可能会由于各种原因产生负面情绪,比如困惑、不喜欢等情绪,从而会产生负向行为,包括退出、跳出、关闭等。对于这类负向行为,需判断用户产生负向行为的原因,并及时为用户提供其恰好需要的帮助或提示,引导用户快速走出消极状态,对用户当前行为进行挽留。

举例:1)优酷视频中,用户在观看视频中,退出全屏时会判断用户对当前视频兴趣减弱,从而在小窗视频下为用户推荐其他视频;2)淘宝中,用户退出直播间时,系统会判断用户对当前直播不感兴趣,为用户提供其他直播内容推荐;3)美团取消订单时,会为用户提供修改订单信息的功能,从而挽留用户继续当前订单;4)QQ邮箱中,用户在写邮件时点击取消时,会为用户提供保存草稿的操作,方便用户保存当前内容。

 

image.png

 

预判设计需要注意什么
预判设计对于用户操作具有一定的便利性,对平台也具有提高转化的作用,但是预判设计同时也有一定的风险,比如需要读取用户数据,深挖用户行为、引导用户进行某些操作,所以会涉及到用户隐私、对用户错误引导造成“体验泡沫”等风险,因此在预判设计中有以下几点需要注意。
深入分析用户动机
用户行为并非总是可以预见的,因此预判设计需要结合数据来深挖用户行为。进行预判设计时需要深入分析和评估收集的用户数据,判断行为背后用户的真实动机(预期/需求)。根据用户的心理动机判断用户行为类型,可结合上述不同行为类型,依据不同预判设计策略,进行符合用户心智及行为的预判设计,比如直觉行为可根据用户目标给出行为捷径,意识行为可进行适当的启发引导等。同时应尽量防止为用户做出错误的预判设计,影响整体的用户体验。
适时性触发
在主动为用户提供符合其预期的预判引导的同时,需要注意控制预判设计的频率,保证预判设计仅在用户需要时出现,做到适时性触发。不要过度使用、滥用预判设计,从而保证用户对平台整体预判引导的接受度。
减少干扰项
当进行预判设计时,页面上应该尽可能的保证只有这一个预判设计引导,保证其他引导不会同时出现,减少多种引导同时出现对用户的干扰,让用户将注意力集中在当前预判引导上,从而更有效的触达用户。
控制及信任
很多用户对互联网缺乏透明度和控制力表达了自己的担忧,尤其是对大型公司如何使用和处理用户数据方面较为担忧。在进行预判设计时,首先应该让用户感到自己正在从使用个人数据的预判设计中受益,如用户对于此项较为担忧,不希望获得预判设计服务,应该提供实时反馈机制以获取用户的意见,以及提供开关权限给予用户一定的控制权,保持平台透明度,以维持用户对平台的信任。

 

启发

预判设计具有缩短用户路径,提升转化的作用,将其与京东APP结合,可以促进购物转化的提升。预判设计可能应用与京东APP的场景包括提升人货场中人找货的效率、促进下单购买、浏览查看中启发下一步操作、取消订单/退款等负向行为挽留等,以下为可能结合预判设计的购物场景或行为。

 

 

image.png

写在最后
预判设计需要对用户行为进行分析、深入了解用户动机,预判用户行为、并进行适时的引导,与京东APP结合,可以提升人货场效率,让货更好更快的被发现,同时可以减少用户达成目标的任务数量,帮助用户快速达成目标,对于提升整体的购买转化率、降低平台订单取消率、提升平台的用户体验均有一定的帮助。希望此文章能够抛砖引玉,让各位设计师呈现出更多优秀的预判设计线上案例。

转载:京东体验设计中心

潘通 2026 年度流行色发布!网友:没想到是白色...

清阳 设计资源

潘通 2026 年度流行色发布!网友:没想到是白色...

image.png

@图文来源于PANTONE美国网站

又到了一年心跳与色彩同频共振的时刻!大家翘首以盼的PANTONE 2026年度流行色11-4201 Cloud Dancer (云上舞白)正式闪亮登场,它的出现为时尚设计界带来了一个新高潮,接下来,它将引领我们走向哪里?会激发出哪些新的灵感及故事呢?



image.png

 

2026年度彩通发布的流行色为PANTONE 11-4201“云上舞白”(Cloud Dancer),它属于关键的结构色,凭借自身多功能性为整个色谱搭建起框架,让所有色彩都能绽放光彩。

 

当下,色彩已然成为个性表达的象征,而“云舞者”这种色调能顺应环境,实现和谐搭配并营造出对比效果,不管是单独运用,还是与其他色彩搭配组合,都能为各类产品应用场景及环境增添轻盈灵动之感。

image.png

@图文来源于PANTONE美国网站

 

PANTONE 11-4201 “云上舞白”是单色穿搭的完美基调。这款低调的白色散发着内敛的气息,无论是服装纺织,时尚配饰和鞋履,美发美妆、室内装饰设计或者包装和多媒体等领域,都可以展现了一种自觉的简约状态,鼓励人们在寻求片刻宁静与休憩时,真正放松身心,专注当下。

 

于广大消费者而言,PANTONE是色彩领域的“预言家”,它的年度色无疑是最具影响力的存在之一,其凭借入微且精准的色彩洞察力,为我们揭开未来一年代表色的神秘面纱。解锁出当下人们内心深处向往的生活态度与精神追求。

 

且为了让这份色彩的魅力能更生动地融入生活,PANTONE还贴心地奉上七组精心搭配的色彩方案,助力我们轻松应对各种多元场景,让色彩灵感如泉涌般不断涌现。

 

粉状蜡笔

柔和的粉彩色调和中性色调与云舞者(Cloud Dancer)搭配相得益彰,呈现出微妙的色调变化,既细腻又赏心悦目,低调内敛。

 

image.png

image.png

@图文来源于PANTONE美国网站

 

休息一下

Cloud Dancer 邀请我们休息片刻,诱惑我们品尝各种色彩,任凭哪一种颜色触动我们:一杯气泡粉红柠檬水或木瓜,美味的焦糖或可可奶油,或者一口茶或芒果莫吉托——所有这些都构成了一个充满乐趣的调色板。

 

image.png

image.png

@图文来源于PANTONE美国网站

大气

云上舞白将我们带到高处,在那里,轻盈的白色冲破灰蒙蒙的天空,在朦胧的阳光下展现出清澈、轻快的蓝色。水润的蓝绿色从深邃的水域中散发出来。

 

image.png

image.png

@图文来源于PANTONE美国网站

舒适区

每个人都需要一个舒适区,一个可以放松身心、远离尘嚣的地方。“云舞者”周围自然有机的色彩令人感到舒适和包容,营造出一种令人安心的宁静氛围。

 

image.png

image.png

@图文来源于PANTONE美国网站

 

热带色调

当我们想象热带地区时,脑海中浮现出鲜艳的色彩:碧蓝的海洋、清爽的柑橘饮品、明艳的花朵和异域风情的鸟类。如果这片阳光普照的天堂里有一朵云,那也一定是朵轻盈飘逸的云舞者。

 

image.png

image.png

@图文来源于PANTONE美国网站

 

光与影

云舞者优雅地融入柔和的色调之中,最终消融于阴影之中,从而产生轻松自然的色彩对比。

 

image.png

image.png

@图文来源于PANTONE美国网站

 

魅力与光彩

白色与黑色的阴柔之美必然交融,再以魅惑的唇膏红点缀。复古酒红、蓝绿色、闪耀的石墨灰、璀璨的灰色以及银色缎面金属光泽,更添几分迷人魅力。

 

image.png

image.png

@图文来源于PANTONE美国网站

 

自2000年起,PANTONE每年都会从全球范围内筛选出一种代表色,作为该年度的流行色,这一色彩不仅在设计、时尚、家居等领域掀起潮流,更成为全球文化情绪与态度的直观表达。

 

而此刻发布的2026年度色PANTONE 11-4201,将把人类设计史推上一个新高潮,分为'遇见它之前'和'遇见它之后'。未来一年甚至更久,让我们满怀期待和见证以此为核心灵感且创意无限的作品问世。

 

COLOR

PANTONE历年代表色合集

image.png

转载:UXD笔记

ISUX「七月」行业设计趋势速递

清阳 行业趋势

image.png

【1】随着iOS26发布,部分设计软件陆续在增加玻璃材质能力

【2】IF发布《2025年iF设计趋势报告》

【3】小米AI眼镜上线

【4】苹果iOS26 Beta3发布,液态玻璃效果回退

【5】Figma支持Liquid glass

【6】Figma Make AI 功能正式上线,面向所有用户开放

【7】腾讯开源混元模型 1.0,一键生成可漫游的 3D 虚拟场景

【8】 Luma AI 新增指令修改,视频编辑流程更快捷

1. 随着iOS26发布,部分设计软件陆续在增加玻璃材质能力

 

sketch beta版已加入液体玻璃效果,可以自定义相关的参数。

 

image.png

图片来自:sketch beta版

 

Figma也支持液态玻璃效果。

 

image.png

图片来自:figma软件

 

 

2.IF发布《2025年iF设计趋势报告》,报告将助力设计师深入理解未来变革性趋势

 

F 设计趋势报告 2025 是一本强调“设计介入社会系统”的指南。在面对数字化、生态危机、价值观重塑等全球议题时,设计不再是表层的装饰性行业,而是推动制度革新、关系重建和认知转变的战略工具。这份报告提供了:方向性判断、策略设计灵感、对未来的责任感与使命感。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

今年的《iF Design 趋势报告》聚焦于我们社会的六大主要转变:

1、CONSCIOUS ECONOMY 有意识的经济

2、HUMAN DIGITALITY人类数字化

3、CO-SOCIETY 共生社会

4、MINDSHIFT REVOLUTION思维转变革命

5、ECO TRANSITION 生态转型

6、GLOCALIZATION 全球本土化

 

CONSCIOUS ECONOMY 有意识的经济

现在消费者买的不只是价格,更看重企业对顾客的关心、后续服务和有没有社会担当。所以未来产品要和服务绑得更紧,靠贴心体验传递企业价值。企业得把战略重心从“卖东西”转到“顾人”上,在服务中既用技术解决问题,又满足人的情感需求,这样才能做出真正有温度的服务。

如:这家新成立的足球人才经纪公司的品牌形象深受年轻足球运动员的喜爱,并充分体现了其对球员需求以及体育产业的深刻理解。其企业设计以目标群体的语言进行表达,迎合了他们大胆、充满活力的天性。该设计注重在场上和场下创造空间的理念,象征着球员在职业生涯和生活中所面临的全新机遇。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

HUMAN DIGITALITY 人类数字化

随着技术的发展,现在的产品和AI交互太复杂了,过去光追求“简单”已经不够用了,得用“好玩有趣”的设计来化解复杂,让大家用得更开心、更愿意用!

 

AI伴侣(如陪伴机器人Ballie)通过人工共情提升用户体验。

如:伊库雷是个专门帮助自闭症孩子练社交的智能机器人。它能懂得每个孩子不同的情绪和反应方式,用AR投影和感应装备陪孩子玩,实时回应动作,在一个安全舒服的环境里帮他们练习。帮助这些孩子建立情感共鸣,增强他们的自我意识和表达能力。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

CO-SOCIETY 共生社会

繁荣需纳入个体生活质量、社会参与和生态可持续性,产品和服务不再只有实际用途,更承载了情感体验和价值理念,

如:这款科勒 x Remedy Place 联名冰浴桶将醒目设计、优化人机工学和智能科技(Kohler Konnect®)融为一体,提供可定制的冷水浸泡疗程,不仅兑现减少炎症、提升情绪和增强心理韧性的健康承诺,更成为展现优雅健康生活的标志性设计。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

MINDSHIFT REVOLUTION 思维转变革命

设计需打破刻板印象,践行无性别理念,摒弃性别标签;同时,更应关注心理健康,营造治愈性沉浸环境,缓解社会疏离感

如:德乌特儿童安抚背带Aircomfort Sensic Vario Netzrucken 系统为家庭徒步旅行提供了极大的便利,它在小巧的儿童背带中实现了出色的负荷分配和背部通风。该系统为父母和孩子都提供了舒适的体验,配有柔软的儿童头部垫和方便的安全带操作装置。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

ECO TRANSITION 生态转型

生态转型(循环社会+绿色科技+能源革命)正重塑全球发展路径。可持续设计作为关键响应,以智能循环、融入生物多样性为方法,重构“人-自然共生”系统,营造支持性环境与独特生态美学。

 

如:戴尔笔记本电脑套装倡议戴尔笔记本电脑多包装计划旨在重新设计现有的包装,拆箱过程节省了 60% 的时间。经过全面且反复的工程优化,与单个包装相比,每单位包装材料的重量减少了 38%,从而打造出更小巧、更环保、更具用户友好性的设计。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

GLOCALIZATION 全球本土化

未来的设计需要在全球视野下,在文化层面融入本土特色,实现有共鸣的文化交流,促进全球本土化如:滴滴的多元国际业务需要在多个国家和市场中为用户提供一致且高效的体验,为此打造Global One弹性化设计系统,以灵活、可拓展和在地适配的特性满足全球业务需求,在保障品牌一致性的前提下助力各国市场快速响应本土化需求。

 

image.png

图片来自: 《2025年iF设计趋势报告》

 

 

3.小米AI眼镜上线

 

过去两年,AI热潮席卷智能硬件领域,从手机到PC,各类终端纷纷拥抱AI重塑自我。沉寂已久的智能眼镜赛道也随之迎来爆发:Ray-Ban Meta联手AI注入新活力后,Rokid、雷鸟、李未可等国产厂商相继推出形态功能各异的新品。  纵观AI硬件,特别是以智能眼镜复兴为代表的发展态势,一个核心趋势已然显现:设备体验正经历从“智能化”向“无感化”的深刻转型。 

 

image.png

图片来自: 小米官网

 

 

4.苹果iOS26 Beta 3 发布,液态玻璃效果回退

 

在Beta3版本,将原来激进的高拟真液态玻璃效果,回退至雾面毛玻璃+渐变的形式,显著提升了文字可读性。

 

image.png

▲ 左:iOS 26 Beta 2 / 右:iOS 26 Beta 3 

来源:https://www.ifanr.com/1630100

 

 

5.Figma原生支持Liquid glass

 

image.png

 

图片来自:Figma官网

 

image.png

 

图片来自:X官网

 

继 Sketch 和 Motif 之后,Figma 原生也支持iOS 26 的液态玻璃(Liquid glass)效果。设计师可在 Figma 中直接应用该效果。用户可以灵活在工具栏中调节材质和效果。

https://x.com/i/status/1945513823949222239 

 

 

6.Figma Make AI 功能正式上线,面向所有用户开放

 

设计平台 Figma 正式向所有用户开放其 AI 工具 Figma Make。用户只需输入需求,即可自动生成网页原型、交互逻辑甚至基础应用框架。此前仅限付费用户使用的功能,现已全面开放。

网址:https://www.figma.com/make/ 

 

image.png


image.png

image.png

图片来自:Figma官网

image.png

图片来自:Figma官网

 

image.png

图片来自:Figma官网

 

颠覆传统设计流程的三大核心能力

1. 文字驱动创作

无需编写 CSS 代码,输入指令如“创建带邮箱/密码字段的登录页”,AI 即刻生成高保真界面及可点击交互元素。设计构想从概念到屏幕呈现的链路被大幅压缩,省去重复搭建画布的时间成本。

 

image.png

图片来自:Figma官网

 

image.png

图片来自:Figma官网

 

2. 视觉素材智能转化

支持上传 Logo、插画或照片,AI 自动解析视觉风格与布局结构,将其转化为可复用组件或页面背景。该功能打通“视觉稿→可交互原型”的转化路径,尤其适用于品牌宣传与内容营销场景。

 

image.png

图片来自:Figma官网

 

3. 现有设计深度增强

将 Figma 设计文件中的 Frame 直接导入 Make,AI 会智能补全交互逻辑与布局细节。在保留原始设计的基础上,快速实现原型功能升级,显著提升产出效率。

 

进阶能力:从设计到上线的闭环

4.实时发布可访问应用

生成的原型并非静态稿,可一键发布为真实可访问的 Web 应用。用户可通过 Figma Make 预览页面,或部署至自定义域名。

 

5.集成 Supabase 后端服务

内置用户认证、数据库等后端能力,结合自定义域名功能,实现“设计-开发-部署”全流程贯通。

 

6.对话式实时微调

选中特定元素(如按钮)后,通过自然语言指令调整细节:“添加紫色渐变效果”“增加悬停动效”。AI 即时响应修改需求,使原型优化更精准高效。

 

工具价值与适用场景

Figma Make 重新定义了设计生产力:通过融合文字指令、视觉识别与智能增强,将静态设计转化为可运行原型,并直接对接发布流程。

 

其价值在于:

a.消除设计师与开发者之间的协作断层

b.释放创意人员对技术实现的依赖

c.加速从概念到可体验产品的转化周期

适用群体:产品经理、UI/UX 设计师、初创团队及任何需要快速验证想法的创作者。建议即刻体验,抢占AI驱动的产品开发效率先机。

 

 

7.腾讯开源混元模型 1.0,一键生成可漫游的 3D 虚拟场景

 

在2024世界人工智能大会上,腾讯正式发布并开源 混元3D世界模型1.0(HunyuanWorld 1.0)。该模型支持通过文本或单张图片输入,一键生成具备360°自由漫游能力的3D虚拟场景,生成内容可导出编辑。其创新性语义分层算法兼容Unity等主流开发工具,实测性能超越全球开源对标模型,将推动游戏开发、VR应用及数字创作领域的技术革新。

网址:https://3d.hunyuan.tencent.com/sceneTo3D 

 

效果展示unsetunset

一些HunyuanWorld 1.0生成的360°沉浸式、可探索3D世界:

 

image.png

图片来自:混元官网

image.png

图片来自:混元官网

 

技术突破:解决三维生成核心痛点

1.当前3D世界生成技术存在两大局限:

视频驱动方案:场景多样性丰富但缺乏三维一致性,渲染效率低下

几何驱动方案:结构稳定性强却受限于训练数据匮乏与内存效率瓶颈

 

2.HunyuanWorld 1.0通过融合双方优势实现突破性创新:

全景世界代理技术:以360°全景图为媒介构建沉浸式空间

网格化资产输出:生成标准3D网格模型,无缝对接图形管线

解耦式物体表征:增强场景元素的可交互性与编辑自由度

 

 

8. Luma AI 新增指令修改,视频编辑流程更快捷

 

Luma AI 近日为其视频生成平台 Dream Machine 上线自然语言指令编辑功能。用户通过输入文本指令(如“调整黄昏色调”“替换背景建筑”),即可动态修改视频中的色彩、场景元素及视觉特效,编辑效率提升显著。该功能将大幅优化视觉特效师、动态设计师等创意工作者的工作流。网址:https://lumalabs.ai/ 

 

image.png

图片来自:luma ai官网

 

image.png

图片来自:luma ai官网

image.png

 
 

▲视频来自:luma ai官网

 

image.png

图片来自:luma ai官网

 

image.png

图片来自:luma ai官网

 

核心能力与技术进展

1. 语言驱动实时编辑

支持颜色分级、物体替换、场景重构等高频需求

修改指令即时响应,避免传统逐帧操作

 

2. 持续迭代的路线图

正解除当前仅限首帧修改的限制

即将推出全时间轴的帧级精确控制功能此次升级标志着AI视频编辑从生成向智能精修进化,通过降低专业技术门槛释放创意潜能。影视后期、广告创意及短视频创作领域将率先受益。

转自:腾讯ISUX

毛玻璃质感应用在复杂页面,居然也这么优雅!

清阳 系统UI设计文章及欣赏

一直以来复杂的工业页面或者dashboard,都会采用比较简洁的UI效果,很少会增加一些质感。毕竟这类页面的设计重点是突出信息。但是来自RonDesignLab 的设计,给我们打开了新的思路。

 

其实毛玻璃本身也是一种突出信息的手法,只是大部分情况下使用来突出氛围信息。但如果把浮窗也做成毛玻璃的效果,其实在整体信息分级上会有更显著的效果。

 

让我们一起来欣赏一下吧~

image.png

image.png

image.png

image.png

image.png

image.png

All by @RonDesignLab 

转载:UX设计便利店

6种设计手法!打破枯燥!

清阳 平面设计

ca6db6f6948cf73f6787cae4e9c54f8e.jpg

29aeda2049db37d1c99d42bcdc784f31.jpg

307da22e0fc9dfcb1874e2752e71a19c.jpg

7131eb0f2dc6ced271faf269d149739a.jpg

ee7c296f9bf0dce829531241b2866568.jpg

921d44b2b694deeddda191085e9b4009.jpg

转载:微信公众号平面设计

日历

链接

个人资料

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

存档