微信号:phpprogrammer

介绍:关注 PHP 动向,交流编程心得,探讨网站开发技术.偶尔也聊点别的.

信息的组织

2013-06-18 22:00 PHP工程师

本文是《锦绣蓝图》第三章的阅读笔记,主要回答:如何组织信息、如何引导访问者。我按原文也记录了 9 部分,以人们访问网页会问的问题,引出前 4 部分,阐述信息组织方案的作用,再引出后 5 部分。后 5 部分的实现是前 4 部分的基础。


----------


人们访问网站主要3个原因:


寻找东西;

完成任务;

消磨会时间;


访问一个页面时,人们会问自己以下4个问题:


我在正确的位置上么?

网站上有我要找的东西么?

网站上还有没有更好的东西?(如果这个我不满意)

我现在该做什么?


如果你负责信息架构,要由你对每一个页面回答这4个问题,意味着你要做到:


确保访问者处于正确的位置;

让访问者容易找到要找的东西;

确保访问者了解他们有哪些选择;

允许访问者保存、购买、查找新的内容;


1、我在正确的位置上么?


访问者来到网站时,首先看到的是你的组织方案。组织方案有两个作用:


导向作用:告诉访问者这是一个面向谁的网站;

告诉访问者要做什么:向访问者展示“这是你可以研究、购买、查看、阅读…的东西”;


你的组织方案需要为人们展示所有产品的范围。比如 yahoo 首页:左侧展示它提供的顶级服务、上面搜索、新闻在中间靠前、个人服务放在右侧,它明确宣布了:“都在这里了”,然后告诉你该点击哪里。


因为搜索引擎,所以网站每个页面都是主页。


2、网站上有我要找的东西么?


我们要使用些提示和线索来确定目前的位置,以及下一步要去哪里。这被成为标识导引(wayfinding)。其四大要素:


1)使用熟悉的组织系统:相当于使用熟悉的街道标志帮助驾驶员穿行。使用用户的习惯的组织系统,用户就不必要重新学习,网站更易用。


2)明显的标签:标签不是提升品牌的地方,只是一个路标,可以用来帮助人们找东西。


3)导航得像导航:可点击的要做成链接或按钮等,区别于普通文本。


4)“在这里”和“到过这里”的标志:让人们知道他正在网站中的哪个位置,让他们知道来自哪里,还要让他们知道怎样回去。


访问者可以使用上述4个途径找到能引导他们的元素,并了解下一步该点击哪里。


3、网站上还有没有更好的东西?


不论访问者在你的网站上是否找到了他们寻找的东西,他们都会问你还有没有更棒的东西。他们所寻找的东西真的就是他们想要的东西么?


解决方法有:


1)导航和面包屑轨迹:突出用户当前位置,并显示相关内容,可以回答“是否还有更棒的内容”。


2)“参见”选项:这种导航工具对提供一组相关商品以及相关种类的快捷途径最为有效。相关项也指相关任务。


4、现在我该做什么?


人们确实找到他们喜欢的东西时,你要位下一步动作提供相应的选择。可以问自己:访问者希望用他们找到的东西做些什么?下一步是什么?寻找似乎永无止境。


如果能帮助用户完成下一步,你的网站就能从仅仅有用而已的工具一跃成为人们离不开的帮手。访问者总会使用你的网站,因为这能帮助他们达成个人的目标。要利用你提供的“下一步”选项来帮助访问者拉近与目标的距离。


5、对繁杂事务的组织


如果希望帮助人们找到他们要找的东西,必须根据他们对网站内容的看法来组织这些内容。此外,网站布局要支持人们的习惯方式。网站必须反映访问者的实际情况,否则他们就会感到困惑。


要了解人们如何考虑你的内容,有4种很好的方法:


1)观察别人:可以去一家真正的商店看看(如果有的话)


2)研究竞争对手:访问竞争对手的网站,他们是怎么组织信息的?多种组织方式加以比较。甚至可以对它们做可用性测试,从而发现其组织方案中哪些方面奏效,哪些部分没意义。


3)访问你的搜索日志:看看哪些是热门的


4)完成卡片分拣(下一部分阐述)


6、完成卡片分拣


卡片分拣就是把类似的东西放在一起,将相似的放在一起,为每一组标出名称,这样你就一家得到了一个组织方案。不过,这个方案是你能用的,不一定对其他人有用。做用户测试,可以请一位朋友过来,让他做同样的练习,看看与你的不同,请他解释,尽量去了解它作出选择背后的逻辑思维和原因,以便结合到你的设计方案中。有时候古怪的分类暗示了人民搜索时采用的一些重要原则。


你会了解到,采用不同方式使用信息的人,也会按不同方式来组织信息。所以,确定你的用户是谁,针对这些人做卡片分拣。


如何处理结果。检查所有内容:标签一致么?各个类中的内容是否丰富?有没有哪一类过大需要划分子类?完成这些调整后,就会得到你需要的分类系统(taxonomy),分类系统是一个层次结构的组织方案,在 web 上对于浏览特别有用。


如果你的工作做得好,没有人会注意到你的分类系统。用户能毫不费力地进行浏览。


7、你还可以同时身处两地


有些东西可以同时归入多个类别中。


8、分面分类


分面分类(faceted classification):每一样东西有多个特性,这样可以大大增加人们找到他们想要的东西的可能性。


如果访问网站的大多数人都是为了寻找某个特定的东西,你可能想选择这个方案:提供多种分面以方便访问同一个商品。如果你很清楚用户只是想浏览,会访问网站的多个部分,那就有可能希望采用另一个方案:只提供一个或两个分面以便于浏览。


还需有了解你的内容。如果并没有太多的内容,全面而复杂的分类方案可能导致用户大量点击同一个东西,用户会感觉被愚弄。标签就像冰山的山尖。如果你的网站可以为访问者提供很多内容,你肯定希望访问者一来就能清楚地看出这一点,但不要吧网站丰富的内容铺天盖地全倾倒给访问者,可以借助冰山来理解,冰山 90% 都在水下,作为信息架构师,你的任务就是设计这样一个“山尖”,它能暗示出冰山底下的规模。


标签如何命名,可以按以下原则:


用户将了解的内容;

领域的一般约定;

公司品牌;


但更多是按以下原则确定:


导航条上还有多少空间;

设计者对当前标签的厌倦程度;

公司的品牌;


好的标签应该明显,不会让你停顿(绝不会让你再三考虑)。如果利用标签只花了两秒钟就能得到所要的东西,这可能才是好标签。


9、分类的选择


分类有后果:如果标签设置不当,访问者无法找到想要的内容;

分类提供上下文:在不同标签下做出的相同动作,代表不同情境下的意思;

分类受制于上下文:每一个分类的人在分类过程中都有他自己的人生阅历和见解,在分类时,要认识到这需要周详的考虑而且要足够用心;


要想更容易地找到所需要的东西,最简单的方法之一就是使用元数据(第4章)。


 
PHP工程师 更多文章 编程的价值观 在学习用PHP做网站之前 没有谁瞧不起谁 软件中的分层 坐到一起来
猜您喜欢 《Think Python 2e》最新版第七章更新! 【机器学习InAction系列】数据清洗与特征处理综述 阿里百度腾讯他们究竟招什么样的应届生? 谷歌的代码管理 推荐 | 9个最佳的大数据处理编程语言