建站常识
交互设计模式(四)-Spatial Memory(空间记忆)
2009-12-16 17:45:00
[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和ಞ作者信息及本声明://alite.aliued.cn
当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉。同样,当新用户来到全新、陌生的网站时,用户也希望有个类似站点地图的东西。但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路🍬,我们必须为用户建立起空间记忆模式。它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢?
来自用户的抱怨
“我敢发誓,这个按钮一分钟以前还在这里。它哪里去了?”
当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次找到它们,而不是它们的名字。很多网站把它们的表单按钮——确定𓆉、取消等——放在预定的位置上,部分原因是由于它们的空间记忆依赖性。在复杂的应用系统中,下面这些元素也可以由记忆它们的相对位置找到:工具条上的工具、层级结构中的对象等。因此,你应该小心使用像响应式展开(Responsive Disclosure)这样的模式。把某个东西添加到界面上通常不会引起麻烦,但是把控件重新排列会打乱空间记忆,从而难以找到。这得看具体情况,如𓆏果你不确定的话可以做一些用户测试。空间记忆和习惯之间的关系很密切。和习惯一样,空间记忆也是一个在应用中及在应用间保持一致性会带来好处的理由。人们会期望在类似的地方找到类似的功能表现。顺便说一句,网站导航菜单列表的顶部和底部都是很特别的区域,从认知的角度说,与处于菜单中间的项目相比,顶部和底部的项目会获得用户更多的注意力,记忆也更持久。如果他们发生改变,对用户的重新建立空间记忆势必会造成影响,请慎之。
用户浏览历史
Taobao.com
在淘宝list页面的右边栏,淘宝设置了用户最近浏览过的detaওil产品的历史记录。这种设计方式让用户可以轻松地🌞追溯曾经浏览过的产品,并比较它们。
Amazon.com
产品的显示顺序是从你最近一次(上一次)访问过的产品开始 ,而且每个项目都有一个“删除此产品”选项,类似于🗹在购物车页面查找商品。
当一个产品被删除,页面重新加载并更新清单。如果它是用AJAX做,此功能将更为高效,但它仍然是一个实用性的提🌃高。
在亚马逊用户浏览历史记录页的右侧栏,用户会看到一个列表是他🍃们最近浏览的搜索条件和类别:点击“X”的每个项目旁边,在搜索条件和类别历史中,用户可以删除自己的任何项目。这是一个客户端功能,因此结果是瞬间的:当他们删除一个产品时,用户不必等待整个页面的重新加载.这些定制(♋或编辑)功能,确保购物体验不会给用户带来繁重的负担。如果他们收到的推荐,他们并不满意,用户可以修改它们,以改善今后的访问。
通过以上的案例,我们知道淘宝与亚马逊都尽量考虑了用户的最原始需求:对浏览历史的跟踪和追溯,并且他们都给予了创新,淘宝把𝓰它与对比产品联系在一起,亚马逊把它和可定制的历史推荐系统联系在一起。用户可以轻松找到曾经关注过的产品,也不容易迷失在复杂的网站中。并且,让用户建立空间记忆模式的同时赋予更多的可用性价值。
Undo,Redo与返回,前进
IE浏览器
无论是软件中的撤消与重做,还是IE浏览器中的返回与前进按钮。全都是为用户能够快速返回到熟悉环境而设计。这样的空间记忆模式是如此贴心,使用网站的用户再也不用担心会迷路,即使这个网站的面包屑多么✱糟糕!可惜的是返回、前进是线性的循序操作,对于1到3步的返回、前进还是很方便的。但是对于4步以上就会很麻烦了。所以面包屑方式在某些时候可以跳跃方式的返回๊某个状态,这也许是其中为什么好多大型网站没有完全抛弃面包屑的一个小原因吧?当然还有其他原因这里不再赘述!
其他空间记忆表现形式
搜索框历史输入记录
面包屑
筛选历史记录
以上只是在空间记忆模式中,表现形式的冰山一角而已。更多的空间🅷记忆表现,只要我们平常愿意去🍃观察我们身边的设计,也许会发现更多有意思的空间记忆。
总结
当网站重构、加拿大预测网-在线预测改版需要交互设计师出Demo的时候,记得考虑下用户的空间记忆与操作习惯。在创新的同时,要兼顾老用户的操作习惯与思维方式,用户的操作环境经常处于一种“有序的混乱”状🙈态,看起来乱糟糟的,但是用户可以很快找ꦰ到他要的东西。
原文://www.aliued.cn/?p=2178
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-08-24 17:38:00] 加拿大预测网-在线预测:头像web版交互设计总结
- [2009-06-19 08:15:00] 加拿大预测网-在线预测:用户不会记得点了多少下
- [2010-12-15 08:53:00] 关于网站地图
- [2010-05-05 21:55:00] 页面表达常用方式
- [2009-07-31 22:54:00] 加拿大预测网-在线预测:交互设计模式——分页
- [2010-01-11 21:41:00] 加拿大预测网-在线预测:交互设计(5)–突出重点,一目了然
- [2009-12-25 08:24:00] 交互设计(3)—“有效性”之“适时帮助&rd൲quo;
- [2009-12-03 08:31:00] 加拿大预测网-在线预测:交互设计实用指南系列 – 我们眼中的交互设计
- [2010-06-05 08:33:00] 浅谈几个设计法则
- [2010-08-10 16:03:00] 浅谈交互设计规范
- [2010-12-28 08:25:00] 正确的引导(一)
- [2010-05-18 11:33:00] 交互设计的出发点
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案