首页

设计原则:希克定律

博博 设计思维

它是怎么产生的?
希克定律是基于心理学和人类认知过程的研究而产生的。威廉·希克和他的同事在1930年代进行了一系列的实验,旨在了解人们在不同选择数量下做出决策的反应时间。
实验中,被试者面对不同数量的选择,例如按钮或选项,然后被要求尽快做出选择。实验结果显示,随着选项数量的增加,被试者做出选择所需的时间也相应增加。这一观察成为希克定律的基础。
希克定律的本质是认知心理学的一部分,它涉及到人类对信息的处理方式。当人们面对多个选项时,他们需要对每个选项进行评估和决策,这会增加认知负荷。结果是,随着选项数量的增加,处理和选择所需的时间也相应增加。
这个定律提出了一种对设计界面和交互方式有深远影响的见解:简化界面,减少选择数量,可以帮助用户更快速、更轻松地做出决策。这种认知负荷的理论成果对于优化用户体验和提高界面效率有着重要的指导作用。
超长干货!UI设计师必须要懂的4个设计心理学
思考下希克定律UI作用?
希克定律在UI设计中具有重要作用,它强调了简化选择以提高用户体验的重要性。以下是希克定律在UI设计中的一些具体作用和应用:
简化菜单和导航
 减少导航菜单中的选项数量,将类似功能的项目归类或合并,可以减轻用户的选择负担,帮助他们更快速地找到所需信息。
优化工作流程
 在应用程序或网站设计中,简化工作流程和操作步骤可以减少用户需要做出的决策,提高用户完成任务的效率。
默认设置和建议
 使用默认设置或提供建议可以减少用户必须做出的选择。通过合理设置默认选项,可以简化用户体验,让用户更快地进入应用或网站并开始使用。
信息层级结构
 设计清晰的信息架构和层级结构有助于将内容组织得更有条理,使用户能够更容易地定位所需信息,避免过多的选择。
上下文反馈和指导
 提供清晰的上下文反馈和指导,帮助用户更快速地了解当前操作的影响,减少不必要的犹豫和选择焦虑。
用户个性化和智能推荐
 利用个性化推荐或智能算法,根据用户的历史偏好为其提供定制化的选择,减少不必要的选择。
在UI设计中,理解希克定律可以引导设计师创造出更简洁、更直观、更易用的界面,从而提高用户满意度和效率。通过减少选择数量和简化操作,设计可以更好地配合人类认知特性,使用户在界面上的交互变得更加流畅和自然。
超长干货!UI设计师必须要懂的4个设计心理学
需要我们记住什么?
在UI设计中,了解和应用希克定律有助于创造更优秀的用户体验。以下是需要记住的一些关键点:
选择数量与决策时间成正比:
用户需要花费更多时间来做出决策,当他们面对更多选择时。减少选择数量可以提高用户的决策效率。
简化界面以降低认知负荷:
 设计简洁、清晰的界面可以减少用户的认知负荷,帮助他们更轻松地使用应用或网站。
层级结构和组织:
 通过良好的信息层级结构和内容组织,可以使用户更快速地找到所需信息,减少选择过程。
默认设置的重要性:
合理设置默认选项可以简化用户体验,降低他们需要做出的选择,从而更快地开始使用应用或网站。
上下文反馈和引导
提供清晰的上下文反馈和指导,帮助用户更快速地了解其操作的影响,减少选择焦虑。
用户个性化和智能推荐
利用用户个性化数据和智能算法,为用户提供定制化的选择,降低不必要的选择过程。
记住这些关键点能够帮助设计师更好地优化界面,提供更出色的用户体验,减少用户做出选择所需的时间,从而增强产品或应用的吸引力和实用性。
 
在app产品中,我们应该怎么应用希克定律
在移动应用程序(App)设计中,应用希克定律可以通过以下方式提高用户体验:
简化导航和菜单
 减少主导航菜单中的选项数量,将类似的功能合并或分类,以简化用户的选择过程。使用清晰的图标和标签帮助用户更快速地理解选项。
