首页

交互设计 | 无人机控制系统的 UI 设计:从人机交互到任务管理

杰睿 大数据可视化设计文章及欣赏

随着无人机在安防、能源巡检、应急救援等领域的应用不断拓展,如何通过直观高效的 UI 设计来提升操控体验,成为人机交互设计的重要课题。尤其在 B 端场景下,控制系统的界面不仅仅是“好看”,更关乎 操作效率、任务安全与信息透明度。本文将结合我们在无人机控制系统中的设计与开发经验,探讨 UI 设计的关键思路。

  1. 无人机控制系统的 UI 特点
无人机控制系统和常见的 C 端 App 最大不同点在于:
  • 功能复杂:涵盖飞行操控、实时监控、任务管理、数据记录等模块
  • 信息密集:需要同时展示地图、遥测数据、视频流、任务状态
  • 操作风险高:任何延迟或误操作都可能带来任务失败甚至安全风险
因此,UI 设计要在复杂功能和简洁操作之间找到平衡。

  1. 人机交互设计思路
在无人机的控制场景中,我们重点关注三个核心交互:
  • 操控界面
    • 界面必须响应迅速,操作逻辑接近实体遥控器
    • 关键信息(高度、速度、电量、信号强度)固定在高可见区域
    • 交互控件避免冗余,强调“就近操作”
  • 监控界面
    • 视频监控与地图信息并行显示,保证环境感知
    • 通过颜色和标识强化异常预警(例如低电量、信号丢失)
    • 支持多源数据切换(红外/可见光/传感器数据)
  • 任务管理界面
    • 提供任务创建、路径规划、状态跟踪
    • 界面流程化,降低使用门槛
    • 可视化展示任务进度与历史记录

  1. QT 在无人机 UI 开发中的作用
在技术实现层面,我们采用 QT 框架 来开发跨平台的无人机 UI 界面:
  • 跨平台能力:支持在多种操作系统与硬件环境中运行
  • 高性能渲染:保证地图、实时视频流、传感器数据的流畅显示
  • 可扩展性:便于快速接入不同的无人机型号和任务模块
QT 的模块化设计也让我们能够灵活管理界面控件,并针对不同客户需求定制功能。

  1. 设计中的挑战与解决思路
  • 挑战 1:信息过载
    • 解决方案:基于任务场景分层展示信息,重要信息常驻,辅助信息可收起
  • 挑战 2:操作延迟
    • 解决方案:优化数据传输链路,并在 UI 中通过加载状态和安全提示降低误操作风险
  • 挑战 3:任务复杂性
    • 解决方案:采用可视化任务流转界面,帮助用户直观理解任务进展
无人机控制系统的 UI 设计,本质上是一个 高风险、高密度信息的人机交互问题。它既要满足操作员对实时响应的要求,又要保证任务的安全性和可追溯性。通过结合 合理的交互逻辑QT 的技术实现,我们能够在操控、监控与任务管理之间,打造出一个既专业又高效的控制系统界面。

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

提升用户体验的交互设计实战指南:方法、流程与技巧

杰睿 设计管理与成长

如何优化交互设计,提高用户体验?——实用工作流程与技巧

在做产品时,大家都绕不开一个核心问题:如何通过交互设计真正提升用户体验?
很多时候我们以为加点动效、换个布局就能优化,但结果往往事与愿违。想要真正做到有效优化,背后需要一个系统的思路和工作流程。

下面我结合实际经验,总结了一套可操作的路径,供你参考。


一、优化交互设计的核心思路

  1. 以用户为中心:理解真实需求,避免“设计自嗨”。

  2. 减少认知负荷:用户不该被迫思考「下一步怎么做」,交互要自然顺畅。

  3. 保持一致性:控件逻辑统一,降低学习成本。

  4. 预防错误 & 容错:减少出错机会,并提供撤销或返回。

  5. 数据驱动优化:用埋点和分析找到问题,而不是凭感觉去改。


二、交互设计优化的工作流程

这套流程可以理解为一个循环迭代:发现问题 → 提出假设 → 设计改进 → 测试验证 → 持续迭代

1. 发现问题

  • 用户研究:访谈、问卷、可用性测试

  • 数据分析:漏斗分析、热力图,定位流失点

  • 竞品调研:参考行业里成熟的交互模式

2. 提出假设

