首页

软件启动页设计:在 2 秒内建立用户与品牌的情感连接

蓝蓝设计的小编 系统UI设计文章及欣赏

 
在移动应用与桌面软件的体验链条中,启动页往往是用户与产品的 “第一触点”。它看似只是应用冷启动时的过渡界面,却承载着缓解等待焦虑、传递品牌价值、保障功能加载的多重使命。在硬件性能飞速提升、用户对 “瞬时响应” 愈发敏感的今天,如何在短短 2 秒内打造兼具功能性与感染力的启动页,成为产品设计的重要课题。

 

一、从 “缓冲工具” 到 “体验入口”:启动页的价值迭代

 
早期的软件启动页,本质是技术限制下的被动产物。受限于处理器性能与内存容量,应用需要较长时间完成初始化、资源加载与权限校验,启动页的核心作用是 “遮羞”—— 用静态图片掩盖后台的加载过程,避免因白屏或卡顿造成用户流失。随着硬件技术的迭代,如今主流应用的启动时间已压缩至 2 秒以内,启动页的设计逻辑也从 “功能性缓冲” 转向 “体验型入口”。
 
现代启动页的价值重构体现在三个维度:
 
  • 用户体验的情绪锚点:当用户点击应用图标时,启动页的视觉呈现直接决定了第一印象。柔和的过渡动画、符合品牌调性的色彩搭配,能够有效缓解等待焦虑,将 “被迫等待” 转化为 “主动感知”。
  • 品牌资产的微型载体:启动页是品牌视觉符号的高频曝光场景。通过 Logo 动态演绎、主题色强化、Slogan 传递等方式,可在用户心中建立起稳定的品牌认知,让每次启动都成为一次品牌价值的沉淀。
  • 功能加载的隐形保障:在视觉呈现的同时,启动页仍需为后台操作提供缓冲时间。例如社交类应用的好友列表预加载、电商类应用的商品缓存初始化等,这些后台行为确保应用进入主界面后即可流畅运行,避免后续操作出现延迟。

二、启动页设计的核心原则

 

1. 简洁克制:用最少元素传递最大信息

 
在极短的展示时间内,信息过载是启动页的常见误区。优秀的启动页设计遵循 “减法原则”,以品牌 Logo 为视觉核心,搭配主题色与极简动效,避免多余的文字或复杂图形。例如微信的启动页仅保留地球背景与小人剪影,既传递了 “连接世界” 的产品理念,又以极简设计降低了用户的认知负荷。
 

2. 视觉统一:延续品牌识别系统

 
启动页不是独立的设计孤岛,而是品牌视觉语言的延伸。从色彩体系到字体选择,从图形元素到动效风格,都需要与应用内的设计系统保持高度一致。以 Figma 为例,其启动页采用与主界面相同的深紫色调,配合 Logo 的平滑缩放动画,让用户在启动瞬间就能感知到品牌的连贯性。
 

3. 动态适配:平衡美感与性能

 
动画是提升启动页质感的关键,但过度的动效会增加渲染负担,反而延长加载时间。设计中需遵循 “轻量高效” 原则,优先选择 CSS3 过渡、SVG 动画等性能友好的实现方式。例如 Notion 的启动页仅采用 Logo 的淡入效果,既保证了视觉流畅度,又避免了性能损耗。同时,需针对不同设备性能进行适配,通过检测硬件配置动态调整动效复杂度,确保低端设备也能获得良好体验。

4. 场景适配:区分冷启动与热启动

 
设计时需明确区分应用的冷启动与热启动场景。冷启动是应用完全关闭后的首次加载,需完整展示启动页;热启动则是应用从后台唤醒,此时可简化启动页甚至直接跳过,以满足用户对快速响应的需求。例如抖音在热启动时仅显示 1 秒的 Logo 闪屏,而冷启动则会展示包含品牌 Slogan 的完整动画。
 

三、启动页设计的进阶策略

 

