首页

智能座舱HMI主交互策略(一):主交互框架

分享达人 交互设计及用户体验

从互联网体验设计师转行到新能源做用户体验产品经理已经一年多的时间,期间主导了一套完整的智能座舱HMI设计体系搭建,同时负责座舱内软件产品的用户体验把控及主交互、车控两个模块的产品定义。

向用户请求权限的正确方式

博博 设计思维

 

权限的目的是保护用户隐私,那么在何时以及用什么方式请求用户权限会是比较合适的?本文将详细介绍Android的运行时权限模型,并展示设计一个UX来请求你的应用程序所需的权限,希望对你有所启发。
从Android 6.0开始,没有在安装时请求所有权限,而是引入了运行时权限模型,开发者可以控制应用何时以及如何请求权限。这如同你想邀某人出去约会,过早、过频繁或以错误的方式对你来说并不好。
本文我将详细介绍Android的运行时权限模型,并向你展示如何设计一个UX来请求你的应用程序所需的权限。权限的目的是保护用户的隐私,但当你请求权限时,你是在要求用户放弃一点隐私,因此,你需要提供明确且平等的利益以换取访问。运行时权限允许你在用户更了解你请求权限的原因和授予权限的好处时选择合适的时间请求权限。Android实现它们的方式使得以正确的方式请求它们变得十分重要。
运行时权限模型有利于保护用户的隐私,当你的应用程序请求权限时,Android会显示一个对话框让用户接受或拒绝它,第一次请求权限时对话框不会显示“不再询问”复选框,只会在用户至少一次拒绝权限请求后显示它,你可以检查之前是否被拒绝过,并明智的决定在何时提供更多教育。
向用户请求权限的正确方式
从Android 11开始,如果用户在使用应用的过程中多次拒绝某项特定的权限,那么在你的应用再次请求该权限时,用户将不会看到系统权限对话框。该操作表示用户希望“不再询问”。
你无需过度防御,例如在实际请求权限之前你始终通过预许可(预授权)来衡量用户授予权限的可能性,本质上是请求两次,这种双重提示可能是不必要且烦人的,你可以通过在正确的时间以正确的方式询问来达到同样的效果。
Material Design分解了在两个维度上请求权限的不同方法。首先权限对你的应用程序的运行有多重要?其次,你请求它的原因有多清晰?根据这两个因素,建议你采用不同的方法来请求权限。
向用户请求权限的正确方式
预先请求权限(Ask up-front)
如果某项权限对应用程序运行至关重要,并且显而易见为什么需要请求它。例如日历应用,拒绝日历权限会使应用程序无法运行,并且用户显然知道日历应用的用途以及请求日历权限的原因,因此
不需要用任何不必要的解释来打扰用户,只需在用户首次启动应用时立即请求它即可。
向用户请求权限的正确方式
预先教育(Educate up-front)
如果某项权限对应用至关重要,但请求它的原因不是很清晰。例如信贷应用,为了准确评估用户的信贷资格、偿还能力和防范反欺诈,通讯录权限、通话记录权限、位置权限对于风控而言非常重要,建议请求权限之前对用户进行教育。
向用户请求权限的正确方式
使用场景中请求权限(Ask in context)
如果应用中的某项次要功能需要权限,但请求它的原因很清晰,建议你在使用场景中请求权限。例如笔记应用允许用户使用语音或音频创建笔记,那么很明显为什么此功能需要麦克风权限,无需过早的请求它,以免用户负担过重,最好等到用户尝试使用该功能时,因为用户更有可能允许符合其预期的权限请求。
向用户请求权限的正确方式
结合使用场景进行教育(Educate in context)
如果应用中的某项次要功能需要权限,并且请求他的原因不是很清晰,建议你结合使用场景进行教育。例如笔记应用允许用户与朋友协作,那么请求联系人权限可能是合理的,但它不是显而易见的,当用户调用该功能时,解释应用获得联系人权限后可为用户提供哪些好处,比如自动填充邮件地址,然后才请求联系人权限让用户授予它。
向用户请求权限的正确方式
处理权限请求遭拒情况
通过使用正确的方法,用户应该清楚应用请求权限的原因以及应用获得权限后可以为他们提供哪些好处。然而,这并不意味着用户一定会授予权限。如果用户拒绝了权限请求,建议采用以下做法:
  • 在应用界面中突出显示因为没有获得特定权限而受限的功能所在的具体部分,例如在原本用于显示该功能的结果或数据的位置显示一条消息,让用户知道因缺少权限而无法使用该功能,帮助用户在权限和功能之间建立心理联系。
  • 不要阻止界面显示,不要全屏警告消息,让用户根本无法继续使用应用。即使在权限请求拒后,应用也应尽可能提供最佳的用户体验。例如即使麦克风使用权限请求遭拒,仍应全面提高文本功能的易用性。
  • 用户可能已经选中了“不再询问“复选框,应用可能会在用户未看到权限请求对话框的情况下受到拒绝,此时应用应该提供一个链接,链接到设备设置中用户可以打开权限的具体位置。