用户旅程图 标记关键环节,并提出“问题-假设-预期”:

  • 问题:注册流失率高

  • 假设:减少表单字段

  • 预期:完成率提升 15%

3. 设计改进

  • 原型设计:低保真快速迭代

  • 交互规范:层级清晰,控件一致,反馈及时

  • 文案优化:提示语直白,避免模糊

4. 测试验证

  • 可用性测试:5~8 个目标用户足够发现问题

  • A/B 测试:不同版本上线,验证哪种更好

  • 满意度调查:SUS、NPS 等量化指标

5. 持续迭代

  • 定期复盘:看上线效果是否达到预期

  • 维护设计规范 & 组件库:减少重复劳动

  • 小步快跑:持续小幅优化,而不是大刀阔斧一次性推翻


三、实用小技巧

  • 优先级排序:聚焦高频&高价值的流程(注册、支付、搜索)。

  • 微交互:细节处的反馈、动效,能让体验加分。

  • 渐进式披露:分层展示功能,避免用户被信息淹没。

  • 跨团队协作:和产品、开发、运营对齐目标,确保设计能落地。

 

交互设计优化不是一蹴而就的,而是一个持续发现问题、验证假设、迭代改进的循环。只有把用户体验当作持续经营的对象,产品才能在竞争中保持优势。

 

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

都说用户体验是提高转化率的关键,那用户体验设计公司是干什么的?

杰睿 设计管理与成长

用户体验设计公司的意义 | 工作内容与个人提升路径
在设计行业里,很多人会把“UI设计”“交互设计”“用户体验设计”混为一谈。尤其是当谈到“用户体验设计公司”的时候,有些人会疑惑:这样一家公司存在的意义是什么?它到底在做什么?作为设计师,如何在这个领域里不断提升自己?
今天我想从三个角度来浅谈
意义 → 要做什么 → 如何提升

一、用户体验设计公司的意义

如果说一家传统设计公司解决的是“好不好看”的问题,那么用户体验设计公司解决的更多是“好不好用”的问题。
它的价值可以总结为三点:
为产品和用户之间搭桥 好的体验能让用户快速理解并愿意持续使用一个产品。体验公司相当于“翻译官”,把复杂的功能转化成自然的交互和流程。
提升商业竞争力 在今天的市场里,产品差异化往往体现在体验上。一个用户体验更流畅的产品,更容易留住用户,也能形成口碑和复购。
降低企业试错成本 用户体验设计强调调研、验证和迭代。相比凭直觉开发,先通过设计环节优化用户路径,可以避免大量无效开发。
换句话说,用户体验设计公司的存在,不仅是“美化界面”,更是帮助企业用更低的成本、更快的方式做出更合适的产品。

二、用户体验设计公司具体要做什么

如果把它拆解到实际工作层面,大致包含以下几个方面:
用户研究 通过问卷、访谈、日志分析等方式,了解用户的需求、痛点和行为模式。
交互设计 把需求转化为流程、信息架构和交互逻辑。常见的产物包括用户旅程图、流程图、原型图。
视觉设计与设计系统 在保证交互逻辑清晰的前提下,输出统一的视觉规范与界面风格,提升整体品牌感。
可用性测试与迭代 把设计原型交给真实用户测试,根据反馈不断改进,确保产品真正好用。
与团队协作 体验公司往往要与产品经理、研发团队密切合作,把设计方案落地,而不是停留在PPT里。
一句话总结:用户体验设计公司要做的,就是用专业方法论,帮助企业把“想做的产品”转化为“用户真正想要的产品”。

三、个人如何提升自己

如果你想进入或深耕用户体验设计领域,可以考虑从这三个方向入手:
建立跨学科思维 体验设计不仅仅是画原型,还涉及心理学、行为学、商业逻辑。多阅读、跨界学习,会让你设计更有洞察力。
强化表达与逻辑能力 一个体验设计师要经常说服产品经理、研发、甚至客户。清晰表达方案背后的逻辑,比会画图更重要。
积累真实项目经验 书本和课程能打好基础,但真正的提升来自实战。参与项目,从用户调研到方案迭代,把每一步做完整。
持续关注行业趋势 比如AI对设计流程的影响,新的交互范式(语音、空间计算等)。保持敏感度,能让你更快适应变化。