1. 情感化设计:赋予温度的视觉语言

 
在满足基础功能的前提下,融入情感化元素能让启动页更具记忆点。例如天气类应用可根据实时天气变化调整启动页背景 —— 晴天展示蓝天白云,雨天呈现雨滴动画;纪念日类应用则可在用户生日当天,在启动页添加生日祝福动效。这些细节设计能让用户感受到产品的人文关怀,建立更深层次的情感连接。

2. 场景化叙事:传递产品价值主张

 
部分启动页突破了静态展示的局限,通过微型叙事传递产品核心价值。例如教育类应用 “可汗学院” 的启动页,用简笔动画展示 “从疑问到解答” 的学习过程;冥想类应用 “Headspace” 则通过呼吸节奏的动态图形,引导用户提前进入放松状态。这种场景化设计不仅强化了产品定位,也让启动过程成为一次微型的用户教育。

3. A/B 测试驱动的精细化优化

 
启动页的效果可通过数据量化评估。设计师可通过 A/B 测试对比不同版本的转化率、留存率等指标,例如测试静态 Logo 与动态 Logo 对用户流失率的影响,或不同背景色对品牌认知度的提升效果。基于数据持续迭代,能让启动页设计从 “经验驱动” 转向 “科学驱动”。
 

四、设计误区与避坑指南

 

1. 避免过度营销化

 
部分启动页为追求曝光效果,强行插入广告或活动推广,这种做法会严重破坏用户体验。启动页的核心使命是过渡与品牌传递,过度营销会让用户产生被打扰的感受,甚至直接导致卸载。设计中需明确边界,将商业推广与启动页功能分离。
 

2. 拒绝无意义动效

 
动效的价值在于增强体验而非炫技。一些启动页盲目追求复杂的 3D 动画或粒子效果,不仅增加了开发成本,还可能因性能问题导致卡顿。优秀的动效应是 “无形” 的 —— 用户感受到流畅过渡,却不会被动画本身吸引注意力。
 

3. 适配多端一致性

 
在跨平台应用中,启动页设计需兼顾不同设备的特性。例如手机端启动页需考虑竖屏显示,平板端则要适配横屏比例;桌面端启动页可承载更多信息,而手表端则需极致简化。通过建立响应式设计规范,确保用户在不同设备上都能获得统一的品牌体验。
 
在追求 “零等待” 的产品体验趋势下,启动页的设计难度正在不断提升。它不仅是技术与美学的平衡术,更是品牌与用户的情感连接器。优秀的启动页设计,能让短暂的等待时间成为传递价值、建立信任的契机,在用户心中埋下对产品的好感种子。未来随着 AI 与实时渲染技术的发展,启动页或许将进化为更智能的 “预体验界面”—— 根据用户习惯动态调整内容,让每次启动都成为一次个性化的问候。
 

软件启动页设计自查清单

 
本清单从功能合规、视觉设计、性能适配、用户体验四个维度出发,覆盖启动页设计全流程关键要点,助力快速验证方案合理性。
 

一、 功能合规性

 
  1. 明确冷启动 / 热启动展示逻辑:冷启动完整展示,热启动可简化或直接跳过
  2. 后台加载与前端展示同步:启动页存续时间匹配资源加载、权限申请等后台操作时长
  3. 无强制营销内容:不插入广告、弹窗推广等干扰用户的信息
  4. 符合平台规范:遵循 iOS、Android、鸿蒙等不同系统的启动页设计指南(如 iOS 不允许启动页添加交互按钮)
 

二、 视觉设计规范

 
  1. 品牌视觉统一:启动页的 Logo、主题色、字体与应用内设计系统保持一致
  2. 视觉元素简洁:核心元素不超过 3 个(建议以 Logo 为核心,搭配极简背景或 Slogan)
  3. 构图适配多设备:兼容手机竖屏、平板横屏、折叠屏等不同屏幕比例,无元素被裁切
  4. 动效设计克制:动画风格与品牌调性契合,无炫技式复杂特效
  5. 色彩适配无障碍:满足色彩对比度标准,适配深色模式 / 浅色模式切换

