陌生网页交互行为分析(1)——奇怪的关闭按钮
作者:无酬 来源:Taobao.com UED 发布时间:2009-01-08 12:22:00
我们在浏览网页的时候偶尔会遇到一些陌生的网页交互行为,通常情况下它们并不会影响你的正常使用,之所以出现情况往往是因为,设计师在设计某个交互方式的时候,遇到了常用的交互模式无法解决的问题,因此会采用一种创新的交互模式来解决问题。通常情况下这些创新的交互方式将会是我们学习的绝佳案例。对设计师拓宽思路很有好处,今天我们介绍的是一个来自google的sns社区orkut 的对关闭按钮的创新应用。
应用场景:orkut组件是默认展示在profile页面的,可以通过执行两种操作隐藏和移除来关闭该组件在profile里的显示状态,区别是隐藏后该组件还可以在组建库中找回,移除后组件无法找回只能重新添加。
通常我们会采取的方案:
如图,通常遇到这种情况我们会设计两个按钮一个隐藏一个移除。好处:两个任务直接展现,操作也很直接。只需一次点击即可。弊端:用户不理解隐藏和移除代表什么意思,无法预知操作结果,两个动作的操作结果在此页面的表现是一样的,而且操作在当前页面不可逆。
挑战:怎样以一种清晰的方式告诉用户隐藏和移除的区别,两个动作行为结果是一样的,即此组件从当前页面消失,区别是隐藏的组件还可以在组件列表被找到而移除的组件则不能。
解决思路:对动作进行相对详细的文字解释是表现这种区别的最直接的方法,但页面空间非常有限,因此不可能在页面中直接添加动作解释。这时候选择弹出窗成了一个很自然的选择(就是在点关闭按钮后弹出窗口,在弹出窗中我们可以对隐藏和移除两个行为做出更清晰的解释,用户就可一作出更明确的选择)。最终,设计师选择的是,类似于下拉菜单的,小面积的浮出层。
最终方案:把两种操作整合为一个关闭按钮(关闭按钮恰好可以概括两个操作在当前页面的相同结果,是这两个操作的交集,因此语义上非常恰当),在点关闭后用户会看到两个有详细注释的按钮,“hide from my profile(在当前页面隐藏)”和“remove this application(移除此组件)”这时候用户就可以作出相对准确的选择了。
设计师之所以没有选择弹出窗的形式,是因为这样做会增加用户的认知负担,并且从可逆性角度考虑即使用户勿删了组件仍然可以用添加组件的方式找回,所以线上的这种方式是最佳的选择。
猜你喜欢
- 前沿在CV领域,我们需要熟练掌握最基本的知识就是各种卷积神经网络CNN的模型架构,不管我们在图像分类或者分割,目标检测,NLP等,我们都会用
- 前言favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看。本文主要给大家介绍了关于优雅处理Django中fa
- 企业最有价值的资产通常是其数据库中的客户或产品信息。因此,在这些企业中,数据库管理的一个重要部分就是保护这些数据免受外部攻击,及修复软/硬件
- 本文简单介绍了Python绘图库Matplotlib的安装,简介如下:matplotlib是python最著名的绘图库,它提供了一整套和ma
- QQ邮箱最新推出了一个授权码,需已验证的手机号向QQ邮箱服务器发送一条短信获得。该授权码用于第三方客户端登录,代替了第三方登录时使用的个人邮
- (1)OracleServiceSID 数据库服务,这个服务会自动地启动和停止数据库。如果安装了一个数据库,它的缺省启动类型为自动。服务进程
- 我们经常在处理字符串时遇到有很多空格的问题,一个一个的去手动删除不是我们程序员应该做的事情,今天这篇技巧的文章脚本之家就来给大家讲一下,如何
- 问题描述:使用 SQL 2005 w/ SP2 的汇出汇入精灵将数据从 Access 汇入到 SQL2005 发生了错误,但使用在SQL 2
- 本文实例分析了python开发之str.format()用法。分享给大家供大家参考,具体如下:格式化一个字符串的输出结果,我们在很多地方都可
- 通过设置Keras的Tensorflow后端的全局变量达到。import osimport tensorflow as tfimport k
- 在javascript里怎么样才能把int型转换成string型(1)var x=100 a = &nb
- 为了分析深圳市所有长租、短租公寓的信息,爬取了某租房公寓网站上深圳区域所有在租公寓信息,以下记录了爬取过程以及爬取过程中遇到的问题:爬取代码
- 一、文件的打开和创建>>> f = open('/tmp/test.txt')>>> f
- Microsoft office Access Database Engine 错误 '80040e14' Insert I
- 本文实例为大家分享了python实现双色球随机选号的具体代码,供大家参考,具体内容如下双色球随机选号实现代码from random impo
- 在你自己安装了一个新的MySQL服务器后,你需要为MySQL的root用户指定一个目录(缺省无口令),否则如果你忘记这点,你将你的MySQL
- 一、PsutilPython当中的Psutil模块是个跨平台库,它能够轻松获取系统运行的进程和系统利用率,包括CPU、内存、磁盘、网络等信息
- 1. Document.form.item 问题 现有问题:  
- input() 的用法Python3.x 中input() 函数接受一个标准输入数据,返回为 string 类型。python3将input
- IE6/7/8/9中Table/Select的innerHTML赋值会报错,如下 <!DOCTYPE HTML> <htm