用户体验设计公司的意义在于通过研究、设计与迭代,把企业想做的产品转化为用户真正想要的产品,同时设计师需要以跨学科思维和实战经验持续提升自己
 

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

朴素的交互设计原则

杰睿 设计思维

基本原则
清晰、简洁、一致、可操作暗示以及隐喻(可供性)、反馈、容错、高效、易记忆易学习。

1. 清晰
内容、结构、界面效果都是清晰可见的,加强情感的修饰,注意只使用文字与排版来表达页面,以字体、字号、颜色、版式,精妙动画效果来增加界面的精致性与设计不够。尽量避免平滑、阴影。
2. 简洁
为了用户聚焦,限制明确页面唯一的或者最重要的目标性,不让用户让焦钛的选择感。
3.一致性
界面元素的标准控件化:问题使用系统交互元素,以及界面和用户之间对话风格的统一:标准文本风格、口吻、语气、统一话术。
4.可操作暗示隐以及喻意
让用户看到这个就是可以交互的,按钮要像按钮,与文本内容以及其他界面元素有所区别。另外可增加操作引导,在操作时给予引导,而不是独有的一股脑引发引导。隐喻本可以单独做一个原则,但这里与可操作暗示大约类似,隐喻指的是虚拟界面可以做到让用户经验类似的喻,确实是现实物理世界的隐喻还是虚拟数字世界。让用户无成本迁移感。5
. 反馈
任何操作都要给予可感知的操作反馈,当点击或者其他时,被操作交互的要素要给予短暂的强调,另外通过动画给予进度提示,
6.容错与安全感
降低用户犯错成本,做到高危操作可恢复。应用应该通过使用熟悉的、可预见的交互元素,确认重要的操作、可回溯的取消手段等方式,来让用户觉得自己处于被保护的状态中。此外还有防错原则,采用本质的安全设计方式(固有)安全),比如表单未完成按钮不可用...
7.高效
两个方面,用户高效使用的性以及高效开发的性,要关注网页技术新功能,快速迭代那些优秀且通用改装的新功能。
8.易学习易记忆
这是最后一条,在做到前面的原则之后,这条应该是取缔的,但是由于技术性平台的特殊性,涉及专业性技术术语等等的东西,所以对于一些非技术人员或者不太懂行的技术人员,需要提供提醒文档嵌入,方便用户学习。

 

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

交互设计趋势——技术、伦理与人文的深度融合

杰睿 行业趋势

 

基于当前成果与行业动向,交互设计未来将呈现以下核心趋势,推动数字体验向更智能、包容、可持续的方向发展:
趋势一:多模态交互融合迈向“无感化”,打破传统输入边界 现有成果如车载多模态系统、智能家居无界面设计已展示雏形,未来交互将更少依赖显式指令(如点击、语音),转而通过生物信号(脑电波、心率)、环境感知(温度、湿度)、行为模式分析等实现“无意识交互”。例如,设备可自动识别用户情绪变化调整服务,或通过触觉反馈替代视觉提示,降低认知负荷。脑机接口技术(BCI)的突破可能让“意念控制”走入日常生活,但需同步解决隐私与伦理风险。
趋势二:AI驱动的“自适应交互”,从千人一面到千人千面 现有AI无障碍游戏方案与个性化推荐系统证明,AI可动态适配不同用户需求。未来交互系统将基于用户生理数据(如视力、听力)、行为习惯(如左利手偏好)、甚至实时心理状态,实时调整界面布局、交互方式与反馈强度。例如,老年人设备自动简化操作流程,儿童模式增强视觉引导,情绪低落时减少干扰信息——交互设计从“标准化”转向“动态个性化”。
趋势三:伦理与隐私设计成为核心准则,构建“可信交互” 随着AI与传感器渗透生活,数据滥用与算法偏见风险加剧。未来交互设计需嵌入隐私保护机制:如本地化数据处理、用户可控的透明度界面、反歧视算法设计。例如,智能家居默认匿名化数据,用户可随时查看设备决策逻辑;脑机接口设备强制要求用户授权协议,避免思维信息泄露。交互设计需从“功能优先”转向“责任优先”,建立用户与技术间的信任关系。
趋势四:情感化设计深化,技术成为情感共鸣的桥梁 纽约时报的VR新闻与游戏的情感化叙事表明,交互设计正从“工具理性”走向“情感价值”。未来将结合情感计算与生成式AI,创造更具共情力的体验:虚拟助手通过微表情与语调模拟真实情感,医疗设备通过交互缓解患者焦虑,教育工具通过情感反馈增强学习投入感。技术不再仅是效率工具,而是成为情感连接的中介。
趋势五:跨现实交互重构空间边界,虚实融合创造新场景 当前VR/AR技术已在新闻、游戏领域突破,未来将进一步渗透至工作、社交与医疗。例如,远程协作中通过AR实现虚实叠加的团队讨论,虚拟试穿结合触觉反馈提升购物体验,医疗手术训练通过VR+力反馈设备模拟真实操作。交互设计需解决虚实信息无缝切换、空间感知一致性问题,打破物理与数字空间的割裂。
趋势六:包容性设计从“特殊需求”走向“普遍设计” 视障游戏方案与老龄化智能家居的成功启示:为边缘群体设计往往能创造更普适的价值。未来交互设计将默认考虑全人群需求,例如,语音交互同时支持方言与多语言,界面自动适配不同视力与认知能力,公共服务设备集成辅助技术。包容性设计将成为产品创新的起点而非附加选项。
趋势七:可持续交互设计贯穿产品生命周期,推动绿色转型 “绿能管家”APP与节能智能家居体现交互设计在环保中的潜力。未来趋势包括:通过行为引导减少能源浪费;设计可拆卸、模块化的硬件交互组件,延长设备寿命;利用交互界面引导用户参与回收流程;甚至通过碳足迹可视化激发集体环保行动。交互设计将成为可持续生活方式的“催化剂”。
 
