5种设计策略,让你的UI更加安全稳妥

安全的设计应该是清晰,简单并且能够引导用户的。


安全的设计应该是清晰,简单并且能够引导用户的。

5种设计策略,让你的UI更加安全稳妥

我们现在所面临的网络安全问题一直都很严峻。无论是更改社交媒体帐号,注册新论坛,还是下载新的APP,我们都的数字身份一直都存在各种各样的潜在安全风险。开发团队花费了大量的时间精力投入到开发和设计当中,改进流程,优化加密方案,来规避这些问题。

黑客攻击有网络安全专家和开发者来应对,而用户所面对的多数问题,则更多的需要设计师来动脑筋解决。通过流程和UI优化,设计师能够让用户尽可能地规避一些潜在的安全问题,即使这个过程中可能会产生体验上的障碍和不适。这篇文章可以和上一篇《4种障碍设计方法,改善产品用户体验》搭配起来看~

1、不同内容的交互界面应该看起来不同

每当用户要执行关键性的任务或者操作的时候,比如更改账户设置与密码,这个时候用户应该保持紧张和专注,那么设计上就应该帮助他们进入这样的状态。因此,UI 应该让用户清楚他们应该做什么。

如果用户必须在一屏上输入帐号/邮件,在另外一屏上输入密码,那么设计师应该参考 Yahoo 和 Gmail 的设计,让两屏看起来不一样。只是将“用户名”/“邮件”标签替换为“密码”是远不够的,因为两屏整体看起来几乎是完全一样的。

首先,输入框中的引导性的文本,作为整个屏幕用户交互的核心,应该看起来不一样,因为它们是最吸引用户的一部分,要表述清晰。在不影响整个品牌用色的前提下,使用不同的色彩来区分用户名和密码输入。如果要进一步改进,建议针对界面中的指引性的图标进行优化和修改,比如让两个界面在图标上进行区分。

5种设计策略,让你的UI更加安全稳妥

2、向用户展示接下来的交互

在我看来,可预测性是UI的可用性的重要组成部分,因为它和用户在产品使用时候的便捷性是关联的。如果网站或者APP 在某些流程或者细节上有太多的意外,会让整个交互显得不那么正常。但是如何用户正在做某项关键的事情,甚至会影响到账户和整个体系的安全,那么超出他预期的情况可能会导致用户关闭当前操作,重新开始流程,因为他会害怕这个操作给整个体系带来不良的影响。这样一来,整个体系的用户体验就显得很混乱了,整个交互的成本就很高昂了。

使用进度条和步骤来展示后续交互是提升可预测性的一个简单方法,很容易实现。

5种设计策略,让你的UI更加安全稳妥

当用户点击某个链接的时候,他们并不清楚这个按钮会不会被引导到另外一个网站。因此,最好的方法是当用户在点击这个按钮的时候,以弹出框提醒的方式告知用户即将跳转到新的页面,并且提供继续跳转,或者停留在当前页的按钮。这样的提示能够有效地防止用户意外离开,并且提供更多信息说明。

而对于进阶用户,他们无疑是清楚这样点击所带来的实际效果的。所以,当用户在多次点击这一按钮之后,提供一个“不再继续弹出”的选项或者按钮,让熟悉这一操作的用户,不再被骚扰,让整个用户体验得到改进。

3、强迫用户执行必须的操作

用户的惰性一直存在,无论是常规的操作,还是和安全相关的关键性操作。这一局面所带来的潜在安全风险是无法忽视的,用户在绝大多数时候保持着“这样大概不会有问题吧”这样的状态。只有当所需要的关键操作不是随手就能完成,需要用户花费几秒钟集中注意力来执行的时候,他们才会更认真一点,来搞定任务。

因此,解决这一问题,有两个解决方案:

  1. 让每个操作尽可能简单。设计师的职责是简化数字产品的使用,对于产品中很少使用的部分同样要这样优化处理,比如设置。
  2. 要求用户完成他们必须执行的部分。如果开发者要求用户进行完整的安全校验,出于责任和安全上的要求,必须让用户配合工程师完成这些环节的正确操作。

5种设计策略,让你的UI更加安全稳妥

而基于Javascript 来实现的校验和检查程序就是这两者结合之下完成的功能,它不仅简单易用,而且为用户提供了安全上的保障。

4、只显示必要的信息

如果你呈现的信息太多,那么不仅需要为用户解释其中必要的信息,而用户还得区分其中必要的和不必要的信息。

要展示足够多的内容确实很容易,但是并非信息越多越有用。当涉及到安全相关的设计的时候,有必要同开发者和安全策略相关的专家进行紧密深入的合作,他们能够帮你区分哪些信息是需要为用户展示的,而哪些不需要呈现。呈现有限的信息让绝大多数用户不会信息过载,相应的,这会限制进阶用户,但是这是有必要的。

额外的信息可以隐藏在“更多选项”的菜单中,而Apple Music 就是这么做的。这允许一部分进阶用户执行更深入的设置,但是又不会让普通用户信息过载。

5、清晰比漂亮更重要

外观的设计应该围绕着功能来进行。对于安全性而言,功能比漂亮的设计来的更加重要,所以,你的设置界面的可用性比起美观是更需要优先考虑的事情,牺牲功能而追求美观无疑是亏本的设计策略。

黑客对于每个应用的危险是同样巨大的,这就是为什么要进行合理地设置,使用遵循安全策略的交互。

结语

考虑到安全性的设计是一项艰巨的任务,所以设计师和开发者以及安全专家都应该通力合作,才能最终实现目标。而商业产品在这方面的需求尤其明显,给进阶用户的权限,边界要谨慎设置。

安全的设计应该是清晰,简单并且能够引导用户的。

 

原文作者:Bastian Heinlein

原文地址:Uxplanet

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20360/

(0)
CatherineCatherine
上一篇 2017-08-04 12:58
下一篇 2017-08-04 13:39

相关推荐

  • 为什么蓝色会成为UI设计中最常用的色彩?

    蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。

    2017-06-08
  • 用户体验|无关情怀,只与用户习惯有关

    用户体验在使用层面是一个感情的解释,但是在产品设计的专业领域,这是一个具象且拥有层次感的专业领域。当一个产品进入市场后,“产品如何与外界发生联系并发挥作用”,也就是人们如何“接触”和“使用”它。这就是用户…

    2016-11-08
  • 在用户体验中询问用户的4个问题(译文)

    该客户的体验是一个思考的人从我们产品的认知度如何去成为一个真正有用的抽象用户,但抽象并非最终有意义。要真正改进您的产品,您需要与您的用户交谈。无论是面对面的,应用内的还是通过电子邮件发送的调查,都需要花时间与用户签到并保持对他们最重要的事情。这种双向反馈也是您可以用来帮助人们通过漏斗最有效的工具之一,并最终帮助他们坚持成为您产品的惯用用户。让我们看看如何从战略上使用问题从用户那里获得正确的信息 - 这种信息将帮助您采取行动。如何提出从收...

    2018-02-26
  • APP设计:那些打动人心的设计点(4)

    你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。

    2017-05-04
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • 无障碍的交互设计,需要做到这7点

    先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面?-那么交互中的无障碍又有哪几层含义呢?从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定...

    2018-03-31
  • 这些设计灵感,或许可以改变我们阅读新闻的方式

    在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类APP或网站中的一些让人眼前一亮的优秀设计。有些是已经上线的,有些则只是概念设计稿。

    2017-05-14
  • 3秒即灭,APP引导页如何闪亮

    大家原谅我健忘的大脑,一直想写App经验总结,却不知道从何说起,真是对不起群众,对不起组织,对不起俺的一个好肾。这也不能完全怪俺,小学的时候语文就没考过100分,害怕写的浅了不疼不痒,浪费看官们 陪女朋友的…

    2014-12-05
  • UX小白 | 不谈它?算什么用户体验设计?

    这其实只是个引你进来的标题,我今天真正想说的事情其实是它——你在做一款产品的时候考虑过它的无障碍性(Accessibility)吗?无障碍性(Accessibility):在图形交互界面为基础的交互方式中,无障碍性也往往被称为可访问性。“无障碍性(accessibility)意味着产品设计应用时应考虑到,无论是因为年龄、事故或疾病而有认知、感官或者移动障碍的人,还是没有此类障碍的人,都应能够有效使用这个设计。”——《About Face...

    2018-01-31
  • 纽约视觉艺术学院SVA交互设计硕士毕业展 | 点赞按钮背后的学问

    SVA的交互设计专业汇集享有国际盛誉的设计师及其当今各大领域的专业人士,学生背景来自不同行业,有交互、数字媒体、纯艺、产品、平面、家居、建筑、计算机、社会学等等,学生之间能互补知识,拓展思路。要你设计一个点赞按钮,你会怎么设计?交互设计是什么?不知道的话,你可以回顾「谷歌UX交互设计师丨郑嘉」的分享会:用逻辑支持设计决定丨Google 设计师 郑嘉带你认识UX,她认为交互设计思维是用逻辑支持你的设计决定。SVA交互设计看点读交互的学生,...

    2018-05-04