优化注册和登录流程
在注册和登录过程中尽可能减少必填项,使用社交媒体登录或单一注册选项简化流程,降低用户的选择负担。
默认设置和个性化推荐: 利用用户的偏好和历史数据,为用户提供个性化的推荐或默认设置,减少用户需要做出的选择,并快速展示最相关的内容或功能。
简化表单和输入
最小化表单字段,根据上下文预填充表单内容或使用智能输入建议,以降低用户输入的认知负担。
上下文引导和反馈
在用户进行关键操作时提供清晰的引导和反馈,让用户了解他们的操作将会带来的结果,减少不必要的犹豫和选择焦虑。
智能搜索和过滤功能
提供强大的搜索和过滤功能,帮助用户快速找到所需内容,减少在大量选项中的选择时间。
简化购买流程
 在电商应用中,优化购买流程,减少购物车和结账过程中的步骤和选择,提供清晰的购买路径。
通过以上方式,设计师可以在App中运用希克定律,帮助用户更轻松、更高效地使用应用,提高用户满意度并增强应用的吸引力。这些方法都围绕着减少选择数量、简化操作和提供个性化的体验,以减少用户的认知负荷,提高用户的决策效率。
 
希克定律总结
希克定律在移动应用设计中的应用关键在于简化选择、优化流程以提升用户体验。通过减少主导航选项、优化注册与登录流程、提供个性化推荐、简化表单输入、提供清晰反馈和引导、强化搜索功能以及简化购买流程,设计师可以降低用户的选择焦虑和认知负荷,使用户更轻松、更高效地使用应用,提升用户满意度。这些策略围绕着简化操作、减少选项数量和提供个性化体验,有助于提高用户的决策效率,增强应用的吸引力与可用性。


作者:A大林子
来源:站酷

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

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

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

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

一招教会你页面分割怎么用

博博 设计资源

作为一名合格的UI设计师,用好留白分割、线性分割、卡片分割,你的页面即成功了一半!

留白分割≧线性分割≧卡片分割

留白分割定义:指的是只通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元素视为一组),自然的将信息分组。(如上图)

间距留白是区隔单一信息元素的默认选择。(如下图)

使用原则:建议在不影响核心数据指标的前提下,条目之间尽可能采用留白分割,会让界面更清爽,浏览更沉浸。

留白分割的分类及适用场景:当条目信息层次较少(≦2)时,留白分割是比较合适的,当信息层次较多(≧3)时,留白分割既会浪费空间,也难以达到一目了然的分割效果。

线性分割定义:用线来分隔不同的信息内容。(大部分APP的分割线是1px粗细,黑色,不透明度12%)。

使用原则:分割线可以帮助用户理解页面是如何组成的,但过度使用分割线会造成视觉干扰,影响页面信息传达。

Android系统明确规定了分割线的使用原则:
1、微妙的:分割线在布局中应该很容易被注意到,但又不凸显。
2、次要的:只有当留白不能起到分割作用时,才采用分分割线。
3、少用的:谨慎使用分割线,用它来创建分组而不是分割条目。(如下图)

分类及使用场景:
1、通栏分割线:用于分割彼此完全独立的内容。
2、内嵌分割线:用于分割有锚点(头像或图标)的相关内容。
3、中间分割线:用于分割无锚点(头像或图标)的相关内容。

如果为了提高屏效,希望在一屏内尽可能多的展示信息,那么同样的信息布局,分割线带来的效果会更清晰(如下图)

卡片分割定义:卡片是一个由内容和操作组合而成的独立主题的面性容器①,它可以包含缩略图②、标题③、副标题④、副媒体⑤、文本⑥、问文字按钮⑦和图标按钮⑧,除了卡片容器本身,其他元素都是可选的,所有元素都以易于扫描和操作的形式放置在卡片上。

使用原则:
1、包含的:卡片是一个可识别的,单独的、包含内容的单元。
2、独立的:一张卡片可以独立存在,而不依赖于上下文环境。
3、不可分割的:一张卡片不能与另一张合并,也不能拆分成多张卡片。
分类及适用场景:
卡片根据左右是否有边距,可简单分为通栏卡片和非通栏卡片(如下图)。

从视觉效果上来看,由于圆角的聚焦效应,非通栏卡片对于凸显单个卡片的独立性和内容的效果都更好,画面的分割感会更强。
1、当这个主题内部的内容已经有分割线时,建议采用卡片分割,让主题信息层次更加清晰。
2、当单个主题内部的内容类型较多,上下所占空间较大,建议采用卡片分割,以更好的圈定该主题的内容范围,给用户明确的内容边界感。
3、当需要扩展页面的横向空间时,暗示页面可以横向滑动时,需要采用非通栏卡片,利用横向内容连续性原则,帮助用户建立可以横向滑动的意识。