技术革新与人文关怀的双轮驱动 交互设计正站在新的转折点:技术能力(如AI、脑机接口)不断突破边界,但核心价值始终回归“人”。未来优秀的设计将平衡效率与人性化,兼顾创新与伦理,让技术真正服务于不同背景、不同需求的人群。设计师需以更广阔的视野,将社会责任、情感连接、可持续理念注入每一次交互决策中,推动数字世界与现实生活的更美好融合。

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

人工智能对设计师日常工作和界面的真正影响:哪些因素仍然重要

杰睿 用户研究

想法简述

  • 本文探讨了人工智能如何重塑设计师的工作流程,为研究、实施和测试提供速度和支持。
  • 报告认为,尽管人工智能很有用,但它缺乏深度和背景——因此人类的判断、批判性思维和用户洞察力是不可或缺的。
  • 它强调核心设计原则保持不变,设计师必须学会融入人工智能,同时又不丧失自己的技艺。

人工智能正在加速设计工作流程,并重塑我们构建数字产品的方式,但我们真的明智地运用了它吗?在这篇实用且以经验为导向的文章中,一位经验丰富的设计师剖析了人工智能在研究、原型设计和测试过程中真正提升价值的地方,以及它目前仍未达到的水平。从实用技巧到真实案例,本文探讨了如何在不牺牲用户洞察力、设计技巧或战略思维的情况下有效地与人工智能协作。如果您正在探索人工智能驱动的全新设计格局,那么这正是您所需要的视角。

如今,设计师们总是对人工智能加速工作流程赞不绝口。这并非没有道理——如今的企业比以往任何时候都更需要快速的草稿、快速的测试和快速的发布,以保持用户的参与度。

然而,许多设计师仍然未能抓住关键点,在产品中运用AI技术时未能充分发挥其专业知识。结果如何?许多被大肆宣传的AI产品制造的只是噪音而非价值,导致用户体验浅薄。

从事设计行业十年,我学会了对创新持保留态度,并将它们从昙花一现的潮流转化为切实可行的方法。正因如此,我想分享人工智能如何真正改变设计师的日常工作,如何改变界面,以及设计流程中哪些部分永远不会改变。

在本文中,我将分享示例、实用建议以及我的经验见解,帮助您了解人工智能的适用范围以及人类技能仍然是关键的地方。

如果您想清楚、诚实地了解人工智能对设计和商业的真正影响,请继续阅读。

为什么人工智能成为设计师日常工作流程的核心部分

为了更好地理解人工智能如何在每个阶段增强设计,首先概述一下在人工智能成为流程的一部分之前设计工作的传统展开方式。

总体而言,产品设计师通常采用两种主要工作方式:

