为什么有些设计初衷很好,结果却很糟糕

本文讲的是为什么有些设计初衷很好,结果却很糟糕,


美航的乘客愣愣地盯着屏幕上的突然出现的信息:你的会话已过期。她对此不知所措。

刚刚,在她意识到自己已经买了机票之后,她又打开另一个标签页,预定这次旅行的酒店房间,又租了一辆车。随后返回到美国航空的标签页获取她的确认编号,同时记录在她的日历上。

取确认编号代之的是过期提示。所有已确认事务都已保存,但你需要重新开始未完成的事务或重新开始查询已经完成了吗?她很确定自己买了票,票被确认了吗?她不知道接下来该做什么。

一种典型的安全性设计模式

美国航空的设计者们有很多理由想要一个会话过期。如果用户不确定航班(或是最终从其他渠道购买),就可能会留下一个未完成的预定。而美国航空的设计者希望将这些未完成的预定返回到库存中,使得其他用户可以预定这些座位。

同样,如果某个人在别人订票完成但没关闭浏览器的情况下使用机器,他们就有可能获取用户不愿意公开的详细资料和使用账号功能。有会话过期就可以防止混乱。

不只有美国航空会使用会话过期。银行网站,业务工具和其他应用也是如此,如果某人花太长时间或长时间未活动,将会强行使某人下线。

网站常常使用你的会话已过期的设计模式来处理会话过期。这个消息会在任意时间弹出。对大多数用户来说,这通常以为着没什么好消息。无论是一个重要功能中断或或只是令人困扰。

初衷很好但交互性差

你的会话已过期 设计模式是一个微交互,微交互指的是设计中一些微小的功能性交互。微交互构成了所有的设计但却遭到设计团队的轻视。这个设计模式也不例外。

]

美国航空的设计者们想要从坏人的手中保护他们的客户。一个高尚的目标。

然而,他们似乎并没有注意到突然过期会话给用户带去了糟糕的用户体验。当用户面对这消息(错误信息的一种形式),他们并不知道应该如何继续。

会话过期在真实世界不会常常发生。当你在杂货店购物时,你的购物车不会因为你长时间未添加东西而突然清空。当你绕街区走了很长一段路后,不会自动被锁在你房子外面。你的电视不会每过15分钟就检查一次你是否还在房间里。

会话过期随处可见,可见我们的真实世界和数字世界是多么不协调。如果你的笔记本能准确知道其他某个人坐在它之前,我们就能更好的从坏人手中保护用户。

保护业务需求这个初衷是好的。

设计就是我们在真实世界中呈现我们想法的方式。美国航空的会话过期使它的用户感到困扰,这些并不是美国航空网站设计者们的初衷。我们能怎样提高呢?

用微交互框架改进设计

近几年来,Dan Saffer 致力于研究于微交互的设计 并写了一本叫_微交互._的书。Dan 把微交互分解成四个构成因素:反馈, 模式 和 循环, 触发器, 以及 规则 。我们能从这四构成因素着手改进美国航空网站的会话过期的微交互。

反馈 是用户怎样去了解这个微交互。在这里, 一个对话框提示用户会话已过期,但是没有告诉用户意味着什么. 他确实解释了“确认的交易已保存”,但是没有解释确认的交易是什么或保存的是什么。一个已经预定的航班是一个确认的交易吗?

使用用户熟悉的语言会更有帮助吗?(一条像**“你飞往皮奥里亚的航班已出票,确认邮件已发至您的邮箱”** 这样的信息是不是好很多?)

按钮上唯一标签标示回到首页。回到首页后用户要干嘛呢?下一步可能的操作是什么?对话框能否列出一些用户下面该做的事(然后要他们重新认证,确保是同一用户)?

模式 是系统如何决定用户可以访问哪些内容。在美国航空的网站上,他们看起来使用一种二元验证 — 用户有权使用或无权。当会话过期,系统会从验证状态变成未验证状态。

根据下一步可能的操作,设计者是否应该考虑不仅仅使用二元验证的模式?

触发器 决定何时触发微交互。 看起来美国航空的会话过期触发器会在最后一个页面加载后15分钟后触发。

使用页面加载作为计时器的起点合适吗?如果用户用键盘或鼠标改变焦点,应重启计时吗?

为什么是15分钟?为什么不是20或40分钟?15分钟的依据在哪里,什么研究表明它是最佳时间?

航班预订成功后,与机票预定成功之前应该使用相同的过期时间吗?毕竟,一个未预订的航班可能供不应求,但在被预订之后不再可订。

触发器应该完全基于时间吗?有没有更好的方法能确定用户已经对网页没有兴趣了或是已经离开了(即产生了一个安全威胁)?

如果触发器是基于下一个操作的呢? 如果屏幕不动,微交互不会触发。但是如果用户试图在会话过期后做点什么,是否可以通过微交互告知用户需要重新认证或是重新确认库存?

规则 指导微交互的行为。会话过期的规则是为了防止进一步访问,从验证状态变成未验证状态,并给用户反馈。

我们需要告诉用户他们的会话已过期吗?毕竟,根据这个消息他们也做不了什么。反之,如果没有提示,然后在用户做任何试图需要身份验证的访问时,我们可以触发登录的微交互?

有意设计的微交互体验

像安全执行,存量管理这样的业务需求总是在牺牲用户体验?会话过期的确解决了一些问题,但这种设计是最好的吗?

许多微交互,像错误信息和警报,都是无意之中为之。通常,一个开发者急于赶时间,不会考虑在边缘状况时用户的体验。

注重这些小细节并提出问题 会创造一个更好的体验。Dan 的微交互框架会帮助我们发现其中的问题,反过来,能让我们更好的设计。