尽量减少权限请求
在应用中声明权限之前,请先考虑是否需要这样做,或者是否有替代方法可以在应用中支持该功能。因为如果应用声明权限,那么每当用户使用需要运行时权限的功能时,应用便不得不中断用户的操作,请求相应权限。然后,用户必须做出决定。如果用户不能理解您的应用为何请求特定权限,可能就会拒绝授予该权限,甚至卸载应用。
下面介绍几个可以在不声明任何权限的情况下实现的用例:
拍摄照片/录制视频
Android为应用提供了相互通信的功能,让你可以将任务委托给其他应用。例如,如果你希望允许用拍照,但它不是应用的核心部分,可以考虑使用Intent请求相机应用拍摄照片并将其分享给你的应用,这样就不需要CAMERA权限。
自动输入动态短信验证码
双因素身份验证流程中,动态短信验证码作为第二校验因素时,使用SMS Retriever API(短信检索器)可以让应用自动执行用户身份验证,不需要用户手动输入验证码,不需要READ_SMS权限。  
 
作者:交互设计师张楚
来源:站酷
 

 

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

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

如何为用户提供正确的键盘输入类型?

博博 设计思维

Android和iOS系统都设计了针对特定表单字段的指定键盘输入类型。但大多数开发人员未能在他们的代码中指定正确的键盘输入类型。这会导致移动设备上的表单完成效率变慢。本文以Android平台为例。
一、输入类型并不总是“文本”
大多数开发人员错误地将每个表单字段的输入类型设置为“文本”。这存在问题,因为每个表单字段的输入并不总是纯文本。通常都有一些字段要求输入带有数字或字母和数字组合的信息。当用户尝试填写这些字段时,他们应该看到一个数字或字母和数字组合的键盘。
不幸的是,当每个字段的输入类型都设置为“文本”时,它会强制用户使用文本键盘来输入数字或字母和数字组合,输入时举步维艰,不是误点,就是需要频繁切换,输入体验十分糟糕。
因此,请务必为每个表单字段指定输入类型,以便系统能够显示相应的键盘。除了指定输入类型,我们还应指定相关行为,例如输入法是否提供拼写建议、是否将句子的首字母大写,以及是否使用“完成”或“下一项”等操作键替换“回车”。
输入类型、行为、操作键整理如下:
如何为用户提供正确的键盘输入类型?
例一. 邮箱地址字段
表单要求用户提供他们的邮箱地址是很常见的。当我们将输入类型设置为“邮箱地址”时,它会为用户提供一个针对邮箱地址输入的键盘。这个键盘不仅显示字母,还可以显示“@”和“.”,用户可以轻松地输入他们的邮箱地址。
如何为用户提供正确的键盘输入类型?
例二. 姓名字段
英文名是专有名词,英语中专有名词的第一个字母要大写。我们将输入类型设置为“人名”,并且设置单词首字母大写。用户无需对英文字母进行大小写切换。
如何为用户提供正确的键盘输入类型?
二、每个键盘对输入类型的反应可能不同
案例一:登录页面的密码输入
钉钉将密码框输入类型设置为“密码”。假定密码为 z0h0a0n0g。
  1. 百度输入法显示密码键盘,完成密码输入仅需点击 9 次。
  2. 搜狗输入法显示文本键盘,用户需在字母和数字之间切换,完成输入需点击 17 次。也支持长按第一行的字母输入数字。
  3. 微信输入法显示文本键盘,完成密码输入需点击 17 次。不支持长按字母输入数字。