这两种方法都面临着同样的挑战:企业不断缩减预算,加快进度。这迫使许多团队不得不做出取舍。设计师往往精力分散,最终忽略了更深入的探索工作。可用性测试充其量也只是在发布前进行——仓促且不足。

然后出现了人工智能。

根据我的经验,AI 可以在产品迭代周期的三个关键阶段为设计师提供支持:

  • 输入和产品分析。
  • 研究与探索。
  • 实施和测试。

让我们仔细看看它们。

1.分析

现在很多工具都提供人工智能生成的仪表板、反馈和用户行为摘要。它们非常方便,尤其是在你追踪趋势的时候。然而,它们并不总是准确的。

它能凸显可见的内容,但并不总是重要的内容。有时,真正推动结果的洞见被埋藏得更深,除非你主动寻找,否则很难发现它们,原因如下:

  • 人工智能根据可用数据生成枯燥、表面的摘要。
  • 它并不总是能区分信号和噪声,或者突出影响结果的因素。
  • 影响结果的一些见解可能与人工智能标记的完全不同。

提示:将 AI 摘要作为起点。如果某些内容引起了您的注意,请深入挖掘。返回原始数据,验证洞察,并确认它是基于实际用户行为,还是仅仅停留在纸面上。

2. 研究

研究是产品设计中最耗时(且常常被低估)的部分之一。它常常会耗费你几个小时。因此,AI 可以帮助你:

  • 从客户访谈、文档或 Notion 页面中提取关键要点。
  • 分析多个 URL 或来源中对特定主题的提及。
  • 无需逐一阅读,即可浏览数百条 App Store 评论。
  • 生成竞争对手的快速列表并提取他们提供的功能、他们的定位或用户的赞扬/抱怨。

但是,不要指望它能完成所有工作:)人工智能更像是团队中的一名额外研究员,需要得到指导、明确的方向和仔细检查。

提示:尝试成为更专业的T型专家,并学习如何编写一些脚本和提示。了解AI的思维方式将有助于你更好地引导它,并加快你的工作流程。

例如,您无需要求分析团队重建仪表板,只需下载包含评论的页面(例如 HTML 格式)。然后让 AI 对其进行解析,将其转换为表格,并按情绪或关键词排序。您无需等待几分钟即可发现规律,从而节省团队成员的时间。

3. 实施

在这个阶段,你可以加快初稿的创作速度。从落地页到屏幕流程,设计师在每一步都需要生成大量的素材,说实话,并非每个人都能跟上。例如,在我们的面试中,600名候选人中只有三分之一了解这个阶段的基本流程。

这就是为什么,借助一些人工智能的指导,你可以维持生存并:

  • 产生早期概念和插图。
  • 对布局清晰度或调色板进行压力测试。
  • 探索 UX 模式或流程变化,无需从头开始重新绘制所有内容。

提示:如果您想让起草协作更加高效,请为其提供 10 多个能够体现您品牌风格的参考视觉效果。请注意,AI 的性能取决于您提供的数据。它没有直观的视角。

Figma 的 AI 发布为例。它可以在几秒钟内创建 UI 界面,这对于快速绘制草图非常有用。但几周后,他们就禁用了这项功能。由于 Figma 的人工智能助手只在少数几家公司的设计系统上接受过培训,所以很多界面最终看起来非常相似。

下一个实用技巧:尽量清晰详细地描述你的视觉效果。理想情况下,首先写一个清晰的提示,描述风格和插图细节,并附上一些参考图片。然后,让AI生成JSON格式来解释提示的细节——这样,你就能知道它对你的理解程度。

如果结果不太理想,请调整输出或进行调整。例如,如果您想要一条类似骨头的细线,AI 可能会忽略这种细微之处,因此需要进行一些手动微调。一旦接近您的预期,您就可以使用优化后的 JSON 作为进一步迭代的参考。

4.测试

在人工智能测试之前,设计师必须不断要求开发人员创建一些东西并发布它,然后等待反馈才能正确启动它。

然而,如今,有了正确的流程和包含代码就绪组件的优秀设计系统,设计师自己构建用户流程的前端并不难。只需了解其在实践中的运作方式即可。有时,甚至不需要开发人员添加逻辑——只需一个感觉接近真实的工作原型即可。

您可以使用可点击的流程在 Figma 中进行测试,或者更进一步,分享一个基于浏览器的实时版本,用户可以通过该版本实际输入数据。它更加真实、更具洞察力,用户使用起来也更舒适。

