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

相关推荐

  • 为什么互联网产品经理转做智能硬件后就不灵了呢?

    互联网产品经理转做智能硬件后还能像过去那样玩得转吗?互联网PM和智能硬件PM有何区别?知乎用户忘象Van以其亲身的经历,从定位、KPI考核、关注点、项目追求和成本意识的五个差别做了详细的解答:我做过手机PM,也做过互联网PM,感觉这个问题就是为我量身定做的。所有的区别都可以用一句话概括——硬件PM是生意人,互联网PM是设计师。————————————产品经理是近年来严重泛滥的一个词,而且由于互联网行业的强盛,导致大家对这个岗位的认知完全...

    2018-03-12
  • ​从零开始做交互:第一章 交互设计基础知识

    [button type="primary" text="百度阅读:阅读全书" url="http://yuedu.baidu.com/ebook/6d8b975a49649b6648d7479d" open_new_tab="true"] [button type="primary" text="网易云课堂:阅读全书" url="http://study.…

    2015-08-07
  • 用户体验交付中心,最美不过回家路

    众意,坚持为中国高品质整装奋斗不歇!长按识别二维码即可预约体验爆款福利已经在向你挥手了戳阅读原文,报名预约抢豪礼!

    2018-03-12
  • 老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • 交互设计与心理学关系

    来源:jeffrey's blog 作者:jeffrey 交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学…

    2014-09-21
  • 用户体验的五个W

    Who、what、where、when、why(还有how,以w结尾)。在学校的时候,老师教导我们如果要得出有力的论据和传达合理的故事,那么必须得先回答好这几个基本的问题。在用户体验的世界里,能否准确地回答这些问题,是能够与用户产生共鸣的产品和很快就死掉的产品的区别。

    2017-05-28
  • 关于2017年设计趋势的13个预言

    在未来,当对微小细节的关注渗入用户体验设计的每一寸土壤;当对像素级完美的追求成为设计的基本要求;当将简单便捷的设计理念融入用户的日常生活,那么我们就能够帮助用户体验全新的生活。 在2016这一年,全世界笃信…

    交互专题 2017-08-07
  • 【素描Sketch】细节之处韵匠心

    ( 本宣传资料仅为要约邀请,部分图片源于网络,如有侵权请联系删除,所载全部内容仅供参考均不构成要约,一切以政府批准文件与开发商签订的《重庆市商品房买卖合同》及其附件约定为准。周边已规划及/或已建成及/或规划中及/或建设中的公共设施(包括但不限于变电站、加油站、明渠、高压线、轨道环线、商业中心、学校、公园、酒店、医院等)及规划用地,均以政府有关部门最终核准及审批文件为准。南岸区融侨半岛融侨城二期C区(营销推广名:金辉耀江府),开发商:重庆...

    2018-03-14
  • Apple Watch界面设计规范之UI设计基础(2/2)

    六、布局 并排放置的按钮数量要控制好。当并排放置按钮时,使用图标来代替标题文案。一行不要放置3个以上,否则按钮的尺寸将会太小,很难被点到。 完整利用左右两个边缘之间的全部空间。Apple Watch的边缘斜面会在…

    2015-03-10
  • 腾讯高级交互设计师的自我总结

    ——关于转岗、给新人的建议、交互与产品设计、腾讯ISUX的总结 1.能聊聊您从网页设计师变成前端工程师再转为交互设计师的过程么,有什么建议能给和您一样自学交互的同学呢? 答:回想起来挺有意思,过程很丰富,说明…

    交互设计 2015-12-01