如何为用户提供正确的键盘输入类型?
案例二:登录页面的手机号输入
钉钉设置电话号码键盘右下角为“下一项”按钮。
  1. 百度输入法的键盘右下角显示“回车”,用户完成手机号输入后需手动获取密码文本框焦点。
  2. 搜狗输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
  3. 微信输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
如何为用户提供正确的键盘输入类型?
三、Input Type 助力产品输入体验的提升
通过应用 Input Type 你可以正确的为每个文本字段设置特定的输入类型,以及看到每个输入类型(以及输入类型的组合)如何影响键盘。
Input Type这个工具需要安装在安卓手机上,如果没有安卓手机可以电脑上安装一个网易MuMu安卓模拟器就可以用。
应用截图
应用截图

作者:交互设计师张楚
来源:站酷

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

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

设计灵感来源于“善于发现”

博博 设计资源

一、表情化反馈设计
 
通过用户反馈可以让产品的服务和体验做得更好,因此获取反馈的设计变得至关重要。
 
在饿了么 App 点餐,完成订单配送之后,会以弹窗的形式采集用户反馈。通过表情化的设计让用户完成选项,情感化的表达可以提高用户的参与度,进而达到获取反馈意见的目的。
设计灵感来源于“善于发现”
 
 
二、灵动可爱的动效表达
 
动效的表达相较于静态而言更有吸引力,可以让画面更有视觉张力。
 
饿了么在 0 元夺宝活动设计中,以 3D 动效的形式展示灵动可爱的小鱼吐泡泡的画面,瞬间让场景变得更有趣味性。吸引用户关注度的同时,也让活动氛围感十足。
设计灵感来源于“善于发现”
 
三、突出品牌主题的轮播设计
 
轮播图的设计样式丰富多样,设计师都在不断探索更新颖的表现形式和互动玩法。
 
最近在体验芒果TV 时,在好物栏目中的轮播图布局设计中,结合了品牌主题进行轮播切换。不仅强化了品牌主题,新颖的样式表达也使得栏目更有设计感。
设计灵感来源于“善于发现”
 
四、收缩式导航栏设计
 
通过交互形式可以让静态布局有更多灵活性,方便用户在不同操作场景中享受更好的体验。
 
作业帮 App 首页默认状态突出搜索功能,当用户滑动浏览内容时,顶部导航栏和搜索功能会收缩展示。简化部分功能和适配导航栏布局,提高当前界面的利用率,带给用户更好的浏览体验。
设计灵感来源于“善于发现”
 
五、通过动效强化按钮关注度
 
微动效越来越普及,不仅可以让产品变得更有趣味性,也能通过动静对比突出功能关注度。
 
进入作业帮 App 个人中心时,会员开通按钮会通过一圈光效动效进行强化,吸引用户关注到开通按钮。左上角的每日签到图标也会以 3D 动效的形式循环播放,以此吸引用户进行签到操作。通过动效强化功能的吸引力,提高用户的操作概率。
设计灵感来源于“善于发现”
 
六、可视化设计强化任务流程
 
生硬的文字表达无法打动用户的参与度,图形化、趣味性的可视化表达更能打动用户。
 
One More App 通过对选项内容进行图形化表达,让用户更直观地判断,可视化的设计也让任务流程的选择变得更轻松。不仅让选项内容更直观,也能提高用户的参与度,达到采集数据的目的。
设计灵感来源于“善于发现”
 
七、动态封面更吸引人
 
封面设计是吸引用户点击栏目的关键,通过丰富多样的设计表达逐步拉开差异,而动态封面变得尤为重视。
 
天天跳绳 App 首页中,趣运动栏目的活动主题封面进行了动静结合。相较于静态封面而言,动态封面不仅更吸引人,也显得很有趣味性。
设计灵感来源于“善于发现”
 
八、赋予功能营销属性
 
挖掘营销点是提高产品变现力的关键,如何在用户体验和营销曝光度中做平衡,需要我们不断思考和探索。
 
微博 App 内的营销布局点很多,在发现栏目中进行下拉刷新时,有时也会结合活动或者品牌广告。在不改变功能属性的基础上,融入营销属性,是一个不错的尝试。
设计灵感来源于“善于发现”
 
九、趣味性的设置按钮
 
通过设置按钮/开关等进行选项或者功能切换,一枚小小的按钮也可以进行更好的设计发挥,往往细微之处才能体现出产品的体验。
 
