快好知 kuaihz

网站的结构应该是可以理解的

一个网站就是一个小小的世界,这个世界应该是可以理解的。

我们都试图去理解自己所身处的世界,是吗?

为什么要去理解?因为我们希望在这个世界中更好的生活。这是积极的,如果不,那大概就得想着怎么自杀了。试图去弄明白,这是人们有意无意间都在做的,也许有时候你没意识到,但是你确实是在不断的去了解,学习。

“为什么后面的几张菜单比前面的矮些呢?”在味千拉面餐桌上有一个小盒子,可以用作插新菜宣传单。靠近她的那么卡片比较高,远离她,她一眼看不到的 那面的纸片比较矮。她转过盒子,“哦,短的是餐巾纸。”

这是IKEA的导航图,你会关注上面的哪些信息?“您当前的位置”也就是图中的橙色原点是一定会看的,是吗?通过这个橙色的点,虚拟的地图和顾客真实的位 置产生了联系,顾客清楚了自己当前在这个环境中所在的位置,进而知道自己下一步该如何走了。

在一个step by step的网站流程中,用户需要知道现在是第几步了,后面还有几步。甚至是,之前已经完成几步了。这也是在了解状态。

载入页面或者动画时的loading也是类似的。

在一个网站中,状态可以分为两类:

1. 对于step by step流程,流程中的第N步;

2. 在正常的页面中,当前页面在整个导航中的位置。

这两类与现实生活中的时间与空间有些类比关系。

是这样吗?

“用户不在乎你网站的结构是什么样的,只是在看页面上的信息,按照信息的提示去点击。”是的,经常有这样的观点。

我们来假设一下,在一个现实的购物中心里,你和朋友要吃午饭了,会看到一家饭馆想也不想就进去吃吗?你要买一件衣服,会看见一件不错的,直接就买下 来吗?

类似上面的问题,有些时候答案是肯定的,会直接就进去吃,会直接就买下来。但那通常并不是你最满意的处理方法。是你不想带着朋友再花半个小时寻找、 对比其他饭馆了。是你不愿花费更多精力去选择更合适的衣服了。也就是说,如果可以,你不会那样做。

用户因为邮件中的一个宣传单,因为朋友的介绍,因为看到某篇枪稿的推荐,或者其他什么原因,来到了一个网站中,这个时候,他对这里的环境是陌生的, 第一反应是按照最可靠的(他看的到的,看的懂的)信息去操作。这是一个不良状态,暂时的状态。当他下一次再来的时候,他会对当前的环境了解的更清楚,尽量 搞清现在是在网站的什么位置,什么状态。

这个说法对吗?我们来用一个更实际的例子对比一下,当你第一次进入一个陌生的环境中,比如去一家公司上班入职的第一天,如果有人给你个表格要你填 写,你会断然拒绝吗?应该不会吧。当你在这家公司工作了1,2年后,再有人要你填一个表格的时候,你就会先做判断,“这个人是做什么的?”“他为什么要我 填这个表格?”“填这个表格是我该做的事情吗?”这些判定是需要的,是有价值的,能做这些判断来自与你对这个公司组织框架的了解,能清楚这个公司的组织框 架取决于这个公司的组织框架是可以学习的。如果框架原本就是混乱的……

好的设计应该是可以理解的,不信你试试…

设计出色的web产品都是可以理解的,yahoo是个好例子,如果你还不太了解yahoo,可以做一个简单的实验:打开yahoo.com,随意浏览十分 钟,然后在纸上简单的画一画整个yahoo网站的组织构架。

能画出来吗?大概就是下面这样的:

简单吧~ yahoo将所有的信息组织成一个最简单的框架,易学,易理解,易记忆。

Amzon也是个好例子,我们可以重复一下上面的方式,浏览几分钟,然后画画简单的结构图:

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:网站的结构应该是可以理解的  理解  理解词条  应该  应该词条  结构  结构词条  可以  可以词条  网站  网站词条  
设计

 房产类项目总结——户型图库

本文根据作者的房产类项目经验,结合项目中的户型图/房型图模块部分,总结了制定户型图库的三个基础方法。在房产网站(贝壳、安居客、房多多等)查看房源时,会发现每个小...(展开)

设计

 B端产品设计规范的意义与误区

作者总结了自己在B端平台产品设计规范的整理工作的一些方法和思考,通过设计规范的工作,锻炼大局观,甚至实现最后的商业化。网上关于设计规范的文章写的都很专业,但没有...(展开)