三、 性能适配优化

 
  1. 展示时长合理:控制在 2 秒以内,避免用户感知等待焦虑
  2. 动效性能友好:优先使用 CSS3、SVG 等轻量化动画技术,不采用耗资源的 3D 渲染
  3. 设备兼容性:在高低端机型测试无卡顿、无闪退,可根据设备性能动态调整动效复杂度
  4. 资源体积优化:启动页图片 / 动画文件大小控制在合理范围(建议不超过 500KB)
 

四、 用户体验优化

 
  1. 无交互设计:启动页不设置任何可点击元素,避免误导用户操作
  2. 情感化细节(可选):可根据场景添加个性化设计(如节日主题、实时天气适配)
  3. 过渡流畅:启动页到主界面的切换无生硬跳转,采用淡入淡出等自然过渡方式
  4. 数据验证:通过 A/B 测试对比不同版本的用户留存率、流失率,优化设计方案

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

设计的双重维度:理性为基,感性为翼

涛涛 设计思维

设计的本质究竟是冰冷的逻辑推演,还是温热的情感表达?这个问题长期以来在设计界引发热议。有人执着于理性的精准与高效,认为设计的核心是解决问题;有人沉迷于感性的创意与共鸣,主张设计的灵魂是传递情绪。事实上,优秀的设计从来不是非此即彼的选择,而是理性决策与感性表达的深度融合 —— 理性为设计筑牢根基,确保方向不偏;感性为设计插上翅膀,赋予其打动人心的力量。

情感共鸣:体验时代产品设计的核心竞争力

涛涛 用户研究

在流量见顶、产品同质化严重的当下,用户的核心需求早已从 “能用” 升级为 “爱用”。当基础功能成为行业标配,情感体验便成为产品差异化竞争的关键。情感化设计不再是锦上添花的装饰,而是构建用户与产品深层连接、提升品牌忠诚度的核心逻辑。它通过捕捉用户情绪、呼应情感需求,让冰冷的数字产品变得有温度、有个性,最终实现从 “功能满足” 到 “情感共鸣” 的跨越。

潘通 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

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

干货来了!40个界面设计经典技巧!(上)

清阳

1 尽量使用单列而不是多列布局

单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。

image.png

 

2 放出礼品往往更具诱惑力

给用户一份精美小礼品这样的友好举动再好不过了。具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在人们互惠准则上的。而这样做所带来的好处也是显而易见的,会让你在往后的活动进展(不管是推销,产品更新还是再次搞活动)中更加顺利。

image.png

 

3 合并重复的功能而使界面简洁

在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。

image.png

 

4 客户的评价好过自吹自擂

在获得项目机会或提高项目转化率时客户的好评是一种极为有效的手段。当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。

image.png

 

5 频繁展示你的主旨来加深印象

多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息,这样会让人生厌。但当页面足够长的时候这些重复就显示自然多了并且也不显得拥挤。所在在页面顶部放一个按钮然后在页面底部再适当放个突出的按钮的做法没有什么不妥。这样当用户到达页面底部在思考接下来该做什么的时候,你提供的按钮就可以获得一个潜在的合同或者即使用户不需要你的服务这个按钮也可以起到过滤的作用。

image.png

 

6 将选项与按钮区分开来

诸如颜色,层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品:他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面,你就需要将可点击的元素(比如连接,按钮),可选择的元素(比如单选多选框)以及普通的文字明显区分开来。在下图的例子中,我将点击操作的元素设置为蓝色,选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。

image.png

 

7 给出推荐而不是让用户来选择

当展示许多项服务时,给出一个重磅的推荐项是个不错的做法,尽管推荐的设置无法满足所有用户。这么做是有理论依据的,一些研究已经揭示了这么一种现象:当面临的选择越多时,用户就越难做出决定。所以你可以高亮某个选项来帮助用户做出选择。

image.png

 

8 给出撤销操作来代替确定操作

假设你刚点击了一个连接或者按钮,撤销操作可以让操作流畅自然,这也符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。我还是更习惯假设用户每次操作都是正确的,其实只有极少数情况下才会发生误操作。所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来增加用户的操作友好度吧。

image.png

 

9 指出产品适用人群而不是做成全年龄