提示:使用 AI 工具可以加快您的工作流程并减少对其他团队的依赖。从简单入手:无需等待分析师构建单独的仪表板——您可以自行生成代码并发出 API 请求。如果您需要更新 UI 元素,请直接在 Cursor 中执行,然后将其交给开发人员审核。在很多情况下,这样做会显著加快速度。

人工智能不会取代工艺或设计与开发之间的协作。但它可以消除摩擦。在这个商业目标瞬息万变的世界里,节省下来的时间可以让你拥有更多空间进行实验,打造更优质的产品。

人工智能如何帮助做出艰难决定

AI 无法(也不应该)替你做出产品决策。然而,它可以通过更清晰地呈现流程,帮助你更快、更自信地做出决策。

例如,在 TitanApps,我们总是会分析用户反馈来决定是否添加新功能。然而,用户并不总是会要求产品中出现“下一个重大改进”。因此,他们的大多数评论都反映的是现有功能。幸运的是,作为 Attlassian 社区的一员,我们可以访问论坛,在那里大家分享痛点、推荐工具并寻求帮助。

在人工智能出现之前,我们手动爬取论坛,尝试不同的关键词组合,追踪同义词,审阅长帖,并收集模式。有时,仅仅为了支持或反对某个产品方向,就需要整整一周的时间。

现在只需要几个小时。以下是整个流程:

  • 我们准备了一个结构化的 JSON 文件,其中包括论坛帖子链接、主题集群和相关元数据。
  • 人工智能扫描了大约 20 个主要链接,每个链接包含多个子主题,提取了关键见解,并在大约三个小时内汇编了调查结果。
  • 与此同时,我们用 90 分钟的时间,从竞争对手那里抓取 HTML 评论,进行了并行分析。我们想了解:用户是否提出了类似的问题?其他产品是如何应对的?他们是否能更好地解决问题,还是存在一些不足?

当然,在两次分析过程中,我们都验证了所使用的信息和来源。

在这两个直播活动进行的同时,我们花时间梳理了我们最初的想法在哪些方面没有引起人们的兴趣。在此过程中,我们的团队发现了一些更有价值的东西:围绕一个相关主题的需求正在增长,而这个主题是竞争对手尚未妥善解决的。

因此,我们不需要花整整一周的时间在论坛和主题之间来回切换,而是在一天之内就获得了完整的方向快照。

人工智能如何改变设计界面

随着人工智能越来越多地融入产品,改变的不仅仅是设计师的日常工作流程,界面本身也在不断发展。为了理解人工智能的影响,我们将其分为两类:

  • AI是用户主动交互的可见工具。
  • AI 是一个隐形层,可以在后台改善用户体验。

在这两种情况下,最终的界面不再是最重要的结果。更重要的是设计师能否放眼全局,理解用户的旅程。以下是这种转变的重要性:

  • 如果人工智能以助手或聊天机器人的形式出现,你需要了解用户对它的实际期望——他们会提出什么样的请求,他们试图解决什么问题。只有这样,你才能考虑如何呈现这些信息:纯文本、GPT 风格的聊天,还是仪表盘。

一开始,您可以让用户完全自由地输入任何内容并获得回复。但为了打造更智能、更流畅的体验,并更有效地训练模型,您需要识别其中的模式。有些人可能会寻找冲刺总结,而另一些人则可能寻找待办事项概览,甚至是拉取请求分析。

然后,下一个问题出现了:用户提取信息后会如何处理:在会议中使用、导出等。这会影响您在何处以及如何展示 AI 助手、您提供什么样的提示或模板,以及您可以自动化多少流程而无需用户手动询问。

提示:训练你的鸟瞰视角。尽管许多人都能察觉到设计优先级的这种转变,但根据我的经验,候选人往往会急于将问题视觉化。他们专注于单个屏幕,却没有分析整个用户交互和旅程。

如果人工智能在幕后默默运行,这种视角就变得更加重要。作为一名设计师,你需要:

  • 深入了解你的听众。
  • 跟踪反馈和分析。
  • 注意人工智能可以在哪些方面增强体验以及在哪些方面可能会造成阻碍。

以 Copilot 这样的开发者工具为例。早期的一个主要抱怨是,它无法适应每个人的风格。它会生成通用或难懂的代码,与具体情况不符。它非但没有提供帮助,反而扰乱了开发流程。