小结:

  • 当信息条目复杂度较低时,优先采用留白分割,视觉清爽无干扰。
  • 当信息条目复杂度增加,只利用留白分割效果不明显时,建议引入线性分割,让信息层次更清晰且屏效高。
  • 当信息条目复杂度进一步提升,(比如已经有了线性分割,或者有更多操作),需要进一步强化信息条目本身的边界感,建议引入卡片,以强化条目信息的视觉层次和可操作性。

信息分割本身不是目的,分割方式的选择是为了让版面产生清晰的条理性,用悦目的信息秩序来更好的突出内容,达成最佳的信息传达效果,所以决策时,除了上述细节考虑因素,还要考虑整体版面效果和信息传达效率。


作者:是一颗李子
来源:站酷

蓝蓝设计(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开发

探索web端和移动端的差异和解决方案

博博 设计资源

市面上主流的界面设计主要包括移动端、web端、桌面端、硬件、插件等,app和网站设计是大部分设计师最常见的设计需求,这两个也是最核心的设计端平台,所以明白web端和移动端设计的相似和差异并且知道如何应对是至关重要的。
整体来说,移动端的设计是更可控的,web端的设计难度实际更高,上限也更高。但是想要做好web端的设计并不难,只要明白web端设计时需要考虑的因素和解决办法,那么所有问题自然迎刃而解。
 
一、文本
 
1. 大小
总体上,移动端和web端的字体规范是一致的,同一套字体大小都可以在双端有好的识别和视觉效果。唯一细微的区别是浏览器支持的最小字体大小是12,所以在web端要摒弃12以下的字号。实际上这并不会增加你的web端设计难度,因为web端的设计空间是足够的。
 
2.长度
设计中往往需要考虑文案长度的问题,移动端受到屏幕空间的限制往往更容易遇到问题,你需要考虑当前文本段是否能在你所预留的空间放得下,对此可以参考以下几种解决办法:
  • 高度自适应:也就是换行显示,大部分的文本段不可能无限换行,也应该有字数限制,所以选择这一个解决办法,正常也需要设定一个高度极限值。
  • 超出省略:当文本段的完整性不是那么重要,且需要漏出,那么这是一个不错的方法
  • 字号自适应缩小:这正常用在金融类产品的数字显示中,比如余额等,当小数点过多或者金额过大导致的数字文本端过长时,数字是无法换行或省略的,所以你可以选择字号自适应缩小。
二、屏幕大小
移动端和web端最直观的差异就是屏幕大小的差异,移动端小,且各设备的差异化细微,web端的空间大,且不同设备的屏幕差异大,所以就有了几点主要差异:
 
1. 布局
移动端整体上是自上而下的设计布局,宽度受限比较严重,所以除了一些左滑手势带来的横向空间拓展,布局的变化上不大。
web端因为空间大,所以就有了更多的布局可能性,例如左右布局,居中布局,左中右布局,或是全屏自适应布局。这些布局方式也各有各的优缺点。
所以设计一个网站时,往往需要多个布局配合使用,能让你的网站视觉感受更舒适,利用率上更合理。切忌为了美观或者方便等原因死磕一个布局方式。当然,居中布局是最万能的一个布局,如果你暂时没办法掌控多个布局,那么居中布局是你最佳的选择。
 
2. 适配
前文说了,因为web端的设备差异大,所以你需要在设计时考虑小屏笔记本和大屏显示器的适配问题,甚至是用户手动拉动浏览器宽度时所得到的适配反馈也需要考虑其中。
适配不是必须的,因为适配的成本较高,复杂的页面往往需要设计出多个断点页面去让开发根据页面宽度重新适配内容。所以大部分的居中布局的网站,是不做适配的,因为你只需要控制你的内容宽度能在13寸笔记本完整展示,其他的就是极小部分用户的需求了。
web端到移动端的适配往往需要重构,也就是把当前网站的内容,重新在手机宽度下做设计,结合上文文本部分的内容,请不要想当然的把字号缩小。只需要考虑排版和功能是否需要删减的问题。 
 
3. 弹窗
移动端受到屏幕限制,弹窗的更多是banner的弹出,提示的作用,或者是个别简单筛选操作,在移动端很难在弹窗上放置很多的输入等复杂操作
在web端的设计中,一定要巧用弹窗,简单的编辑或着创建等操作都可以用弹窗代替,不仅可以使操作更聚焦,也可以减少页面跳转来缩短路径。
 
三、交互手势
由于操作媒介的不同,导致移动端和web的操作手势有很大的区别,移动端是用手指操作,web端是鼠标操作,手指操作决定了手势的多样性,鼠标的操作决定了点击的精确,并且由于鼠标的操作反馈是分阶段的,需要在每个阶段都给予用户相应的反馈来打造更好的用户体验。
 
1. 状态
移动端中对于操作的反馈主要聚焦于手指点击后的反馈,悬停态往往被长按代替。而web端鼠标操作存在三个状态,一个是正常状态,一个是悬停状态,一个是按下状态,这三个状态需要在设计师考虑并设计来向开发说明。web端中不同元素的常见状态(主要为悬停态)区分方式需要明白:
  • button:用颜色区分,常见的方式是改变颜色的明度,悬停增加明度,按下降低明度
  • icon:icon的状态区分更多是在悬停状态上,常见方式有:改变颜色;改变icon形态(如线性变面性);为icon添加背景色块(如圆形灰色背景)。
  • 文字:文字的状态区分除了颜色之外,可以利用文字自带的属性,如字重,字体大小,甚至可以在个别海外产品中看到通过改变字间距来表示悬停状态。
  • 卡片:卡片的悬停设计更加的多样,如改变填充色;改变描边颜色;增加投影,比较有趣的有改变卡片大小;轻微改变卡片透视;改变卡片的位置,如悬停时卡片向上轻微移动。
 
由于web端独有的悬停手势,你可以在悬停这个手势大作文章,如果你了解linear风格的话,或者经常浏览国外产品的话,许多网站会在鼠标悬停卡片时产生动效,动效不限于卡片元素(插画、图标、可视化表格等)的动画;光影描边的循环。悬停按钮时,箭头的位置变动,或者其他动画效果。更酷炫的还有鼠标与卡片透视的交互,甚至与鼠标与全局页面的交互,如水波纹等。
 
2. 操作按钮
整体来说,web端基于屏幕大小的优势和状态的多样,在操作按钮漏出数量和方式上会更加的多样。
移动端独有的是长按手势和左滑右滑手势,所以移动端会把一些操作放到左滑手势中,最常见的如消息列表的置顶、删除等。长按手势更多的是弹出更多操作,或是产生可拖动效果。
web端拿列表举例,基于屏幕的大小的优势,可以将更多操作直接在列表右侧直接漏出,用户的操作路径更短,触达率自然就更高。拿卡片举例,button的存在有的时候会影响到卡片的大小和美观,所以有些操作往往可以藏到悬停状态里,悬停操作不需要学习,所以用户不会为此感到疑惑,也可以保证功能的完整性。
 
四、设计思路
关于各个模块如何设计并不在这里展开,我想表达是在设计稿设计时的一些操作思路,或者说是组件的搭建思路。
 
1. 盒子思维
如果你对前端开发有一定的了解,那么你一定懂得盒子套盒子。设计也是如此,需要给你的每个设计模块建议一块独有的盒子。这是区别于间距或分割线的区分模块的思路的。
举个例子,你有图片,主标题,副标题三个元素形成一个小模块,那么你在确定好排版之后,你需要一个盒子将他们装起来,那么这个模块必须有它自己的宽度,高度。换个角度理解也就是它需要有一定的上下左右间距,在figma中,这个盒子就是你的frame,高级一点就是你的自动布局。这个盒子的大小就决定了这个模块的操作热区,这也方便你在设计做出你的悬停效果。
这个设计思维适用于web端和移动端,且十分重要,所以尽量避免在设计图出现各个元素分别散落的情况,这不仅不利于你的设计稿管理,也不利于开发的查看。
 
2. 新手如何参考
在进行web端设计时,如果你对web端设计一无所知,也无需惊慌。你可以找到合适的参考网站,并且分析它每个模块的高度,间距等,去模仿他,并且从中得出规律。
拿web端的导航栏举例,假设你纠结于web端的导航栏高度设置多少,你可以找到参考的网站,使用检查功能(F12)去查看高度,或粗暴的截图查看高度即可。当然,在此之前,你需要确定这个模块的高度是不会随屏幕大小改变而改变的。
 
3. 自适应布局
无论是web端设计还是移动端设计,当你在设计模块或搭建组件时,善用自动布局,这不仅有利于你设计图高效率修改,也能应对你的web端可能出现的适配情况。这需要考验你的figma能力,如果大家有兴趣,后续我可以出一些figma基础、组件、自动布局等相关教程同大家探讨。

作者:PONEPENG
来源:站酷

蓝蓝设计(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

存档