陌生网页交互行为分析(1)——奇怪的关闭按钮

作者:无酬 来源:Taobao.com UED 时间:2009-01-08 12:22:00 


我们在浏览网页的时候偶尔会遇到一些陌生的网页交互行为,通常情况下它们并不会影响你的正常使用,之所以出现情况往往是因为,设计师在设计某个交互方式的时候,遇到了常用的交互模式无法解决的问题,因此会采用一种创新的交互模式来解决问题。通常情况下这些创新的交互方式将会是我们学习的绝佳案例。对设计师拓宽思路很有好处,今天我们介绍的是一个来自google的sns社区orkut 的对关闭按钮的创新应用。

应用场景:orkut组件是默认展示在profile页面的,可以通过执行两种操作隐藏和移除来关闭该组件在profile里的显示状态,区别是隐藏后该组件还可以在组建库中找回,移除后组件无法找回只能重新添加。

通常我们会采取的方案:

 

如图,通常遇到这种情况我们会设计两个按钮一个隐藏一个移除。好处:两个任务直接展现,操作也很直接。只需一次点击即可。弊端:用户不理解隐藏和移除代表什么意思,无法预知操作结果,两个动作的操作结果在此页面的表现是一样的,而且操作在当前页面不可逆。

挑战:怎样以一种清晰的方式告诉用户隐藏和移除的区别,两个动作行为结果是一样的,即此组件从当前页面消失,区别是隐藏的组件还可以在组件列表被找到而移除的组件则不能。

解决思路:对动作进行相对详细的文字解释是表现这种区别的最直接的方法,但页面空间非常有限,因此不可能在页面中直接添加动作解释。这时候选择弹出窗成了一个很自然的选择(就是在点关闭按钮后弹出窗口,在弹出窗中我们可以对隐藏和移除两个行为做出更清晰的解释,用户就可一作出更明确的选择)。最终,设计师选择的是,类似于下拉菜单的,小面积的浮出层。

最终方案:把两种操作整合为一个关闭按钮(关闭按钮恰好可以概括两个操作在当前页面的相同结果,是这两个操作的交集,因此语义上非常恰当),在点关闭后用户会看到两个有详细注释的按钮,“hide from my profile(在当前页面隐藏)”和“remove this application(移除此组件)”这时候用户就可以作出相对准确的选择了。

设计师之所以没有选择弹出窗的形式,是因为这样做会增加用户的认知负担,并且从可逆性角度考虑即使用户勿删了组件仍然可以用添加组件的方式找回,所以线上的这种方式是最佳的选择。

标签:交互,按钮,隐藏,设计
0
投稿

猜你喜欢

  • ES6 let和const定义变量与常量的应用实例分析

    2024-05-28 15:41:17
  • oracle 查询表名以及表的列名

    2009-07-26 09:33:00
  • Javascript的数组总结

    2009-02-03 13:07:00
  • Sql Server 视图数据的增删改查教程

    2024-01-22 07:51:05
  • Go 并发实现协程同步的多种解决方法

    2024-05-05 09:26:56
  • PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法

    2024-04-10 10:38:49
  • Pygame transform模块入门介绍

    2023-11-27 11:31:03
  • mysql巡检脚本(必看篇)

    2024-01-22 07:24:54
  • Laravel框架视图和模型操作方法分析

    2024-05-11 09:19:35
  • python连接数据库后通过占位符添加数据

    2024-01-15 06:29:34
  • redis之django-redis的简单缓存使用

    2023-11-20 10:30:15
  • JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    2024-06-07 15:28:03
  • 月影:function扩展

    2008-05-19 12:27:00
  • 使用element-ui +Vue 解决 table 里包含表单验证的问题

    2024-05-28 16:00:02
  • python  Matplotlib绘图直线,折线,曲线

    2023-01-12 13:44:09
  • python中pdb模块实例用法

    2023-10-14 19:04:48
  • 网页iframe元素应用浅析

    2009-04-11 18:11:00
  • ASP看代码学习CASE的用法

    2008-04-13 06:36:00
  • python 网络编程要点总结

    2023-09-30 06:15:38
  • 深入学习Python中的上下文管理器与else块

    2023-05-11 08:57:53
  • asp之家 网络编程 m.aspxhome.com