进入腾讯动漫 App 在“我的”版块,进行性别设置和夜间/日间切换时,按钮设计结合趣味性的动效表达。小小的按钮变得更加形象可爱,更能吸引用户进行设置和体验。
设计灵感来源于“善于发现”
 
十、细微动效让图标更精致
 
微动效在图标设计中的运用非常普及,通常是为了突出点击状态或者重点功能,而用于所有图标的案例相对较少。
 
最近在体验马蜂窝 App 的时候,发现首页金刚区图标全部都带有微动效,动效表达不会很夸张,都是细微的点缀。不仅点缀了图标设计,也让图标显得更精致和趣味,细微的动效不会使得整体互相干扰,是一个非常不错的金刚区图标设计方案。
设计灵感来源于“善于发现”


作者:黑马青年
来源:站酷

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

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

AIGC产品的设计原则

博博 设计思维

一、AI产品形态介绍

不同的产品所具备的AI能力以及用户的使用方式都是截然不同的。从产品功能的角度,产品大致可以分为三类:辅助驾驶型、内容生产型、自主决策型。

辅助驾驶型

Copilot 辅助驾驶型如其名,更强调AI的辅助性。AI会针对某个模块辅助用户做出决策,或者基于用户的操作而操作,从而帮助用户实现自己灵感的落地,类似在成熟软件中的插件功能。微软的Microsoft 365 Copilot 结合在已有的Word、Excel工具当中,用户仍然可以自己书写文章或表格,但也能随时唤起AI工具进行编辑,对于已有的文件进行汇总、扩写等编辑操作。

内容生产型

内容生产型是需要调用LLM的API来实现某一具体内容的功能性产品。用户需要针对具体场景下达相对详细、明确的指令后,AI会生成内容结果的反馈。比如大家熟悉的midjourney,用户下达具体的内容场景描述,midhourney会返回图片生成的结果。

自主决策型

AI Agent可以进行自主决策和执行任务,它可以通过独立思考和调用工具逐步完成给定的目标,无需人类去指定每一步的操作。比如,告诉 AI Agent 帮忙下单一份外卖,它就可以直接调用 APP 选择外卖,再调用支付程序下单支付,无需用户去指定每一步的操作。

二、AIGC产品设计原则

在AI产品的设计过程当中,针对不同的产品形态、用户场景、用户心智需要明确其设计原则。当前用户对于AI工具的预期是:高性能、快速、高效和可靠。从用户体验上来说,用户与AI产品的交互方式、对于AI产品的信任程度都有别于其他软件。我们需要在各个环节上,制定好AI产品的能力范畴,管理好用户对产品的预期,为AI产品提供一个友好、可拓展的交互架构。

原则1:让用户明确知道产品的能力范围

在产品推出之前,清晰地定义产品的能力和限制。不要过度夸大产品的功能或过度承诺,而是诚实地描述产品的真实能力。给予用户在使用产品前充足的心理预期,用户可以清晰的了解产品的能力范围。更好地管控用户心理预期的同时,也可以向用户传递产品的能力点。
 
如小库科技详细描述了产品可以应用的功能场景,用户对于场景化的词语可以有更好的关联联想,对于产品的能力也有更好的边界认知。
 
科大讯飞也通过具体的场景化进行产品功能的传递
 
在Liblib的模型广场中,会将用户生产的结果、模型以社区成果的形式进行展示,用户可以查看详细的生成参数进行尝试,对于新手用户也可以起到很好的内容引导。

原则2:让用户可预期结果

人工智能决策的透明度对用户至关重要,使用可视化工具、交互或解释性语言让用户能够理解AI是如何做出决策。如小库AI,在“描述词”的提示文案中告知用户输入词的限定以及预期的生成结果,并可以通过词库告知用户可以输入哪些类型的词。
 
如酷家乐AI,用户在首次使用AI工具,没有灵感或想法的时候,引导并提示用户可上传的素材类型,让用户可以有更好的目标预期。

原则3:建立与用户共建产品的机制

积极邀请用户参与产品的设计和改进过程,通过用户调研、用户测试和用户反馈机制,了解用户的期望和需求,并将其纳入到产品的迭代和改进中。如在Discord社区当中,用户可以在官网的反馈入口找到期望反馈的内容板块,可以进行问题帖子的反馈,所有的用户群体可以对帖子的内容进行投票支持和评论。也就是相当于以社区共建的形式,让所有的用户都可以对产品进行共建维护。如果是产品功能本身的问题,开发人员可以及时响应;如果是用户自身对产品的认知问题,社区的小伙伴也可以进行很好的解答。

