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

宜家博客
宜家博客
宜家博客
38966
文章
0
评论
2019年8月11日00:44:41 评论 86 1418字阅读4分43秒

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

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

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

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

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

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

在一个step by step的网站流程中,用户需要知道现在是第几步了,后面还有几步。甚至是,之前已经完成几步了。这也是在了解状态。
载入页面或者动画时的loading也是类似的。

在一个网站中,状态可以分为两类:
1. 对于step by step流程,流程中的第N步;
2. 在正常的页面中,当前页面在整个导航中的位置。
这两类与现实生活中的时间与空间有些类比关系。

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

流程图和线框图的关系

但是流程图也分为两大类:,

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

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

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

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

好的设计应该是可以理解的,不信你试试…
设计出色的web产品都是可以理解的,yahoo是个好例子,如果你还不太了解yahoo,可以做一个简单的实验:打开yahoo.com,随意浏览十分 钟,然后在纸上简单的画一画整个yahoo网站的组织构架。
能画出来吗?大概就是下面这样的:

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

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

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

继续阅读
weinxin
欢迎加入中国站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
宜家博客
中国消费者买空黑五,返利网成海淘第一站 电商资讯

中国消费者买空黑五,返利网成海淘第一站

尽管 “黑色星期五”商品大促活动刚刚过去,但是不少美国人过得并不开心。除了在疯狂购物中发生的两次暴力事件,中国消费者的加入也令美国年轻人躁动起来,她们甚至成群结队走上街头高举标语对中国网友表示抗议。 ...
给百度直达号来桶冰水:没有谁能无所不能 业界动态

给百度直达号来桶冰水:没有谁能无所不能

看上去,李彦宏昨天像是给了马化腾一肘子。直达号确实让外界看到了,百度链接人与服务的努力,远比微信体系的姿态、门槛更低,更平民化。 相对标准的介绍如此这般:直达号是传统服务企业在百度移动平台的官方服务账...
AI产品经理数据模型设计文档(简版) 人工智能

AI产品经理数据模型设计文档(简版)

目前数据、算法、AI产品经理岗位十分热门,本文写给想要入行这方面的新人们,带大家一起了解一下什么是数据模型设计文档。 有一些产品童鞋不惜花很大的力量想要看看数据模型设计文档长什么样子,下面就列举一个数...
创业做一个App,凭什么要100万? 创业学院

创业做一个App,凭什么要100万?

作为互联网从业者,被外行的朋友们问及最多的问题是: “做一个网站需要多少钱?”或者“做一个APP需要多少钱?”。 作为做过完整网站项目和APP的人,今天从产品经理的角度,一起来算一下中小型APP从无到...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: