交互设计模式(四)-SpatialMemory(空间记忆)

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/

上期回顾:交互设计模式(三)-Tagging(标签)

当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉。同样,当新用户来到全新、陌生的网站时,用户也希望有个类似站点地图的东西。但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式。它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢?

来自用户的抱怨

“我敢发誓,这个按钮一分钟以前还在这里。它哪里去了?”:

当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次找到它们,而不是它们的名字。很多网站把它们的表单按钮——确定、取消等——放在预定的位置上,部分原因是由于它们的空间记忆依赖性。在复杂的应用系统中,下面这些元素也可以由记忆它们的相对位置找到:工具条上的工具、层级结构中的对象等。因此,你应该小心使用像响应式展开(Responsive Disclosure)这样的模式。把某个东西添加到界面上通常不会引起麻烦,但是把控件重新排列会打乱空间记忆,从而难以找到。这得看具体情况,如果你不确定的话可以做一些用户测试。空间记忆和习惯之间的关系很密切。和习惯一样,空间记忆也是一个在应用中及在应用间保持一致性会带来好处的理由。人们会期望在类似的地方找到类似的功能表现。顺便说一句,网站导航菜单列表的顶部和底部都是很特别的区域,从认知的角度说,与处于菜单中间的项目相比,顶部和底部的项目会获得用户更多的注意力,记忆也更持久。如果他们发生改变,对用户的重新建立空间记忆势必会造成影响,请慎之。

用户浏览历史

Taobao.com:

在淘宝list页面的右边栏,淘宝设置了用户最近浏览过的detail产品的历史记录。这种设计方式让用户可以轻松地追溯曾经浏览过的产品,并比较它们。

Amazon.com:

产品的显示顺序是从你最近一次(上一次)访问过的产品开始 ,而且每个项目都有一个“删除此产品”选项,类似于在购物车页面查找商品。

当一个产品被删除,页面重新加载并更新清单。如果它是用AJAX做,此功能将更为高效,但它仍然是一个实用性的提高。

在亚马逊用户浏览历史记录页的右侧栏,用户会看到一个列表是他们最近浏览的搜索条件和类别:点击“X”的每个项目旁边,在搜索条件和类别历史中,用户可以删除自己的任何项目。这是一个客户端功能,因此结果是瞬间的:当他们删除一个产品时,用户不必等待整个页面的重新加载.这些定制(或编辑)功能,确保购物体验不会给用户带来繁重的负担。如果他们收到的推荐,他们并不满意,用户可以修改它们,以改善今后的访问。

通过以上的案例,我们知道淘宝与亚马逊都尽量考虑了用户的最原始需求:对浏览历史的跟踪和追溯,并且他们都给予了创新,淘宝把它与对比产品联系在一起,亚马逊把它和可定制的历史推荐系统联系在一起。用户可以轻松找到曾经关注过的产品,也不容易迷失在复杂的网站中。并且,让用户建立空间记忆模式的同时赋予更多的可用性价值。

Undo,Redo与返回,前进

IE浏览器:

无论是软件中的撤消与重做,还是IE浏览器中的返回与前进按钮。全都是为用户能够快速返回到熟悉环境而设计。这样的空间记忆模式是如此贴心,使用网站的用户再也不用担心会迷路,即使这个网站的面包屑多么糟糕!可惜的是返回、前进是线性的循序操作,对于1到3步的返回、前进还是很方便的。但是对于4步以上就会很麻烦了。所以面包屑方式在某些时候可以跳跃方式的返回某个状态,这也许是其中为什么好多大型网站没有完全抛弃面包屑的一个小原因吧?当然还有其他原因这里不再赘述!

其他空间记忆表现形式

搜索框历史输入记录:

面包屑:

筛选历史记录:

以上只是在空间记忆模式中,表现形式的冰山一角而已。更多的空间记忆表现,只要我们平常愿意去观察我们身边的设计,也许会发现更多有意思的空间记忆。

