IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

背着包袱跳着走

Tencent CDC Blog 2009-10-21 22:39:39 累计浏览 1,763 次
本机暂存

    背着包袱跳着走

      在网站中,用户当然希望一步操作就完成自己需要完成的任务。

      但是事实上,这是不可能的。毕竟网站的目标用户是一群人而不是一个人,目标用户之间的操作习惯必然会存在着很大的差异,况且,目标用户对产品的期待也不同,在网站中往往存在着几个相似或者相关的功能去满足用户在不同场景下的不同需求。

      通常,用户不得不进行几步操作去完成网站中的某一项任务。而操作步骤的实施,往往会以连续几个页面的更替与跳转来实现。这些页面之间的跳转,所依附的应该就是这个网站的结构。

      网站既然存在着结构,用户就不得不花费一定的成本去学习该按照怎样的步骤操作才能实现自己的既定目标,有时候为了进一步的任务或者相关任务的完成,用户不得不花费时间去理解这个网站的结构,然后再思考自己所需要完成的操作是如何被这种结构所印证的。换句话说,网站的结构在这里还起到了教育通知以及说服用户的作用:说服用户花费一定的精力去理解这种结构。

      目标用户在使用网站时,都不得不花费代价在学习如何完成任务上,这种操作代价其实就是对其他用户的让步。思考如何规划网站的过程其实就是思考如何让用户更好的彼此让步又都能够愉快地接受这种让步造成的代价的过程。设计师的作用应当就是权衡用户之间的操作代价,使每个用户的代价都尽量平均并且较少吧。

      一个页面总是承载着完成任务所需要的一步或者几步步骤,每个页面所承载的步骤越多,页面的跳转就越少,反之,每个页面所承载的步骤越少,就越需要更多的页面跳转去帮助完成任务。然而

      1.一个页面所承载的步骤多了,那么在这个页面上提供的信息自然就多了,用户的认知与学习压力也自然就上去了,“会找不到在这里自己该做什么”。

      2.页面之间的跳转多了,用户走到错误页面的几率也就越大,“会常常觉得自己不知道该去哪里”。

      现在的设计中流行的做法:

      Jesse James Garrett 提到,页面间的跳转一般是用户体验设计5个层次中结构层该做的事儿,而具体界面中的控件以及文本的样式与布局则是框架层去考虑的事儿。也就是说一般先确定跳转的次数再确定每个页面如何更好地去承载完成任务所需要的步骤。至于这样是否是最合理的?我觉得需要进一步去思考。

      如何让用户更顺畅地完成自己的任务呢?以下几点或许应该引起注意。

      1.合理的页面信息焦点。每个页面除了承载完成某一项任务所需的几个步骤之外,往往还会存在着相关或者相似任务的其他步骤。而让页面可以更干净地去做某一件事儿,用户的负担或许就会小些。

      2.合理的操作步骤关联。一个页面中所承载的同一任务的几个步骤,应该是前后承接紧密并且密切相关的。把前后关联度相对较小的步骤,放到上一个或者下一个页面中去操作。

      3.合理的适时出现。只有当用户的焦点在当下需要完成的步骤上时,与该步骤相关的信息即时出现。这样不但可以更快地帮助用户完成操作,减少用户此刻的学习负担,还可以帮助用户减少在认知整体页面时的压力。

      4.相似的任务相似的操作。在一个网站中,用户进行相类似任务的操作时,应当有相类似的体验。这样也可以有效地帮助用户快速学习,让用户明晰网站的结构。当用户熟悉网站结构时或许就会有一种征服感,这种征服感带来的愉悦会愈加加速用户在网站中的各种有效活动。

      5.合理的导航设计以及网站布局。就像在路上驾车时的道路指示牌,合理的指示合理地出现才不会让用户迷路。

      6.用户最终完成某一项任务的步骤总是线性的。日常生活中用户熟悉的书,文章,音像以及录像全部都是一种线性的体验。尽管在完成任务的过程中会出现各类的选择,但是先做什么,后做什么的思维总是贯穿在用户的脑中的。

      用户通过页面以及页面间的跳转去完成任务就像其背着包袱在跳着前行一样,既然我们不得不让用户背着包袱走,那就帮他把前行的路铺平,给他明晰的道路指引,让用户大胆自信地走去吧。

同分类推荐文章

  1. Why Isn’t My 3D View Transition Working? (2026-06-12 20:53:41)
  2. 全新的CSS border-shape属性简介 (2026-06-10 11:00:06)
  3. Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions (2026-06-08 21:00:34)

查看更多 前端 文章 →

建议继续学习

  1. 120个优秀的水平导航设计 (累计阅读 75,550)
  2. 流程管理与用户研究 (累计阅读 16,998)
  3. 我的 Sublime Text 2 笔记 (累计阅读 16,647)
  4. 越简单越丰富――极简网页设计视觉呈现技巧 (累计阅读 11,536)
  5. 看看各个网站的404错误处理 (累计阅读 10,155)
  6. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,143)
  7. 视觉注意力―解剖设计的根源 (累计阅读 6,917)
  8. 给想转行做产品经理的同学 (累计阅读 6,880)
  9. 可用性测试好助手——Morae软件的应用 (累计阅读 6,739)
  10. 在大公司和小公司做产品的区别 (累计阅读 6,025)