你是想把产品做成大众化的呢还是有精确的适用人群?在产品定位上你需要更精确些。通过不断了解目标客户的需求及标准,你能把产品做得更好得到更多与客户交流的机会,并且让客户觉得你很专业,在这方面是独家提供的优质服务。把产品定位得精确的风险就是可能缩小了目标潜在客户的范围,也使自身变得不那么全能。但这种做得更专业的精神却反过来会赢得信任,权威。

(贴士:喜欢下图中可爱的小人物造型么?去了解MicroPersonas吧)

image.png

 

10 试着直接果断而不要唯唯诺诺

你可以通过不确定而颤抖的声音来表达传递自己的意思,当然也可以通过很自信的方式表达。如果你在界面中的表述用语多以问号结束,比如"也许","可能","感兴趣?" 或者"想要试试么?",那么你完全还可以把语气变得更坚定一些。不过万事无绝对,或许适当放松措词让用户有自行思考的余地也是可以的。

image.png

 

11 界面要有鲜明对比让人容易区分

把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影渐变等效果让界面富有层次感来张显主题。最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。

image.png

 

12 指明产地

指明你的地区,所提供的服务,产品来自哪里意义重大,同时也将与客户的沟通引入了一个更具体带有地域特色的场景中。指出具体来自哪里,国家,省分及城市,也是一种在进行自我介绍或产品展示时被常常提及的。当你在界面设计中实现这点时,让人觉得非常友好。同时指明区域也会隐形提高产品的声誉,好上加好。

image.png

 

13 精简表单内容

人生性就懒惰,在填写表单时也是同样的道理,没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。不是每个人打字都很快速的,并且在移动设备上进行输入更是相当麻烦的事情。问下自己表单中是不是每个字段都必需,然后尽量减少表单中的字段。如果你确实需要一大堆信息让用户填写,试着将它们分散在不同页面,在表单提交后还可以继续补充。过多字段很容易让整个表单显示臃肿,当然想简洁也很容易,只放少数字段。

image.png

 

14 暴露选项而不要将操作隐藏

你使用的任何一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的,那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期,省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。

image.png

 

15 把界面做得环环相扣要好过直白的排版

一个平淡无奇行文无疑会让用户失去兴趣而继续阅读。是的,单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。

image.png

 

16 不要放太多链接分散用户注意力

为了满足各式用户的需求,在页面上放些链接链到这里链到那里是常见的做法。如果你的主要目的是想让用户点击页面最后那个下载按扭什么的话,就需要三思了。因为用户可能点击了其他链接离开页面了。所以你需要注意页面的链接数量,最好将用于导航与用于操作的链接用样式区分开。尽量移除页面不需要的链接会让用户点击到你的功能按钮。

image.png

 

17 将操作的状态或者进度呈现出来

现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标,比如邮件有已读或未读的状态,电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的。这样用户就可以知道某些操作是否成功,接下来准备进行怎样的操作。

image.png

 

18 不要让用户觉得是在完成任务

试想界面上有这样两个按钮:一个是"获取折扣",另一个是"立即注册"。我敢打赌大多数人会点击第一个,因为第二个按扭让人感觉不到有利可图,并且"注册"让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有可能被点击。这种让用户感到好处的文字信息也可放在按钮旁边,不一定要做为按钮的标题。当然,正常的按钮还是有用处的,一般用于重复性操作频繁的地方。

image.png

 

19 让操作直观而不是让人觉得找不到上下文

不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中,我们想让用户对每个条目进行操作那么就把按钮放到当前条目上,而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态(比如页面上的地址信息点击后可以进行编辑)。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然,对于一般性的操作本身就不需要有什么上下文的,就没必要这么做了,比如页面上的前进,后退按扭。

image.png

20 尽量显示全部内容而不要额外页面

在一个足够大的宽屏界面上最好还是直接给出表单,这比点击按钮再弹出表单要好很多。首先减少了点击操作,流程变得简洁也节省了时间。其次,直接呈现出表单可以让用户知道表单有多长,其实也是在告诉用户注册花不了多少时间。当然,这条规则适合注册表单非常简单的情况。

