下面列出的网站内容(城市规划中的“核心-路径法”(一))
优采云 发布时间: 2021-09-16 13:04下面列出的网站内容(城市规划中的“核心-路径法”(一))
译者注:文章最初被命名为使用核心和路径设计屏幕。受城市规划中“交通需求线”的启发,作者提出了网站设计的“核心路径法”。与通常从框架到主页和导航的方式不同,“核心路径方法”允许设计师从核心内容开始,从内到外进行设计。这种非传统的方法可以在网站中创建最直接的路径,以便用户可以找到核心内容
原创链接:
-
想象一下,当你想穿过草坪到达公共汽车站时,你是沿着草坪周围的人行道走还是穿过中间?如果草地干燥且未被禁止,您可能会选择最近的路线-穿过草地直接到达公共汽车站。如果很多人以前都这样做过,那么就会有“出路”
这条未规划的道路连接两个点之间的最短距离。我们身边有很多例子。在城市规划中,它们被称为“欲望路径\欲望线”,这意味着人的自然行为和人为规划路线之间的差异
建筑师克里斯托弗·亚历山大(Christopher Alexander)在其著作《模式语言》(pattern language)中定义了“交通需求线”(traffic demand line)1976)对于“交通需求线”在建筑中的应用,他给出了具体的说明:
“道路规划的方法是在自然风景区设置目标点,然后将这些点相互连接,形成一条道路。”-克里斯托弗·亚历山大
原则上,Alexander的方法是以目标为导向,即人们最终想要什么,然后以最有用的方式将他们联系起来
然而,在网页设计中,所遵循的方法通常是相反的:设计师从主页开始。然后他们根据网站结构级别制定导航方案,无论是否合适。然而,目标(主要内容用户正在寻找或他们想做什么)已成为设计过程中最后考虑的事项
受“流量需求线”的启发,我们可以改进这种网页设计方法。使用核心路径方法可以引导您在网站中创建最直接的路径,以便用户可以直接访问核心内容
核心路径模型
“我们不应该从主页和整体导航方案开始,而应该从核心内容和从内到外的设计开始”
“目标导向”。信息架构师are Halland在其演讲“核心路径方法:可追溯性设计”中提出了这一点。他概述了另一种Web设计方法:首先不要从主页和总体导航方案开始,而是从核心内容开始,从内到外进行设计。这非常直接
该方法基于三个关键要素:
1.核心内容
核心内容是网站吸引用户的地方。从开发者的角度来看,核心内容是网站提供的内容。需要注意的是,核心内容并不总是一个页面。对于youtube,核心内容是视频,而不是页面。这使得youtube也可能有其他网站上可以找到的视频内容@
核心内容也可能收录辅助信息。例如,技术细节可以视为核心内容的扩展。对于网站,用户给出的照片描述和标签是核心内容-照片的辅助信息
2.往里走
用户如何找到核心内容?有时,访问者通过主导航或搜索找到核心内容。但他们也可能直接来自谷歌。或者其他路径,例如来自其他网站、广告,直接在浏览器中输入URL链接,甚至通过RSS与时事进行交流。搜索引擎优化在进入路径时也要考虑ld,例如关键词人搜索的内容
3.对外通道
假设用户找到了他们想要的东西,他们能做什么,下一步他们会做什么?从根本上说,每一次后续的交互都会给企业带来一些价值。这就是转型发生的地方。外部路径可以是从“把东西放进购物车”到“向朋友推荐产品”这些操作中的任何一种,像向内路径一样,向外的路径有很多选择要考虑,包括离开网站
的链接。
这三个元素都有不同的功能。核心内容实际上是一个为用户和企业创造价值的地方。外向路径的引导在这里起着很大的作用:网站最终,用户想要购买和其他特定行为。内向路径确保了可搜索性,即如何让用户找到产品他们需要的是在线服务,而不是从行业的角度去做生意,外向的途径是网站带来投资回报
以下是以Amazon为例的核心路径方法的说明(图1).核心内容是一种产品,它由红框中的内容表示,包括一本书的封面和关键细节。在左侧,列出用户可以找到该书的各种方法,即内部路径。列出亚马逊认为用户可以在核心内容中产生投资回报的行为作为po右边有两条小路
图1核心路径模型
核心路径法的应用过程
想象一下下面的场景:你在一家小型设计公司工作,收到一份自行车网站修订清单。商店现在只有一本“宣传册”简单到网站,地址和营业时间都写在上面。他们希望引入电子商务,以便在网上销售。产品包括高端赛车和山地自行车,以及它们的一些配件。该店希望在网上销售大约1000种产品,主要目标客户是职业自行车手和amateur爱好者。出售的自行车主要来自高品质品牌,网站的设计应强调自行车产品的高品质。根据核心路径法,以下是如何设计这款网站的完整步骤@
步骤1:定义核心内容
核心产品是什么?首先列出候选产品清单:自行车、配件、服务等。该清单来源于头脑风暴,没有对错概念。编辑完整清单后,确定核心内容及其辅助信息。在大型团队中,这意味着与团队成员和利益相关者达成共识>
在上述场景中,核心产品是自行车。自行车照片是展示核心内容的关键元素。在这种情况下,自行车的功能、品牌和产品系列从属于核心内容。辅助信息包括价格和附加技术细节
在对这些细节进行优先排序和确定之后,手工绘制核心内容(图2).不要画整个页面,包括导航和标志,只关注核心内容
顾客可能希望详细地查看产品细节,所以在这一阶段应该考虑两件事:首先,它们是如何与产品内容交互的。第二,一旦用户找到核心内容
,就考虑使用场景。
图2手绘核心内容和辅助信息
记住,用户也可以通过智能手机和平板电脑访问网站。他们还可以将图片发送到Facebook或pinterest。这是分布式核心的一个例子。因此,我们手绘如何将核心内容放入不同的场景中(图3).类似地,我们不需要绘制页面装饰或导航,而是关注核心内容
图3不同场景中核心内容的不同版本
从这里,您可以看到核心内容和辅助信息在不同的场景中是如何表示的。您可能需要通过版本迭代来来回更新它们
步骤2:列出所有可能的向内路径
用户访问网站的所有方式都是什么?网站搜索、主导航、谷歌和其他网站链接显然会浮现在脑海中。但通过头脑风暴,你可以找到更多途径:链接到购物价格比较网站甚至来自离线媒体,如印刷品目录
对于列表中的每个向内路径,写下设计要求并满足这些要求。例如,谷歌和其他搜索引擎的访问者需要搜索引擎优化和登录页优化(图4))
图4内部路径列表和相应的关键要求
步骤3:列出所有可能的向外路径
从核心内容推断路径,就像步骤2一样,外向路径也应该满足设计要求,外向路径应该根据业务的重要性进行排序,使后续的设计更加清晰,因为外向路径最终会产生业务价值,所以排序应该参照业务目标s、 在本例中,如果客户无法立即做出决定,则客户将通过一个清晰的指导按钮进入结帐流程,第二个优先级是向客户提供链接、愿望列表链接或向其他人推荐产品的链接
图5向外路径的顺序
到目前为止,我们既没有看主页,也没有考虑导航。但是,我们已经完成了重要的设计决策,例如核心产品的移动版本是什么样子,用户如何与网站主要内容交互。在制作高保真模型后,这些初始界面可以由用户进行测试
步骤4:整合所有内容
在你设计了核心内容并列出了向内和向外的路径之后,然后关注主页和导航。这个阶段的目标是让用户以最简单、最直接的方式找到核心内容