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

想象一下，當你(nǐ)隔着一片草坪想要到達對面的巴士站(zhàn)時(shí)，你(nǐ)是繞着草坪四周的人(rén)行(xíng)道(dào)走過去，還(hái)是從中間(jiān)穿過去呢？ 假如草地是幹的，也沒有(yǒu)被禁止進入，那(nà)麽你(nǐ)很(hěn)可(kě)能會(huì)選擇最近的路線——穿過草坪直接走到巴士站(zhàn)。如果之前有(yǒu)不少(shǎo)人(rén)也這麽幹過，就會(huì)出現一條“走出來(lái)的路”。　　

這種計(jì)劃外的道(dào)路連接了兩點之間(jiān)的最短(duǎn)距離，我們周圍到處是這樣的例子。 在城市規劃中，它們被稱為(wèi)“交通(tōng)需求線”（desire paths\desire lines），意思是人(rén)的自然行(xíng)為(wèi)和(hé)人(rén)為(wèi)規劃路線間(jiān)的差異。　　

建築師(shī)Christopher Alexander在他的著作(zuò)《模式語言》中定義了“交通(tōng)需求線”（1976）。 對于“交通(tōng)需求線”在建築學中的應用，他給出了具體(tǐ)說明(míng)：　

“規劃道(dào)路的方法，是先在自然景點中設置目标點，再将這些(xiē)點彼此相連形成路徑。” ——Christopher Alexander　　

原則上(shàng)，亞曆山(shān)大(dà)的做(zuò)法是以目标——即人(rén)們最終想要的東西為(wèi)導向，然後将它們以最有(yǒu)用的方法連接在一起。　

但(dàn)在網頁設計(jì)中，遵循的方法通(tōng)常是相反的：設計(jì)師(shī)從主頁開(kāi)始設計(jì)。然後他們根據網站(zhàn)結構層次制(zhì)定出一個(gè)導航方案，不管合适與否。但(dàn)是目标（用戶正在找的主要內(nèi)容，或是他們想要做(zuò)的事）卻成了設計(jì)過程中被考慮的最後一件事情。　　

受到“交通(tōng)需求線”的啓發，我們可(kě)以改善這種設計(jì)網頁的方法。使用核心-路徑這種方法，可(kě)以指導你(nǐ)在網站(zhàn)中創造最直接的路徑，以便用戶直達核心內(nèi)容。

核心-路徑模型

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

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

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

1．核心內(nèi)容

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

2．向內(nèi)路徑

用戶該如何找到核心內(nèi)容？ 有(yǒu)時(shí)，訪客通(tōng)過主導航或搜索找到核心內(nèi)容。 但(dàn)他們也可(kě)能直接來(lái)自谷歌(gē)。 或者是其他路徑，例如來(lái)自其他網站(zhàn)，廣告，直接在浏覽器(qì)中輸入URL鏈接，甚至通(tōng)過RSS和(hé)時(shí)事通(tōng)訊。進入路徑也要考慮搜索引擎優化，例如人(rén)們搜索的關鍵詞是什麽。

3． 向外路徑

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

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

下面是核心-路徑法的圖解，以Amazon為(wèi)例（圖1）。核心內(nèi)容是一款産品，這裏用紅色方框中的內(nèi)容來(lái)表現，包括一本書(shū)的封面和(hé)關鍵細節等。在左邊列出用戶可(kě)以找到這本書(shū)的多(duō)種方法，這些(xiē)就是向內(nèi)路徑。把Amazon認為(wèi)用戶在核心內(nèi)容上(shàng)能夠産生(shēng)投資回報的行(xíng)為(wèi)，作(zuò)為(wèi)可(kě)能的向外路徑列在右邊。

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

核心-路徑法的運用過程

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

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

核心産品是什麽？首先列一個(gè)候選名單：自行(xíng)車(chē)，配件，服務等等。名單來(lái)源于腦(nǎo)暴，沒有(yǒu)對錯的概念。編輯完整的名單之後，确定一個(gè)核心內(nèi)容和(hé)它的輔助信息。在大(dà)的團隊裏這意味與團隊成員和(hé)利益相關者達成共識。　　在上(shàng)述場(chǎng)景中，核心産品是自行(xíng)車(chē)。自行(xíng)車(chē)照片是展示核心內(nèi)容的關鍵元素。在這個(gè)案例中，自行(xíng)車(chē)的功能、品牌以及産品系列是從屬于核心內(nèi)容的信息。輔助信息包括價格和(hé)額外的技(jì)術(shù)細節。　　

在優先考慮和(hé)确定這些(xiē)細節之後，手繪核心內(nèi)容（圖2）。不要繪制(zhì)包括導航和(hé)标志(zhì)的整個(gè)頁面，隻專注于核心內(nèi)容。　　

顧客可(kě)能希望詳細的查看産品細節，所以在這個(gè)階段要考慮兩件事，第一：他們如何與産品內(nèi)容進行(xíng)交互。第二：要思考一旦用戶找到核心內(nèi)容之後的使用場(chǎng)景。

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