image.png

转载:微信公众号UI设计

小小button,大大力量!快来看看UI里的button都有哪些玩法~

清阳

在 UI 设计中,button 有多种设计形式。组合形式可以多种多样,比如纯文字button、图标+文字button、图标button、幽灵框button等等。在各种设计规范里都可以获得一个比较完整的全集。

 

image.png

作者 Lisa Cosme

image.png

作者 Pixsellz

除了组合形式,最能让button设计出彩的还是材质和风格。扁平风格简洁明了,以纯色或简洁的图标为主,适合现代简约的界面。拟物风格则模拟现实中的按钮,具有立体感和真实质感,能增加用户的熟悉感。幽灵按钮以透明或弱轮廓呈现,简洁而不突兀,与背景融合较好。还有带有动态效果的按钮,如点击时的变色、缩放等,增强交互性。此外,异形按钮可根据特定主题设计独特形状,为界面增添个性与创意。

下面来看一些好看的button设计。

image.png

作者 Aaron Iker

 

image.png

作者 Aaron Iker

image.png

作者Aaron Iker

image.png

作者Buzuk

image.png

作者 Gleb Kuznetsov

image.png

作者 Max Rudberg

你最常用和最喜欢的button,都是样的呢?

转载:UX设计便利店

B端要吃透系列:京东设计师探索高效交互模式,让我打开新思路了

清阳

我们常以“ 心有灵犀 ”来形容与合作伙伴的默契配合,若我们的产品能与用户达到同样的默契,将极大地提升用户在任务旅程中的流畅体验。

 

image.png

 

 

在B端体验设计领域,我们深知用户对我们产品的期待──快速完成任务、即用即走。

 

然而,随着业务需求和产品功能的不断扩展,流程复杂化、功能冗余、信息过载和引导不足等问题逐渐浮现,这不仅增加了新用户的学习成本,也使得老用户丧失了使用产品时的专注和效率。

 

为应对这些挑战,在早期版本升级时我们提出了“高效、亲和”的设计理念(《京东行云3.0|B端产研协作工具体验升级的思考与实践》 )。
并致力于通过设计手段减少用户在使用产品时的学习成本和操作负担,旨在打造一个流畅、愉悦的体验环境,让用户每次使用都能保持轻松愉悦的工作状态。
同时,我们也积极践行集团倡导的 “ 简单、顺滑、激发 ” 产品设计理念,通过在交互设计、业务组件等多个层面进行来深入优化和改进,以达到产品与用户之间的"心有灵犀",让用户在使用过程中更加的得心应手、更加快速高效的触达并完成任务。

 

 一  探索顺滑、高效的交互模式 
通常来说一个顺滑的交互对产品的体验提升的是非常大的,它允许用户以直观的方式理解产品的操作含义,在不依赖帮助文档的情况下,也能轻松完成各项任务。
这种设计理念不仅提升了用户体验,也确保了产品的高效率和便捷性,能够使用户迅速投入并快速完成工作,实现了真正的“即用即走”。
(1) 数字键盘,让数据录入更简单、更高效
相信很多产品设计人员都清楚选择录入的优势远大于手动录入。
在此之前,我们的工时填报页面,由于可输入信息精确到小数点后两位,所以我们常用的计步器、选择器、滑动输入等组件都无法在这里使用。对用户而言,手动逐项录入数据的操作成本非常高。

在业务改版时,我们的体验设计师了解到旧版页面信息录入成本过高的问题,于是提出了数字键盘录入数据的方案「用户在原本手动录入数据的基础上,增加选择录入数据的能力,以此降低用户录入数据的操作负担」。

 

image.png

  • 作为数据录入的组件,数字键盘适用于简短且整数的特殊场景下,如:数字录入、百分比录入。备选的数据信息以宫格布局呈现,用户可以快速点击数字键盘中需要填入的数字。相比下拉菜单和上下箭头数字输入框相比,更直观,易用性更强。
  • 对于擅长键盘盲打的研发工程师类角色来说,仍然可以通过物理键盘录入数据;而对于不太熟练操作键盘的大多数用户来说,可以通过直观的数字键盘点选录入数据。数字键盘组件甚至还能帮助用户自动计算已填数据,实现一键补全。