或者看看像 Cursor 这样的工具。它在 Twitter 上流行起来,人们开始用它来做一些小项目。然而,很多人甚至不知道如何让它正常工作。所以,并非所有 AI 工具都适合所有人,也并非所有时机都是引入它的合适时机。

为了更好地设计这种人工智能,你需要知道:

  • 当它有帮助时。
  • 它应该建议什么。
  • 用户将如何实际操作它。

提示:请记住,人工智能是一种工具,而不是灵丹妙药。这些后台助手即使不可见,仍然具有某种界面。设计师现在也必须学会为此进行设计。

人工智能无法改变的设计原则

尽管人工智能推动设计师去适应——像开发人员一样思考,平衡业务目标,并保持以用户为中心和独特的方法——但有些原则仍然没有改变,比如雅各布定律

用户会熟悉各种模式,他们不想重新学习已经奏效的方法。正因如此,不要无缘无故地重复造轮子至关重要。如果有既定的最佳实践,那就去实践。人工智能不会替你做决定——你的职责是了解哪些方法已经得到验证,何时值得创新,以及何时坚持用户已知的方法更为明智。

所以,没错,如今成为一名设计师比以往任何时候都更加复杂。但如果我们提升视野,保持T型思维,并抵制过度复杂化的冲动,我们就能利用这些工具——包括人工智能——来做得更好,而不仅仅是更快。

最终,我们的目标是设计出有意义的东西。

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

优秀UI设计背后的心理学

杰睿 交互设计及用户体验

你知道那些感觉恰到好处的设计吗?就是那些所有东西看起来都恰到好处,你不用眯着眼睛看,不用思考,也不用疯狂点击就能搞清楚的东西。

这不是魔术,而是心理学。

好的 UI 设计并非仅仅因为选择了合适的蓝色调或使用了漂亮的字体就能够实现。它之所以有效,是因为它了解人们的想法。他们注意到了什么,忽略了什么,以及什么会让他们偷偷地咒骂。

让我们分析一下优秀 UI 设计背后的心理学,这样您就可以打造让用户感觉自己像天才的体验,即使他们还没有喝咖啡。

1. 你的大脑是个懒惰的天才(认知负荷)

事实是这样的:人类的大脑非常强大,但也非常懒惰。

我们一直在努力节省脑力。正因如此,优秀的 UI 设计不会让人们思考过多。如果你的应用感觉像个谜题,用户就会离开,甚至可能在离开时留下措辞激烈的评论。

设计不是为了炫耀你有多聪明,而是为了让用户感觉自己很聪明。

不会让人头脑发热的技巧:

  • 使用清晰的层次结构。每个屏幕一个主要操作通常就足够了。
  • 避免不必要的选择。这不是智力竞赛节目。

隐藏复杂性,直到需要它为止。(是的,“高级设置”,我说的就是你。)

2.“选择太多”问题(希克定律)

希克定律很简单:你给某人的选择越多,他们做出选择的时间就越长。他们就越想哭,或者放弃。

你有没有看到过一个下拉菜单,上面列着 30 个国家,按字母顺序排列,以“阿富汗”开头?没错,就是这样。

设计的意义在于减少决策。设计的目的并非剥夺自由,而是让路径清晰可见。

像极简主义者一样设计:

  • 将大任务分解成更小的步骤。
  • 突出显示最常见或推荐的选项。
  • 使用默认值,因为大多数用户无论如何都会使用它们。

3. 目标应该容易实现(菲茨定律)

微型按钮。超薄的文本链接。可关闭的模态框,带有一个比果蝇还小的“X”。

我们都诅咒过它们。菲茨定律说,点击某个按钮所需的时间取决于两个因素:按钮的大小和距离。所以,如果你想让人们真正点击你的按钮,就让它可点击。

实用想法:

  • 增加触控目标,尤其是在移动设备上。没有人能像忍者一样精准地控制手指。
  • 将主要按钮放置在容易触及的位置。考虑拇指区域。
  • 避免操作间隔过长。误触会导致新的“愤怒点击”。

4. 视觉层次:用户流失的原因

用户不会从上到下阅读屏幕内容。他们浏览的速度就像松鼠在喝浓缩咖啡一样。