(本文首发:http://www.alitedesign.com/archives/116)

时间: 2024-10-28 06:18:16

交互设计模式(四)-SpatialMemory(空间记忆)的相关文章

交互设计理论:在网站上的空间记忆模式

当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉.同样,当新用户来到全新.陌生的网站时,用户也希望有个类似站点地图的东西.但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式.它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢? 来自用户的抱怨"我敢发誓,这个按钮一分钟以前还在这里.它哪里去了?" 当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次找到

交互设计:在网站上空间记忆模式的表现

当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉.同样,当新用户来到全新.陌生的网站时,用户也希望有个类似站点地图的东西.但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式.它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢? 来自用户的抱怨 "我敢发誓,这个按钮一分钟以前还在这里.它哪里去了?": 当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次

提高移动电子商务销售的交互设计模式

译者注:2012年,各大电商巨头以及品牌商的移动终端订单量都呈现出迅猛增长的态势.人人已经看见,移动电商已经来了.那么设计优良的移动购物体验必将能争夺更多的用户,提升销售额.本文较为全面的介绍了移动购物流程中各环节的交互设计模式,供大家参考学习. 原文地址:http://uxdesign.smashingmagazine.com/2012/12/19/boost-your-mobile-e-commerce-sales-with-mobile-design-patterns/ 现在越来越多的人使

交互设计模式:流行的站点导航设计模式

文章描述:在网页设计中有一些通用的交互设计模式.网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基?U馄改虾橇肆餍械恼镜愕己缴杓颇J健6杂诿恳恢滞镜己嚼干杓颇J剑颐墙致鬯囊话闾卣鳎娜钡悖约笆裁词焙蚴褂盟詈?/font> 在网页设计中有一些通用的交互设计模式.网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基础.这篇指南涵盖了流行的站点导航设计模式.对于每一种网站导航栏设计模式,我们将讨论它的一般特征,它的缺点

交互设计模式:认识交互设计模式

交互设计师通常会遇见这样情景:经过一番冥思苦想与挣扎,终于把PD提交的需求快速的完成了.当然,按照流程就是提交到视觉设计师那了.但在视觉设计过程中,发现有些用户行为和操作路径,在DEMO中并没有涉及到,当然就会被视觉设计师打回返工.这样几经周折才算把问题都想清楚设计完整了. 先不提孰是孰非,如果交互设计师能够充分掌握交互设计原则与交互设计模式会不会把这种情况出现的几率降低到最少呢?答案是肯定的!设计原则可以指导设计师如何设计美好,有效的产品,以及系统与服务,并且如何正直成功地从事设计工作.设计模

如何提高移动电子商务销售的交互设计模式

本文较为全面的介绍了移动购物流程中各环节的交互设计模式,供大家参考学习. 现在越来越多的人使用智能手机来替代台式电脑购物和购买.随着更多的人从电脑转移到移动设备上购买产品和服务,网站创建者可以使用一些设计模式以帮助快速启动一个移动电商项目. 良好的移动购物体验是很重要的.最近的研究发现,67%的顾客愿意在设计体验友好的移动端进行购物. 设计模式的好处在于告诉你其他设计师是如何解决相似的问题的,而不需要你重新发明轮子.这样你设计的网站可以满足人们因使用其他网站而产生的预期,并且可以在这些设计模式的

交互设计模式(二)-Pagination(分页,标记页数)

上期回顾:交互设计模式(一)-前言 [版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com 模式库 在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性.(Yahoo模式库也有对Pattern的一种定义.) 模式归属类别 为了方便调用和维护模式库中的各种模式,首先将模式库中的模式分成三大类:用户需求,应用需求,语境下的设计.在用户需求

交互设计模式(三)-Tagging(标签)

上期回顾:交互设计模式(二)-Pagination(分页,标记页数) [版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/ Tagging(标签) 问题摘要 用户往往想通过流行或最详尽的主题来浏览内容. 实例 何时使用当您的网站用户想要自己添加内容和可能更多的标签时. 当您的网站已超过10-20不同的标签,并且 它们彼此都具有不同的重量后计数时. 注:当需要显示具有严格等级结构的类别时不要使用Tag

让Win7任务栏拥有四倍空间

随着Windows 7使用时间增加,渐渐发现有个挺尴尬的问题,任务栏空间越来越小.因为习惯了Windows 7任务栏的锁定图标功能,不经意间就把各种程序图标放到任务栏上去了.虽然我们可以通过改用任务栏小图标来缓解空间问题,但实际效果并不理想,仅能节省出 20%左右的空间.换台显示器,提高分辨率?可这需要额外的费用,显然不合适.那么就没有其他有效途径增加任务栏空间了吗? 非也,经过不懈努力,终于在网上发现有一款Win7任务栏增强工具,能够在不改变当前硬件和设置的情况下翻倍增加任务栏可用空间.这款软