原则4:减轻用户对数据隐私安全的顾虑

在AI盛行的当下,数据隐私安全可以说是非常敏感的话题了,AI泄漏数据隐私的事件也在不断曝光。妙鸭相机的爆红事件给我们的警示是在产品设计的过程中,除了思考如何利用新技术产出新的创意,对用户数据隐私安全的保护同样重要,它是产品获得用户信任,得以被持续使用的原因之一。
数据隐私安全涵盖的范围是非常广泛的。从产品设计的角度来看对于数据隐私安全的保护可以从以下几点考虑:

1、政策和规范的跟进和了解

遵守数据隐私和安全相关的法律法规和标准对于产品和应用是最基础的。在国内,7月网信办等7部委联合公布了《生成式人工智能服务管理暂行办法》,生成式人工智能服务管理办法的正式落地为我国AI发展打下了基础。

2、积极告知,将决策权还给用户

积极告知用户产品如何保护数据隐私安全也是规避风险的一种方法。比如用户协议中对于用户隐私的处理,比起直接提供给用户大段的文案让他们去逐字查看,在操作流程中说明产品对于用户隐私的使用,并让用户进行手动确认会明显提高用户对于产品的信任程度。苹果在数据隐私安全方面始终站在了用户这一边,无论是安装应用时询问权限还是每次出现的“是否允许粘贴”,其对于隐私保护的方法与措施都值得我们学习。

3、本地存储也是一种选择

Rewind工具可以自动存储用户在自己电脑和手机上看到的所有内容,通过引入“私人助理”的角色,方便用户基于AI进行内容的搜索和浏览整合。工具对于用户隐私的处理也非常值得参考,其主要通过本地存储、内容随时可删除等方法,让隐私优先的原则贯穿在产品的定位和功能设计之中,也是这款工具能够获得好评的原因之一。

三、结语

总的来说,AI技术的推广目前仍面临相当大的挑战,对于大众而言也有一定的使用门槛。作为设计师,比起强调产品能力的升级,我们更应该注重对用户的关怀,一款好的AI产品必定是智能化且人性化的。AI技术下的人机交互应用已经成为UX设计的趋势,我们需要注意平衡技术和用户体验之间的关系,以确保我们的设计在满足用户需求的基础之上,能够助力产品在商业市场上的成功。

 

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

关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司

银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发

高端网站设计公司蓝蓝设计:关注并改善残疾人用户体验

博博

在医疗行业中,残疾人用户面临着许多挑战,例如身体不便、视觉障碍、听力障碍等等。为了让他们能够更加方便地使用医疗服务,UI设计师需要考虑到各种不同的因素,并采取相应的措施来提高用户体验。

高端网站设计公司蓝蓝设计:如何将创新技术融入医疗界面设计

博博

随着科技的不断发展,医疗界面设计也正面临着新的挑战和机遇。本文将介绍一些将创新技术融入医疗界面设计的技巧和实例,帮助大家把握未来医疗界面设计的趋势。

高端网站设计公司蓝蓝设计:如何运用色彩提升界面吸引力

博博

在界面设计中,色彩搭配是至关重要的一环。合适的色彩搭配能够让界面更加吸引人,提高用户体验。本文将介绍一些色彩搭配技巧,帮助你提升界面吸引力。

高端网站设计公司蓝蓝设计:引领未来的交互设计

博博

在飞速发展的数字时代,用户界面(UI)设计已经成为一项至关重要的任务。。本文将带你探讨UI设计的最新趋势,如何引领未来的交互设计,创造更加自然、直观且吸引人的用户体验。无论你是UI设计师、开发人员,还是产品经理,都能从中获得启发和灵感。

 

UI咨询公司-蓝蓝设计:顶级秘籍:提升UI设计吸引力的3大绝招

博博

想要让你的UI设计在海量应用中脱颖而出,吸引用户眼球吗?如果你正在寻找提升UI设计吸引力的绝妙方法,那么你绝对不能错过本文!我们将为你揭示顶级UI设计师都不会告诉你的3大绝招,让你轻松掌握提升UI设计吸引力的关键技巧,让你的设计在竞争激烈的市场中独树一帜!

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档