image.png

  • 数字键盘作为一种兼具选择录入便捷性和手动输入灵活性的数据录入组件,为不同类型的用户提供了高效、准确的数据录入体验,不仅提升了数据输入的便捷性和准确性,而且通过适应不同用户的操作习惯,增强了产品的普适性和用户满意度。
    继而我们也将数字键盘组件在其他使用场景进行了拓展,比如,其他场景下数字键盘上集成了手动录入的输入框,备选数据可以根据用户设置的起止日期进行自动计算,不仅帮助用户减轻了操作难度也极大节省了用户的时间成本。
数字键盘经过不断的拓展与优化,已经成为用户在多种场景下进行数据录入的利器。
在未来,我们将持续关注并探索数据录入交互方式的优化与改进,致力于进一步优化信息录入的体验,如当下火爆的AI,来实现更加智能和自动化的输入解决方案,从而最大程度上让用户与产品交互默契、事半功倍。
(2) 在关键节点设置任务提示卡,给予用户即时指引
很多大型B端产品的详情页在成熟期后都会面临信息内容多、分类复杂的问题,这导致用户需要滚动多屏或者切换tab页签去查找信息,即便产品设计团队已经花了不少心血将信息布局做了优化和重组,但也难以避免有些用户查找关键信息费时费力,不清楚应该在页面哪一块进行哪些操作。
虽然IM、邮件等工具可以一定程度上解决信息的触达,但用户从其他平台点击网址链接跳转到产品详情页后依然会面临缺少明确的指引问题。

image.png

  • 针对以上用户使用中的痛点,我们在页面中关键区域设置了一系列操作指引性的任务提示卡片,并在卡片上设置明确的引导文案及操作按钮,以减少用户因不熟悉产品功能或者页面信息过多而找不到操作入口的问题;
    引导用户点击“去完成”、“去操作”等操作按钮直接跳转至应该操作内容模块或相应页面去完成应该完成的操作,这样就使得不同用户在不同环节完成相应的任务,保证流程顺畅的走下去。

image.png

  • 任务提示卡作为一类高效的即时指引工具,已在多个用户使用场景下发挥了关键作用,不仅帮助用户提升了完成任务的效率,也在一定程度上缓解了用户的焦虑。该组件的设计初衷是为了解决当用户面对复杂或不熟悉的操作时,为了用户提供即时的指引。
    在不同系统平台的适配过程中,我们特别注重交互模式的灵活性和适应性,以适应不同的适用场景。例如,我们将传统的卡片视图优化为列表视图,并支持多个操作项,实现了用户所见即所得的直观体验。
经过在多种场景下的实践验证,任务提示卡已成为缓解用户焦虑的一种手段。我们也认识到,用户焦虑直接影响到产品的可用性和用户满意度。
因此,我们会持续关注用户焦虑产生的根源,不断调整和优化我们的设计策略,有目的有效率的降低用户焦虑水平。
(3) 巧用浮层卡片,减少非必要的页面跳转
提到「链路」,相信很设计师都能想到缩短流程、简化操作步骤等手段。然而,随着业务的复杂度提升,我们的很多使用流程变得越来越长,用户仅仅查看或者编辑一个简单的信息也需要打开新页面,这无疑增加了用户的操作成本。
在诸多项目实践中,我们发现浮层卡片是一个非常灵活的组件,它可以在用户需要时通过鼠标悬停即可展开,用户可以不用跳转或打开新页面就可以在浮层卡片中完成一些关键信息的查看或者编辑。
这种交互模式不仅可以减少用户的操作步骤,还减少了产品链路和开发成本,在提升体验的同时也更好的效能业务。

image.png

