• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 腾讯干货!如何从用户体验设计角度提升产品的安全感?

腾讯干货!如何从用户体验设计角度提升产品的安全感?

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含UX设计,安全感,用户体验,用户体验设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

今年春节期间支付宝发生了一次支付安全风波,这让我们再次意识到安全对于支付、金融类产品而言就是生命线。但有时候产品安全并不等于用户就有了安全感,本文探讨了对于支付类产品而言,哪些方面因素影响了用户安全感的形成,并从设计角度出发,期望在安全感的提升上做出一些总结。在这里抛砖引玉,期望能和更多对这个问题感兴趣的小伙伴一起探讨。

一. 什么是产品的安全感?

产品安全感指产品可以让用户信任的能力,一个可以让用户信任的产品,才能在用户信息获取、产品目标实现上成为可能。对支付工具或金融类产品而言,安全需求更是用户最核心的诉求。最近支付宝1月10日被曝光的“非密码登录模式下可能出现的账户安全风险”的风波,虽然支付宝并没有因为所谓的“漏洞”造成用户的资金损失,但造成了用户的强烈不安,导致大量用户解绑银行卡。

安全感是建立在客观安全基础之上的一种主观感受,没有强大的技术支持、缜密的安全策略保障,安全感无从谈起,但并不是有了好的技术和缜密的安全策略用户就有了安全感。支付宝的账户安全风波发生后蚂蚁金服负责人在知乎上回应称:“安全不等于安全感。数据上显示这样找回登录密码的方式是安全的,我们就以为够了,但没有想到,这种方式其实是让不少用户没有安全感的。安全但没安全感,也会出大事。”安全感的塑造像用户体验一样需要所有岗位都有强烈意识和努力才能实现,它对用户来说是需要慢慢积累的。

下图对影响支付产品安全感的因素进行了概括,本文主要想讨论在用户主观感受上设计师可以做哪些工作,技术或安全策略本身存在问题(支付宝此次风波就属于这类)对用户安全感形成的影响,本文暂不涉及。

二. 安全感来自可预期、可控制的使用体验

用户对产品有掌控感、操作符合预期时,才可能获取安全感。未知带来恐惧,当人对事情缺少了解,就会产生慌乱、犹疑。

2.1?利用过往的经验,设计支付流程

如何能让支付操作流程符合用户预期?有预期意味着用户希望当前的操作反馈符合过去的经验。在进行线上产品设计时,不妨参考用户线下消费场景。以在餐厅消费为例,我们去餐厅就餐结账时,通常流程是:

1.把服务员喊过来,告知结账,服务员会把消费账单拿过来以供确认;

2.拿着账单到前台,询问有没有优惠打折信息,确定最终金额,进行支付;

3.店员告知支付结果;

4.开发票或者索要优惠礼品;

对比线上与线下支付过程,用户在支付场景中的诉求基本一致。在进行线上支付流程设计时,通过类比线下消费场景,设计师更容易带入场景思考用户的诉求,也能确保支付流程体验更符合用户已有经验。

2.2?预告与反馈

让用户及时了解产品所处状态,减少因信息缺少而产生的恐慌。对支付类产品而言,不仅要做到操作状态及时反馈,还要能对将要发生的事情进行预告,这样也可提升用户可控感,如下图理财通取款以后预计到账提示。此外,对于支付结果跟踪,要及时传达给用户,即使是出现了异常也要能够及时同步,以免用户产生恐慌,如下图话费充值延迟到账。

三. 不仅要懂用户,也要让用户更懂你

作为设计师我们在了解用户上做了很多工作,但有时候却并没有能够让所做的事情被用户了解。如何让产品被用户更好的理解,也是在设计时需要仔细揣摩的。

?3.1?你的安全策略是否被有效传达

有时候用户并不了解产品到底拥有什么能力。比如很多用户会觉得QQ盗号问题严重,因此QQ钱包是不安全的,这也成为很多用户不愿意在QQ钱包上进行绑卡的原因。

其实,QQ钱包的账号体系和QQ是独立的,虽然依附于QQ平台,但QQ被盗以后QQ钱包的账号安全是有保障的。用户依然有疑问的时候,设计就需要反思,是否在安全策略传达上存在问题。对于QQ钱包而言,因为很多用户存在这方面的担忧,所以需要设计在账号体系区分、申诉理赔的设计上有针对性进行强化。

3.2?让用户轻松读懂要表达的信息

让用户更懂产品,还有一方面就是在信息的表达上需要仔细推敲。页面信息能否有效的传达,也很大程度上影响安全感受。因为信息理解成本的上升,会导致用户支付成本的上升。从支付的角度,交易分为两大类,一类是“弱关系交易”,一类是“强关系交易”。“弱关系交易”可以理解为以自身需求为目的,比如购买自身需要的商品或服务等。“强关系交易”是指以获利为目的的交易,为了买而卖,为了卖而买。强关系交易和弱关系交易之间有很大区别,对支付服务的要求也不一样,弱关系交易非常注重体验。因为对于弱关系交易而言,买方动力因素波动很大。其中支付体验就很可能会导致客户失去了完成交易的动力—今天这个东西我不买了,将准备购买的商品放在购物车里,而不去付款,这个事情就这么结束了。

