恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何打造具有安全感的后台产品体验
0.0°
2018-09-05 原创文章 经验/观点 举报 6419 198 304 5

随着互联网产品的快速发展,在我们强调“人身安全”、“财产安全”、“网络安全”等的同时,“运维操作安全”应该作为基础引起后台产品设计师的更多关注

随着互联网产品的快速发展,越来越多人将个人财务、隐私信息、公司事物、文件数据等都存放或依托于网络平台中。在生活、工作的交互中,如何能让用户感受到网络产品使用的安全性,进而获得使用安全感,这也是体验中不可缺少的一环。本文就探讨对于后台产品设计而言,可以从哪些方面着手,提升用户使用的安全感。


       这里先把“后台产品”界定清楚,它是指服务的管理操作部分,主要是对底层内容、数据的运维管控,不直接面向消费用户。后台产品主要是To B 的平台型产品,例如企业内部的管理、安全、运维类产品。本文所例举的后台产品也只是众多类型中的一种。

       从近几年设计网站的分享和团队分享文章的反馈中感受到,越来越多的设计师投入到后台产品相关的设计工作中来。后台产品本身具有“操作复杂”、“业务逻辑强”、“专业度高”、“场景多样”等特点,使得设计工作具有一定挑战,再加上,后台产品是业务的底层支撑,是一个服务甚至公司的基座,它的使用安全性和稳定性所涉及的影响面不可估量。


01

安全感


首先了解一下什么是“安全感”,安全感是对可能出现的对身体或心理的危险或风险的预感,以及个体在应对处事时的有力/无力感,主要表现为确定感和可控感。安全感就是渴望稳定、安全的心理需求【1】。

       从百度百科的解释中可以明确,安全感是个人的内在心理需求。那么对于人类的需求,美国心理学家亚伯拉罕·马斯洛将人类需求按层次从低到高分为五种:生理需求、安全需求、社交需求、尊重需求和自我实现需求。安全需求其实属于较低层级的需要,其中包括对人身安全、生活稳定以及免遭痛苦、威胁或疾病,以及自己的财产等。

Image title

      对于互联网产品来说,这里的产品安全虽然不直接涉及人身安全、痛苦、威胁或疾病,但是也有间接的联系,如财产安全、隐私安全、操作安全等,对用户的安全感体验影响也不容小觑。


02

产品安全感


恐惧来源于人对事情的未知,当用户缺少了解,就会产生不安全的感受。作为体验设计师,我们可以通过设计加强用户对产品的掌控,使操作符合用户的心智模型。通过设计,将不可感知的操作流程可视化;将可能遇到的风险提前告知;将界面信息传达的更为精准,将用户的隐私进行有效保护,这样可以在很大程度上提升用户操作的安全感受。

       安全感主要来自两个部分,一:是用户的主观安全感受,二:是产品的客观安全策略【2】,它们分别对应:产品交互的体验和技术策略的支持,本文介绍和分析的重点则是围绕“产品交互的体验”部分展开,即如何通过“可预期”、“可操控”的界面交互与“够专业”“可信赖”的品牌视觉,为用户营造“具有安全感”的产品使用体验与心理建设。

Image title


03

产品安全感


1、可信赖的环境氛围

(1)氛围渲染

       UI视觉作为用户感知产品的第一印象,在专业感、信任度的形成上发挥了至关重要的作用。我们TXD团队负责了很多集团数据中心可视化的运维、监控设计工作,鉴于内部信息不便暴露,这里举一个市场上同类产品的例子。首页通过视频渲染产品的专业性,有利于快速获取到用户的信任,进一步固化“专业”的印象。

Image title

http://www.uinnova.cn/product/dcv

       同时,在页面底部,还可以透露出产品当前已经取得的成就,比如展示具体的数据、服务范围等,进一步渲染专业的氛围。

Image title

https://www.aliyun.com/


(2)品牌背书与口碑

       除了氛围渲染,品牌背书也是获取用户信任感的途径之一,通过品牌信息的展示、合作企业,增加产品专业度,提升用户信任。

Image title

       还可以将用户的反馈,以及该产品在行业中获得的肯定进行展示,毕竟用户口碑对一个产品也是极具影响。

Image title

(3)色彩暗示

      色彩会对人的心理有暗示和影响,例如餐饮平台的界面,大多选用橘色,因为橘色有刺激食欲的效果。在后台产品中,也有比较明确的色彩倾向,主题色一般以偏冷的颜色为主,例如蓝色、绿色,可以给人以冷静、理智、稳定、宽广的感受。

Image title

Image title

2、可操作的交互体验

(1)井然有序

       映射到设计中,则是清晰、有条理的操作体验。从上图后台产品的界面风格和信息框架中,也可以看出它们所传输的交互行为基本一致,常驻的左侧或顶部导航,统一的视觉语言,这样能增加用户在不同后台产品之间操作的熟悉感与效率。