在我们的平台上,一些用户虽然可以将自己经常使用的应用常驻到菜单栏上,但是受限于屏幕尺寸左侧的菜单栏不能显示太多常驻应用。
  • 当用户在切换一个常驻但因为屏幕尺寸而没有展示在菜单栏上的应用时,需要先点击更多【应用图标】进入更多页面。
  • 再定位到需要切换的应用图标上进行点击才能完成整个【切换】的流程。
  • 当我们洞察到用户使用菜单栏的痛点后,在后续的迭代优化时。在更多应用的图标上增加一个悬浮事件。
  • 鼠标悬浮时,它就像一个传送门一样将用户需要切换的应用呈现在浮层卡片上,用户点击所需的应用即可完成应用的切换。

 

image.png

 

【浮层卡片】作为一种灵活、高效的交互模式,在业务侧得到能够有效降低用户重复操作的验证后,我们把它拓展到了很多的相似场景里。
  • 比如,在消息通知面板交互上我们也采用了【浮层卡片】的交互模式,用户既可以点击去查看全部消息也可通过鼠标悬浮快捷唤出【浮层卡片】查看最新消息。

  • 在表格页面通过使用【浮层卡片】查看状态、附件等信息,用户可以不用进入详情页快速获取信息,用户掌握好这些小贴士可以有效提高工作效率。

 

经过多场景的实践,我们团队已将浮层卡片精炼为一种有效缩短用户使用流程的交互模式,显著提升了用户操作效率。也被我们拓展到更多场景,以实现在更广泛的应用维度上为用户提效。

 

 二  创新业务组件设计,提升复杂场景下的数据可视化体验 
随着业务的不断下钻,不免会遇到一些复杂的使用场景,基础的交互和组件已不能有效的解决用户在使用中的问题。
在一些既需要关注结构化的概览数据又要方便查看详细数据的场景中,以及在一些数据关联、任务串联等场景中,设计侧通过可视化、结构化等设计手段探索出了一些新的业务组件,解决了数据概览、数据关联不清晰等问题,为用户构建了直观、易懂的使用体验。
(1) 信息概览与Tab标签页相遇,概览&详情均可兼得
在一些管理场景下会涉及到既需要查看各阶段下不同状态的概览数据,又需要查看详细数据的场景。
按照以往的交互,用户可以用筛选器筛选出各阶段下不同状态数据再进行查看对比,虽然筛选器可以筛选出这些多阶段、多状态的数据,但存在着筛选步骤繁琐、多阶段&多状态的数据呈现都是棘手问题。

我们最初使用了数据可视化的看板来呈现各阶段下不同状态的概览信息,但这只解决了数据概览的问题,用户还是需要点击“详情”才能跳转至相应的页面。

 

image.png

 

  • 体验设计师在一些项目中尝试了将数据可视化看板与Tab标签页的融合,这就形成了具有Tab切换功能的数据看板,用户在查看概览数据的同时也可以通过点击切换查看各阶段/状态下的详细数据。

image.png

 

  • 在经过用户反馈和不同业务场景下的适配后,我们又针对小屏增加了折叠功能、折叠后状态数据隐藏、宽度不够时状态数据隐藏等优化。

 

image.png

 

  • 以上数据看板与tab页签融合的方案,一方面解决了数据可视化的问题,另一方面也解决了切换查看详情数据的繁琐操作。在明确了以上组件的价值点后,将其进行延展并应用到了一些具有共性的使用场景中。

通过将数据结构化和tab标签页的结合的方式,巧妙的解决了用户在进行数据概览和查看详细信息时可能遇到的繁琐操作问题。
这种模式不仅让页面信息结构更加清晰,用户无需跳转,即可在当前页面内,快速的查看概览及详情页信息。

(2) 树形连接线新范式,数据关系呈现简单明了

针对CICD等技术类产品中的存在的诸多数据关联、任务串联等复杂数据关系的难点,设计侧巧妙的使用树形连接线的可视化手段解决数据关联不清晰的问题,让信息结构更易懂,方便用户理解和操作。
在我们的版本管理模块中,用户在需求规划阶段需要将交付的需求和开发分支进行关联,一个需求不仅可以与多个开发分支进行关联、多个需求也可以与多个应用进行关联。这里的不仅要解决复杂的关联关系,还要解决需求与开发分支可增删的操作难点。