微交互对构建优秀的用户体验是至关重要的,我们邀请 Dan Saffer 组织了一次名为使用微交互设计关键的细节的研讨会。它是4月18-20日在加利福尼亚的圣迭戈 UX Immersion 的一部分。Dan 的研讨会有充实的数据,精彩的观点,设计出彩的做法,有效的微交互。不要错过。





原文发布时间为:2016年04月20日


本文来自合作伙伴掘金,了解相关信息可以关注掘金

时间: 2024-10-30 16:19:32

为什么有些设计初衷很好,结果却很糟糕的相关文章

陈大年:免费很贵创新很累 我如何做WiFi万能钥匙

陈大年:免费很贵创新很累 我如何做WiFi万能钥匙 责任编辑:editor004 作者:陈大年 |  2016-10-11 11:22:38 本文摘自:创事记 欢迎关注"创事记"的微信订阅号:sinachuangshiji 文/陈大年 全球9亿用户,月活跃用户5.2亿,4亿热点,40亿日均连接成功次数--连尚网络旗下WiFi 万能钥匙已经被很多平台的数据显示出来,它是手机用户最喜欢的三大 APP 之一.近日,腾讯安卓生态研究院(AERI)对外发布最新月度应用宝"星APP榜&q

那些创业的80末和90后:离第一桶金很远也很近

被学长怂恿创业时,李璟才20岁,刚进入武汉大学的经管系念书.这个过去以男生占多数的专业现在已经接近了男女平等,女生的比例将近一半,她们和其余的同龄女生一样,也喜欢在网上交友,揣摩怎样把自己的图片PS得更漂亮来吸引更多人气.女生喜欢PS自己的图片,李璟和其余男生的爱好则是PS各种恶搞图片,或者做一张搞笑的GIF,图片是大学生网络生活中的一个重要内容.但要玩转图片也面临技术门槛,各种图片编辑软件的功能越来越繁琐和复杂,很多人并没有兴趣去一一钻研.李璟最初的想法很简单:我能不能做一个傻瓜式的网站,专门

一段很小但很实用的CSS打印类(附例子及效果图)

css|打印 <html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>.tdp{    border-bottom: 1 solid #000000;    border-left:  1 solid #000000

用sql语句遍历一个表里异常(时间段内很大或者很小)的数据,并将异常数据修改成相应时间段前的数据

问题描述 用sql语句遍历一个表里异常(时间段内很大或者很小)的数据,并将异常数据修改成相应时间段前的数据 我有一张表,里面3字段id.time.value. 由于value中的部分值异常的大,我想批量修改数据,比如说4.1日-4.20日出现中出现异常大的数据,我想把异常大的数据修改成和他时间段(时间段前或者后)差不多的数据,请问下这个sql应该怎么写啊.我用游标的方法怎么实现.谢谢啊! 解决方案 不知道你的数据库是什么,用MS SQL SERVER示意 建表SQL如下 CREATE TABLE

ORACLE监听程序打开后自动关闭,一个很常见却很棘手的问题

问题描述 ORACLE监听程序打开后自动关闭,一个很常见却很棘手的问题 这个是打开监听时候报的错误. 命令行启动报错 现在主机名 listener.ora tnsnames.ora 问题出在哪里了? 我自己也在找办法解决,c币有限,只是希望遇到过类似问题的朋友分享下自己的经验.问题解决之后希望可以给大家带来便利

cocos2d-x-alphaBeta算法做象棋还是很笨而且很卡,有没有好的AI算法效率还不错的

问题描述 alphaBeta算法做象棋还是很笨而且很卡,有没有好的AI算法效率还不错的 有没有对算法非常了解的大神,小弟在学做一个cocos2dx象棋游戏中使AI困难模式的算法使用alphaBetaSearch搜索算法,不过本人对这个算法的了解不是很深,整个游戏框架基本搭建完成,但是就算使用了减枝优化后,实际运行的时候还是卡的有点久AI才做出反应,有没有在此基础上还可以优化的方法.有懂算法的大神可以点播一下么. 我总觉得按他们那个alphaBeta算法做象棋AI还是很笨,我随随便便就下赢了,我是

互联网的扑克牌,很好,很强大!

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客 站长团购 云主机 技术大厅 前两天,网易科技独家发布了一幅互联网风云人物扑克牌,给近百位江湖大腕,用很2.0的方式排了排座次,画成寓意丰富的漫画肖像,印到扑克牌上,很好,很强大! 这专题策划发布伊始我就拜读过,但没有投票,只是填了自己名字玩了玩,不过当时就很期待结果的发布. 风云人物候选人名单相当全面,当时乍一看去,感觉"嗬,圈里人都在".不

ide eclipse4 3-eclipse4.3报内存溢出,反应很慢,很卡

问题描述 eclipse4.3报内存溢出,反应很慢,很卡 之前修改过eclipse.ini文件和tomcat配置文件,问题依然存在,现在电脑已经重装系统了,还是存在问题,哪位大哥把配置发我一下,电脑6g内存.小弟感激涕零.

重绘-VC,很急、很急,求救!!

问题描述 VC,很急.很急,求救!! VC++ 6.0 中怎么使在View类视图上给绘制的网格线.图形.坐标轴等,在滚动条滚动时依旧能够显示,即重绘!! 解决方案 如果你肯采纳我的回答,我可以写一个完整的例子给你.不过一个问题我只能挑一样做给你.比如演示下网格线和滚动视图的绘制.如果要全回答,最好你分开问. 解决方案二: 就是GDI绘图,现在绘制后有什么具体的问题? 解决方案三: void CQ185823View::OnDraw(CDC* pDC) { CQ185823Doc* pDoc =