在进行支付流程设计时,尽量不要出现用户难以理解的步骤、陌生的概念。支付流程应围绕支付目标,让用户觉得每一步操作都是围绕支付目标展开的。如果设计流程中有的步骤用户无法理解,或不明白与支付目标有什么必然联系时,用户很容易因为困惑不敢继续操作。以App store充值体验为例,手机上的充值流程如下图所示:

1.选择充值金额、付款方式、以及该付款方式对应的信息;

2.选择从网站还是手机认证来授权付款;

3.验证身份信息;

4.前往网站或进行验证手机

在上述流程中“授权方式”的选择不是一个用户可以快速理解的概念,用户也没法将它和支付目标形成关联。这样的支付体验对于用户来说容易因困惑导致不安最终放弃支付。

四. 建立信任感

敏感的人在遇到风险时更容易感受到不安全。如何让敏感的人放下戒备,也是形成产品安全感的关键,提供一个可以信赖的感觉是一个好的选择。

4.1?通过设计来表达你对产品的态度-专业感

我们经常能听到的一句广告语是“因为专业所以信赖”,如果能在用户心理上形成一种专业的印象,那自然就会形成信赖感。在产品设计时如何来传达产品的专业感呢?通常我们会从操作流畅度、UI、内容质量、产品细节处理方式来判断一个产品是否专业。操作的流畅体验更多依赖于技术优化,内容质量依赖于数据源和编辑,这里从设计角度主要谈谈UI和动画细节如何能够传达专业感。

4.1.1 UI

俗话说“人靠衣服,马靠鞍”,UI作为用户感知产品的形式,在专业感的形成上发挥了至关重要的作用。对于支付类产品而言仔细打磨的UI,传递给用户的是你做产品的态度。精致的UI代表严谨、细心的态度,肯定更能赢得用户的好感。粗糙杂乱的界面设计不免会使人产生不安全感。下图的某理财APP主要页面,给人的感受就是粗陋、随意、不专业,用户会将UI形成的感受和产品质量建立关联,这样的产品很难给用户形成信赖感。

4.1.2?合理的运用动画

另一个可以体现产品专业度的方式就是合理的使用动画效果。这里并非鼓励无节制的添加动效,动效的使用肯定要符合当前需要,如果比较恰当的使用了动效,它能帮助用户更好地了解发生了什么,以及如何最有效的使用你的产品,同时可以向用户传达对完美和细节的重视水平。下面这个动效是国外支付团队Stripe在移动端支付过程中页面切换效果。通过这个动效的添加,让页面切换更生动,充满细节和新颖的方式也更容易打动用户。在支付体验流程中合理的添加动效,可以让事情更清晰,在用户信任感的获取上往往事半功倍。

4.2?品牌背书

通过品牌背书是获取用户信任感的捷径,我们对产品的信任感很容易建立在对品牌的信任感之上。很多产品里会展示和突出品牌信息,来提升用户信任感。如图示中苏宁和万达旗下的两款金融产品,都会在页面底部加上品牌信息。微信在支付安全页面也会提示通过与银行、人保合作来保障支付安全。

4.3?多重保护感

有时候在支付相关的操作中,给用户提升门槛,也会让用户提升安全感。在用户看来更高的操作门槛,意味着更多的保护。在支付产品设计中,

您可能想查找下面的文章:

  • 这个帮你改善睡眠的APP,是这样设计出来的
  • 什么决定了设计师的职业高度?来看资深UX的思考!
  • 设计实战!扁平风的手机赛车游戏UI界面是这样设计的
  • 一个针对女性用户的照片编辑软件,要如何设计UI?
  • 这个APP的UX设计,把订购汉堡玩出花来了
  • 沪江UED团队出品!用户体验设计师进阶实战指南(下)
  • 沪江UED团队出品!用户体验设计师进阶实战指南(上)
  • 如何判断你的产品“好不好”?来看高手的角度!
  • Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 设计实战!健身应用Mannva的UX/UI设计流程是怎样的

相关文章

  • 2018-08-23从哈佛到谷歌,专访人工智能公司Rokid 首席设计师姜公略
  • 2017-08-06UTF-8文件的Unicode签名BOM(Byte Order Mark)问题
  • 2018-08-23高手小课堂!5个设计思路帮你搞懂平面设计的思维流程
  • 2018-08-23上亿人使用的QQ iPad版「斗图神器」原来是这么设计出来的!
  • 2018-08-23实战教程来咯!超实用的VR界面设计实践指南
  • 2018-08-23实战案例!京东商城iPad 4.0 商品详情页改版设计总结
  • 2018-08-23水彩自学第三集:水彩笔常见问题及测评
  • 2017-08-06关于服务器返回的十四种常见HTTP状态码详解
  • 2017-09-11nodejs extend包
  • 2018-08-23高手用10分钟,就能让你搭配出好看的颜色

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网站的文字还需要设计吗?
    • 如何设计优秀的弹出框?这儿有一份全面总结!
    • 如何做好标签系统设计?来看我的实践过程!
    • 如何转型UXD?来看阿里设计师的实战经验!
    • 实战经验!聊聊全链路设计和传统设计的流程差异
    • 抢先来看!2018年UI设计的9个新趋势
    • 入门手册!五分钟带你快速了解AR
    • 航海世纪官网设计思路分享
    • 各种网络图片格式详解 PNG的好处
    • 企业网站与栏目字典 中英文对照 做中英双语企业网站的朋友需要

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有