image.png

 

  • 针对这样的复杂多维使用场景,我们在设计时借鉴了树形连接线来解决需求与开发分支的复杂关联关系,通过树形连接线将需求与开发分支进行串联,让复杂的关联关系一目了然。

    在解决了复杂的关联的同时,在连接线上增加了「新增」及在表格操作列增加了「操作列」的操作来解决编辑等扩展问题。

 

树形连接线作为一种解决数据可视化的手段有效解决了业务中的难点,同样设计团队也将其拓展到了更多适用场景,帮助用户提升信息查看和操作效率。

 

image.png

 

  • 在处理嵌套表格时,树形连接线的使用极大增强了单元格与嵌套层之间的视觉关联。

  • 在OKR系统中,树形连接线的应用使目标和任务之间的从属关系更加明晰。此外,还为卡片在折叠状态下提供了展开后可查看更多信息的视觉引导。

通过以上创新应用,树形连接线已成为提升数据可视化和用户交互效率的重要设计元素。设计团队将继续探索其在不同业务场景下的应用潜力,以进一步优化用户的信息读取和决策过程。
以上两组业务组件的设计思路充分体现了设计师对用户诉求的深入洞察,并在设计上做出了突破。
设计师在对用户场景深入分析后,巧妙地将现有组件的优势与用户场景相结合,创造出了一系列新的业务组件,这些业务组件不仅解决了一系列共性问题,也为未来的业务组件设计提供了新的可能性。
 三  制定可持续的体验改进策略 

 

以上几个是我们通过洞察用户诉求,依靠设计手段改善用户体验的典型案例。

 

想要持续而又高效的提升产品的用户体验,仅凭零星的创意是不够的,还需制定一套有效的设计策略,这套策略旨在培养设计团队成员的创新意识和体验思维能力,使设计团队能够持续产出高质量的用户体验解决方案。

 

(1) 培养宏观视角
设计师理解需求时需从全局视角审视业务需求、产品目标和用户诉求,深入洞察产品体验旅程中的所有关键触点,避免陷入只见树木不见森林的误区。通过多元的视角辅助我们了解用户行为背后的真实动机,从而提出更有效的解决方案。

(2) 鼓励尝试更多可能

在项目中,我们鼓励设计师在满足产品和业务需求的基础上,打开思维的边界去探索更多可能性。无论是对用户的理解还是设计方向的探索,我们支持设计师不断自问,给予他们尝试更多可能性的资源支持,以促使设计师们产出无懈可击的解决方案。
(3) 理解用户对变化的抗拒心理
在B端产品中,用户对比较大的变化会产生抵触心理,从心理学上来讲:大家更喜欢保持现有的、已熟悉的行为模式和习惯。如果出现一些改进比较大的优化方案上线后,用户并不一定都是照单全收,极端情形下还会出现用户要求代码回滚的情况。
因此,我们在设计时不仅要解决业务需求,还要考虑用户的学习成本和对变化的接受程度。必要时,需通过强化运营和落地最佳实践,让用户意识到改变后的优势和收益来提升心理上的接受度。
(4) 沉淀与复用优秀设计方案
我们会定期复盘并将在项目实践中已经被验证的优秀、通用性高的方案(包括但不限于交互、视觉、业务组件等)定期汇总到设计组件库以及模板库中。通过评估这些方案的价值点和适用场景,设计师可以将这些经过验证的方案作为备选,复用和延展到未来的项目中,为更多业务、更多产品赋能。
转载:UXD笔记
 四  写在最后 
落地简单、顺滑、激发的产品设计理念,我们不求一蹴而就,而是有意识的去关注用户的问题,持续不断的优化和改进,用心对待每次微小的改进,积少成多,最终会实现产品与用户之间的“心有灵犀”。
希望以上分享能给从事在B端体验设计伙伴们带来一些新思路、新思考。优化、改进的途径有很多种,我们愿意将此次分享称为抛砖引玉,更多还是需要我们深入到业务中,与产研同学协作一起产出更优秀的解决方案。

日历

链接

个人资料

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

存档