所以你需要像指挥家指挥管弦乐队一样控制视觉层次。利用大小、颜色、粗细和间距来传达“嘿,先看这里!”

如果没有等级制度,一切都会争夺关注。当一切都在大声喧哗时,没有人会被听到。

尝试一下:

  • 粗体表示主要操作。较不重要的内容则使用较轻的字体。
  • 像工作一样使用空白。(因为它就是你的工作。)
  • 想要快速测试一下吗?眯起眼睛看看你的设计。哪里最突出?那就是你的焦点。

5. 熟悉胜过创造力

你可能想成为按钮界的毕加索,或者重新设计导航栏。但你猜怎么着?人们喜欢他们熟悉的东西。

登录表单中邮箱和密码的顺序总是一致的,这是有原因的。这不是懒惰,而是熟悉。

该怎么办:

  • 坚持使用关键流程的标准 UI 模式:注册、结帐、导航。
  • 将创意内容保存为微交互或视觉效果,而不是基本布局。
  • 记住:熟悉=值得信赖。奇怪=可疑。

6. 将属于同一类的事物归为一类(格式塔心理学)

格式塔心理学本质上是我们大脑快速解读现实的方式。我们不会将事物视为孤立的元素。我们会根据接近性、相似性、一致性和连续性对它们进行分组。

如果你的 UI 不遵循这些模式,用户就会感到困惑。而困惑是导致你关闭标签页的捷径。

例子:

  • 外观相同的按钮应该具有类似的功能。不要欺骗用户。
  • 将表单中的相关字段放在一起。不要像复活节彩蛋一样将“姓名”和“电子邮件”散落一地。
  • 对齐内容。未对齐的内容会引发潜意识的不适。

7. 情感>逻辑

秘诀在于:人们会凭情感做出决定,然后用逻辑来证明其合理性。这同样适用于用户界面。

想一想。你是否曾经仅仅因为感觉良好而点击过某个按钮?那种令人满意的悬停效果?那种微妙的动画效果?

设计可以激发喜悦,也可以激发沮丧。

如何为感受而设计:

  • 使用个性化的微文案。一点点魅力就能带来很大的效果。
  • 动画应该像黄油一样,而不是迈克尔贝的电影。
  • 创造愉悦的时刻:令人愉快的成功信息、五彩纸屑动画或令人满意的加载状态。

8. 人们记住高峰和结束(峰终定律)

用户不会记住旅程的每一秒。他们只会记住最激动人心的时刻和旅程的结局。这就是峰终定律。

因此,如果您的结账流程无缝,但确认屏幕看起来像 404 页面,猜猜他们会记住什么?

设计提示:

  • 找到你的“巅峰时刻”。让它们变得令人愉悦。
  • 千万不要忽视结尾。确认信息、感谢页面、注册成功页面,它们比你想象的更重要。

9. 真正的用户体验恶棍:不确定性

如果用户不确定按钮的功能,他们就会犹豫。犹豫会扼杀用户行动的动力。

最好的用户界面能消除疑虑。它会说:“嘿,点击这里。很安全。你不会意外删除所有内容。”

使用这些武器:

  • 清晰的标签:“保存草稿”比“提交”更好。
  • 微文本:一行小文字就能消除恐惧。
  • 反馈:显示刚刚发生的事情以及接下来发生的事情。

10. 让你保持理智的工具

说实话,有时候你确实没时间从头开始构建每个流程。这时,像Made in Figma这样的插件就能帮上忙了。

它允许您直接使用预先构建的 UI 流程和遵循最佳实践的组件。无需猜测,无需费力寻找灵感。就像拥有一位话不多的设计副驾驶。

当我想快速行动而不牺牲质量时,或者当我的大脑在咖啡因的烟雾中运转并且我只是需要一个可靠的布局来即兴发挥时,我会经常使用它。

额外奖励:如果您仍在阅读……

首先谢谢。看来你对好的设计很认真。

其次,这是心理学驱动的用户界面的备忘单:

  • 减少噪音(越少越好)
  • 引导眼睛
  • 尊重默认设置和模式
  • 设计要注重情感,而非仅仅考虑逻辑
  • 帮助用户感受到掌控
  • 有疑问的时候?别耍小聪明,要清楚

兰亭妙微(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
 

以人为本的人工智能:用户体验设计师的 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

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

杰睿 设计管理与成长

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

日历

链接

个人资料

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

存档