当前位置:首页 > 经验学习 > 设计思想

用核心-路径法设计页面

所属栏目:设计思想 时间:2013-12-26 来源: 作者:admin 点击:

译者注:文章的原名为Designing Screens Using Cores and Paths。本文作者受到城市规划中“交通需求线”的启发,提出了网站设计的“核心-路径法”。区别于通常采用的从框架到主页以及导航的方式,“核心-路径法”让设计者从核心内容入手,由内而外来设计。这个打破常规的方法能够在网站中创造最直接的路径,以便用户找到核心内容。
链接原文:http://boxesandarrows.com/designing-screens-using-cores-and-paths/
--------------------------------------------------




想象一下,当你隔着一片草坪想要到达对面的巴士站时,你是绕着草坪四周的人行道走过去,还是从中间穿过去呢? 假如草地是干的,也没有被禁止进入,那么你很可能会选择最近的路线——穿过草坪直接走到巴士站。如果之前有不少人也这么干过,就会出现一条“走出来的路”。
这种计划外的道路连接了两点之间的最短距离,我们周围到处是这样的例子。 在城市规划中,它们被称为“交通需求线”(desire paths\desire lines),意思是人的自然行为和人为规划路线间的差异。
建筑师Christopher Alexander在他的著作《模式语言》中定义了“交通需求线”(1976)。 对于“交通需求线”在建筑学中的应用,他给出了具体说明:
“规划道路的方法,是先在自然景点中设置目标点,再将这些点彼此相连形成路径。” ——Christopher Alexander
原则上,亚历山大的做法是以目标——即人们最终想要的东西为导向,然后将它们以最有用的方法连接在一起。
但在网页设计中,遵循的方法通常是相反的:设计师从主页开始设计。然后他们根据网站结构层次制定出一个导航方案,不管合适与否。但是目标(用户正在找的主要内容,或是他们想要做的事)却成了设计过程中被考虑的最后一件事情。
受到“交通需求线”的启发,我们可以改善这种设计网页的方法。使用核心-路径这种方法,可以指导你在网站中创造最直接的路径,以便用户直达核心内容。
核心-路径模型
“不要一上来就从主页和整体导航方案来开始,而要从核心内容入手,由内而外来设计。“
“以目标为导向。”信息架构师Are Halland在他的演讲《核心-路径法:可寻性设计》 中这样建议。他概述了网页设计的另一种方法:不要一上来就从主页和整体导航方案来开始,应该从核心内容入手,由内而外来设计。就是这么直接。
这个方法基于三个关键要素:
1.核心内容
核心内容就是吸引用户来到网站的原因。从开发商的角度来看,核心即是网站提供的内容。 需要注意的是,核心内容并不总是一个页面。 对YouTube而言,核心内容是视频,而不是www.youtube.com上的页面。这使得YouTube也可能会有在其他网站上能够找得到的视频内容。
核心内容也可能带有辅助信息。例如,技术细节可以认为是核心内容的一个扩展。 像Flickr这样的网站,对照片的描述以及用户给它的标签,都是核心内容——照片的辅助信息。
2.向内路径
用户该如何找到核心内容? 有时,访客通过主导航或搜索找到核心内容。 但他们也可能直接来自谷歌。 或者是其他路径,例如来自其他网站,广告,直接在浏览器中输入URL链接,甚至通过RSS和时事通讯。进入路径也要考虑搜索引擎优化,例如人们搜索的关键词是什么。
3. 向外路径
假设用户找到了他们要找的内容,接下来他们可以做什么、又会做什么呢?从根本上说,后续的每个交互都会给业务带来某种价值。这就是转变发生的地方。对外路径可以是从“把一样东西放进‘购物车’”到“推荐一款产品给朋友”这些操作中的任何一个。和向内路径一样,向外路径也有很多选项要考虑,包括离开网站的链接。
这三要素中的每一个都具有不同的功能。 核心内容真正是为用户和业务双方创造价值的地方。向外路径的引导在这里起到了很大的作用:网站最终希望用户产生购买等具体行为。 向内路径保证了可寻性,就是如何让用户在网上找到他们想要的产品和服务。而从商业的角度来看,向外路径是为网站带来投资回报率的东西。
下面是核心-路径法的图解,以Amazon为例(图1)。核心内容是一款产品,这里用红色方框中的内容来表现,包括一本书的封面和关键细节等。在左边列出用户可以找到这本书的多种方法,这些就是向内路径。把Amazon认为用户在核心内容上能够产生投资回报的行为,作为可能的向外路径列在右边。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: