譯者注：文章的原名為Designing Screens Using Cores and Paths。本文作者受到城市規(guī)劃中“交通需求線”的啟發(fā)，提出了網(wǎng)站設(shè)計(jì)的“核心-路徑法”。區(qū)別于通常采用的從框架到主頁(yè)以及導(dǎo)航的方式，“核心-路徑法”讓設(shè)計(jì)者從核心內(nèi)容入手，由內(nèi)而外來(lái)設(shè)計(jì)。這個(gè)打破常規(guī)的方法能夠在網(wǎng)站中創(chuàng)造最直接的路徑，以便用戶找到核心內(nèi)容�！　℃溄釉�文：http://boxesandarrows.com/designing-screens-using-cores-and-paths/

想象一下，當(dāng)你隔著一片草坪想要到達(dá)對(duì)面的巴士站時(shí)，你是繞著草坪四周的人行道走過(guò)去，還是從中間穿過(guò)去呢？ 假如草地是干的，也沒(méi)有被禁止進(jìn)入，那么你很可能會(huì)選擇最近的路線——穿過(guò)草坪直接走到巴士站。如果之前有不少人也這么干過(guò)，就會(huì)出現(xiàn)一條“走出來(lái)的路”�！　�

這種計(jì)劃外的道路連接了兩點(diǎn)之間的最短距離，我們周圍到處是這樣的例子。 在城市規(guī)劃中，它們被稱為“交通需求線”（desire paths\desire lines），意思是人的自然行為和人為規(guī)劃路線間的差異。　　

建筑師Christopher Alexander在他的著作《模式語(yǔ)言》中定義了“交通需求線”（1976）。 對(duì)于“交通需求線”在建筑學(xué)中的應(yīng)用，他給出了具體說(shuō)明：　

“規(guī)劃道路的方法，是先在自然景點(diǎn)中設(shè)置目標(biāo)點(diǎn)，再將這些點(diǎn)彼此相連形成路徑。” ——Christopher Alexander　　

原則上，亞歷山大的做法是以目標(biāo)——即人們最終想要的東西為導(dǎo)向，然后將它們以最有用的方法連接在一起�！�

但在網(wǎng)頁(yè)設(shè)計(jì)中，遵循的方法通常是相反的：設(shè)計(jì)師從主頁(yè)開(kāi)始設(shè)計(jì)。然后他們根據(jù)網(wǎng)站結(jié)構(gòu)層次制定出一個(gè)導(dǎo)航方案，不管合適與否。但是目標(biāo)（用戶正在找的主要內(nèi)容，或是他們想要做的事）卻成了設(shè)計(jì)過(guò)程中被考慮的最后一件事情。　　

受到“交通需求線”的啟發(fā)，我們可以改善這種設(shè)計(jì)網(wǎng)頁(yè)的方法。使用核心-路徑這種方法，可以指導(dǎo)你在網(wǎng)站中創(chuàng)造最直接的路徑，以便用戶直達(dá)核心內(nèi)容。

核心-路徑模型

“不要一上來(lái)就從主頁(yè)和整體導(dǎo)航方案來(lái)開(kāi)始，而要從核心內(nèi)容入手，由內(nèi)而外來(lái)設(shè)計(jì)。“　　

“以目標(biāo)為導(dǎo)向。”信息架構(gòu)師Are Halland在他的演講《核心-路徑法：可尋性設(shè)計(jì)》 中這樣建議。他概述了網(wǎng)頁(yè)設(shè)計(jì)的另一種方法：不要一上來(lái)就從主頁(yè)和整體導(dǎo)航方案來(lái)開(kāi)始，應(yīng)該從核心內(nèi)容入手，由內(nèi)而外來(lái)設(shè)計(jì)。就是這么直接�！　�

這個(gè)方法基于三個(gè)關(guān)鍵要素：

1．核心內(nèi)容

核心內(nèi)容就是吸引用戶來(lái)到網(wǎng)站的原因。從開(kāi)發(fā)商的角度來(lái)看，核心即是網(wǎng)站提供的內(nèi)容。 需要注意的是，核心內(nèi)容并不總是一個(gè)頁(yè)面。 對(duì)YouTube而言，核心內(nèi)容是視頻，而不是www.youtube.com上的頁(yè)面。這使得YouTube也可能會(huì)有在其他網(wǎng)站上能夠找得到的視頻內(nèi)容。　　核心內(nèi)容也可能帶有輔助信息。例如，技術(shù)細(xì)節(jié)可以認(rèn)為是核心內(nèi)容的一個(gè)擴(kuò)展。 像Flickr這樣的網(wǎng)站，對(duì)照片的描述以及用戶給它的標(biāo)簽，都是核心內(nèi)容——照片的輔助信息。

2．向內(nèi)路徑

用戶該如何找到核心內(nèi)容？ 有時(shí)，訪客通過(guò)主導(dǎo)航或搜索找到核心內(nèi)容。 但他們也可能直接來(lái)自谷歌。 或者是其他路徑，例如來(lái)自其他網(wǎng)站，廣告，直接在瀏覽器中輸入U(xiǎn)RL鏈接，甚至通過(guò)RSS和時(shí)事通訊。進(jìn)入路徑也要考慮搜索引擎優(yōu)化，例如人們搜索的關(guān)鍵詞是什么。

3． 向外路徑

假設(shè)用戶找到了他們要找的內(nèi)容，接下來(lái)他們可以做什么、又會(huì)做什么呢？從根本上說(shuō)，后續(xù)的每個(gè)交互都會(huì)給業(yè)務(wù)帶來(lái)某種價(jià)值。這就是轉(zhuǎn)變發(fā)生的地方。對(duì)外路徑可以是從“把一樣?xùn)|西放進(jìn)‘購(gòu)物車’”到“推薦一款產(chǎn)品給朋友”這些操作中的任何一個(gè)。和向內(nèi)路徑一樣，向外路徑也有很多選項(xiàng)要考慮，包括離開(kāi)網(wǎng)站的鏈接。　　

這三要素中的每一個(gè)都具有不同的功能。 核心內(nèi)容真正是為用戶和業(yè)務(wù)雙方創(chuàng)造價(jià)值的地方。向外路徑的引導(dǎo)在這里起到了很大的作用：網(wǎng)站最終希望用戶產(chǎn)生購(gòu)買等具體行為。 向內(nèi)路徑保證了可尋性，就是如何讓用戶在網(wǎng)上找到他們想要的產(chǎn)品和服務(wù)。而從商業(yè)的角度來(lái)看，向外路徑是為網(wǎng)站帶來(lái)投資回報(bào)率的東西�！�

下面是核心-路徑法的圖解，以Amazon為例（圖1）。核心內(nèi)容是一款產(chǎn)品，這里用紅色方框中的內(nèi)容來(lái)表現(xiàn)，包括一本書(shū)的封面和關(guān)鍵細(xì)節(jié)等。在左邊列出用戶可以找到這本書(shū)的多種方法，這些就是向內(nèi)路徑。把Amazon認(rèn)為用戶在核心內(nèi)容上能夠產(chǎn)生投資回報(bào)的行為，作為可能的向外路徑列在右邊。

圖1 www.amazon.com的核心-路徑模型

核心-路徑法的運(yùn)用過(guò)程

想象以下場(chǎng)景：你在一個(gè)小的設(shè)計(jì)公司工作，接到了一個(gè)自行車網(wǎng)站改版的單子。這家店現(xiàn)在僅有一個(gè)“小冊(cè)子”一樣簡(jiǎn)陋的網(wǎng)站，上面寫(xiě)有地址和營(yíng)業(yè)時(shí)間。他們想引入電子商務(wù)，以便能夠在線出售。產(chǎn)品包括高端賽車和山地自行車，以及它們的一些配件。這家店想在線出售的產(chǎn)品總共有1000款左右，主要的目標(biāo)客戶群是職業(yè)自行車選手和業(yè)余發(fā)燒友。已售出的自行車主要來(lái)自于優(yōu)質(zhì)品牌，因此，網(wǎng)站的設(shè)計(jì)應(yīng)該強(qiáng)調(diào)自行車產(chǎn)品的高品質(zhì)。根據(jù)核心-路徑法，以下是如何設(shè)計(jì)這個(gè)網(wǎng)站的完整步驟。

第一步：定義核心內(nèi)容

核心產(chǎn)品是什么？首先列一個(gè)候選名單：自行車，配件，服務(wù)等等。名單來(lái)源于腦暴，沒(méi)有對(duì)錯(cuò)的概念。編輯完整的名單之后，確定一個(gè)核心內(nèi)容和它的輔助信息。在大的團(tuán)隊(duì)里這意味與團(tuán)隊(duì)成員和利益相關(guān)者達(dá)成共識(shí)�！　≡谏鲜鰣�(chǎng)景中，核心產(chǎn)品是自行車。自行車照片是展示核心內(nèi)容的關(guān)鍵元素。在這個(gè)案例中，自行車的功能、品牌以及產(chǎn)品系列是從屬于核心內(nèi)容的信息。輔助信息包括價(jià)格和額外的技術(shù)細(xì)節(jié)�！　�

在優(yōu)先考慮和確定這些細(xì)節(jié)之后，手繪核心內(nèi)容（圖2）。不要繪制包括導(dǎo)航和標(biāo)志的整個(gè)頁(yè)面，只專注于核心內(nèi)容。　　

顧客可能希望詳細(xì)的查看產(chǎn)品細(xì)節(jié)，所以在這個(gè)階段要考慮兩件事，第一：他們?nèi)绾闻c產(chǎn)品內(nèi)容進(jìn)行交互。第二：要思考一旦用戶找到核心內(nèi)容之后的使用場(chǎng)景。

圖2手繪核心內(nèi)容和輔助信息　　

標(biāo)簽： 頁(yè)面設(shè)計(jì) 搜索引擎優(yōu)化 路徑法設(shè)計(jì)頁(yè)面 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。