内容:清晰连贯的信息组织,明确逻辑主线,杂乱无章的堆积很容易令人迷失;

交互:操作流程、逻辑清晰,适当外化整体进度,对当前所处位置有比较好的感知;

视觉:保持用户注意力的聚焦,确保当前模块集中用户目光。


Image title

      以上图设计为例,通过清晰的流程和明确的进度标识,展现井然有序的信息与操作逻辑。


(2)坦诚透明

      后台产品一般用户接触不多,对技术实现、运行机制、专业概念了解更是微乎其微,尤其是涉及到多流程、多状态等场景时,最好在用户操作之前清楚地表达为什么要这样做、是否会有安全隐患等,让用户了解意图,避免操作时的恐慌与不确定,同样有利于赢得更多信任。

Image title

(3)自主可逆

       操作应该是可逆的,可以支持“撤销”和“重试”,以此来离开“非预期” 的状态,例如提交一个升级任务,然后撤销,或者操作失败,可以重试,都是比较自然和灵活的处理方式。

Image title

(4)及时有效的风险提示与反馈

       虽然我们通过规范流程和操作给予了用户足够的操控感,来提升安全体验,但是仍然有一些人为的错误还是不可避免的产生。如果要打造优质体验的后台产品,设计师则有义务提前告知和提醒用户某些行为可能带来的风险,帮助用户预防。

Image title

      后台运维产品中,为了避免用户错误,发上运维故障,在设计时甚至可以通过“确认风险”加以限制,帮用户规避风险。

Image title

       反馈的意义大家都知道,但在后台产品的场景中,会有数据异步处理的问题,导致用户的一次操作无法立即生效,此时操作后反馈用户“配置准备中,稍作等待后即可查询”,不仅可以避免用户查看操作对象无果的疑惑,也友好的将不可见的原因传达给用户。

Image title

(5)多重保护与确认

       对于极易出现操作错误的情况或者将产生较大影响的操作,我们需要再三确认,来防止用户由于疏忽、误操作所造成的损失。

Image title

(6)意外情况的解决与帮助

       这里指出现意外时,如何更好地帮助用户解决当前问题和困惑,来帮助用户度过不确定的环节与操作。设计通常会将异常的原因说明清楚,并尽可能提供解决的方案。

Image title

3、可理解的界面语义

(1)界面信息可理解

       界面中的文案设计有时很容易被忽略,但它也是有效表达产品专业、安全的手段之一,通过通俗易懂与恰到好处的文案,在敏感页面或核心操作流程中传达产品态度。

Image title

      以这个设计为例,之前想简化用户操作并引导用户选择“保留本地配置文件”,因此页面中就保留了一个按钮,用户只需确认一下冲突的文件即可,因为大部分用户会保留本地文件。但是上线后发现,用户反倒不理解这个提示的意思,不知道该点哪个按钮,也不知道操作完会有什么后果,那么在优化以后,语义就清楚多了,将每个文件的操作独立进行,用户可以很放心的“确认”自己的行为。


(2)安全策略可理解

       随着大家对安全的重视,无论后台产品还是服务应用产品,帐号密码的要求及登录验证的方式也越来越多样,相信大家一定遇到过一些“出乎意料”的验证操作,以及一些极其复杂的密码要求。有的可以很容易被用户理解,并顺利完成;有的则需要反复尝试,十分影响效率。我们在为用户提供安全服务的同时,一定要确保所提供的安全保障策略可以被用户正确理解并接受。

Image title


04

产品安全感


安全感是优秀用户体验中不可缺少的基础,用户信任产品,才可以放心的操作,减少不必要的迟疑和困惑。因此,在我们强调“人身安全”、“财产安全”、“网络安全”等的同时,“运维操作安全”应该作为基础引起后台产品设计师的更多关注。



参考文章

【1】百度百科

(https://baike.baidu.com/item/%E5%AE%89%E5%85%A8%E6%84%9F/5543)

【2】支付产品安全设计探讨:如何提升用户的产品安全感?

http://www.woshipm.com/pd/595660.html

【3】实例分享:交互设计如何赋予产品安全感

http://www.woshipm.com/pd/735760.html

【4】如何从头打造让用户真正信任的界面

http://www.woshipm.com/ucd/330710.html


Image title







更新:2018-09-05

收藏

198人已收藏

阿里云_TXD

微信:TXD技术体验设计

  • 16

    作品

  • 2735

    粉丝

  • 0

    关注

  • 突破体验瓶颈—阿里云TXD包容性设计之道
  • 设计师,如何做好项目管理
  • IOT监控实战 — 数字孪生
  • 交互细节:页面链接打开方式探讨

    猜你喜欢

      2018-09-05 原创文章 经验/观点 举报 6419 198 304 5

      如何打造具有安全感的后台产品体验

      0.0°

      你确定要举报如何打造具有安全感的后台产品体验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年09月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      304
      198
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录