試想當一個妙齡女子傍晚要趕搭公車回家。當她意識到,末班車從對向車道駛來,情急下的她,不顧形象,扯開腿,跨越公司前一片草坪,朝對向車道狂奔而去。

很難想像,清晨的她走過這片草坪旁,還低頭擔心鮮紅色的高跟鞋,是否不小心踏傷了脆弱的草坪。

穿過草坪直接走到公車站。如果這位女子天天這樣做,通常就會出現一條“走出來的路”。而這種意外出現的道路,經常是兩點之間的最短距離。

在城市規劃中,稱它為“交通需求線”(desire path或desire lines),這是一種由自然需求產生和人爲規劃路線間的差異。建築師Christopher Alexander在他的著作《模式語言》中定義了 “交通需求線”(1976):“規劃道路的方法,是先在自然景點中設置數個目標點,再將這些點彼此相連形成路徑。亞曆山大的做法是以目標—-為人們最終想 要的東西,爲導向,然後將它們以最有用的方法連接在一起。

 

但在 網頁設計 中,往往做法卻是相反的;網頁設計師從主頁開始設計。然後根據網站結構設計出一個架構方案。這樣的行為忽略了如何有效地傳達內容給用戶,也忽略了用戶想要完成工作的心態。

為了讓使用者能看見網站中的那條“交通需求線”;建議採用核心—路徑法,它不但可以創造出最直接的路徑,以便於讓用戶直達網站核心內容。

 

核心-路徑模型簡介
“千萬不要一開始就從主頁和整體架構方案下手”

信息架構師Are Halland曾說:從核心內容入手,由內而外來設計。以目標爲導向,就是這麽直接。

 

三個關鍵要素分別介紹如下:

1.核心內容

核心內容就是吸引用戶來到網站的原因。核心即是網站提供的內容。 需要注意的是,核心內容並不一定是一個頁面。就YouTube而言,核心內容就是頻道,而非YouTube上的頁面。核心內容也可能帶有輔助信息。例如, 技術細節可以認爲是核心內容的一個擴展。 像Flickr這樣的網站,對照片的描述以及用戶給它的標簽,都是核心的內容,也是對照片的輔助信息。

2.向內路徑

用戶該如何找到核心內容? 訪客可以通過入口網站或搜索平台找到。但他們也可能直接其他網站,廣告,甚至也可能通過RSS。而進入的路徑也要考慮搜索引擎的優化,例如人們搜索的關鍵詞大多為何。

3. 向外路徑

假設用戶找到了他們要找的內容,那接下來他們要做什麽? 基本上,用戶進入網站後的每個交互作用,都需要為業務帶來某種價值。這是我們期待價值轉變的時機與地點。而對外的路徑可以是從“把一樣東西放進入購物車” 到 “推薦一款産品給朋友”等等。和向內路徑一樣,向外路徑也須要考慮,離開網站的時機與方式。

總歸來說,核心內容是爲用戶與業務雙方創造價值的地方。向內路徑則是找尋進入的方式,也就是如何讓用戶在網上找到他們想要的産品和服務。向外路徑的 引導在這裏起到了很大的作用:網站最終希望用戶産生購買等具體行爲。從商業的角度來看,向外路徑就是爲網站帶來投資回報率的好方式。

 

核心-路徑法的運用過程

想象以下場景:剛剛的那位妙齡女子,正為一家設計公司工作,她接到了一個自行車網站改版的專案。這家自行車店僅有一個網站,只提供了簡陋的自行車清單列表。現在這家店想引入電子商務,以便能夠在網路上出售商品。

這些産品包括高端的賽車類型和山地自行車,以及它們的配件等。總共産品約有1000款左右;而主要的目標客戶群則是職業自行車選手和業餘發燒友。

過往這家店的實體店面,專門販售優質品牌的自行車款,因此,網站的設計應該強調自行車産品的高品質。

根據核心-路徑的設計方法,以下是如何設計這個網站的完整步驟。

第一步:定義核心內容

核心産品是什麽? 首先需要列出一張名單:自行車,配件,服務等等。名單確定之後,確定一個核心內容和它的輔助信息。在這個例子中,核心産品是自行車。自行車照片是展示核心內容的關鍵元素。自行車的功能、品牌則是從屬於核心內容的信息。輔助信息包括價格和額外的技術細節。

下來便可以開始手繪核心內容。此時還不需要繪制太多無關的元素,只專注于核心內容。所以在這個階段只要考慮兩件事,第一:顧客如何與産品內容進行互動。第二:要思考若用戶找到核心內容之餘,下一步將是甚麼。

這時,有一點很重要,用戶通常也會從智慧型手機來訪問網站。他們也可能會將發圖片到 Facebook 或 Pinterest。因此需要考慮出如何將核心內容放到不同場景中。而因在這些不同的裝置上,更需要不斷低來回修正所呈現的核心內容。

第二步:列出所有可能的向內路徑

用戶到達網站的所有方式是什麽? 是搜索平台? 是入口網站?。對於每一個向內路徑,都要寫下設計的需求,同時也都要盡量滿足這些需求。例如,對Google和其它搜索引擎的訪客來說,搜索引擎優化和登錄頁面優化是必要的。

第三步:列出所有可能的向外路徑從核心內容往外推測出路徑。向外路徑也要滿足設計的需求。依據商業價值重要性把向外路徑進行排序,使得後續設計更清 晰。例如,通過一個明確的引導按鈕將顧客帶入結賬流程。如果顧客不馬上做決定,那第二個優先考量則是提供一個連接,引導顧客把物品加入願望清單,或者向他 的朋友推薦分享。

到現在爲止,我們已經完成了重要的設計決策,如用戶如何與網站的主要內容進行互動,或核心産品的行動版本應該長什麽樣子。當你做出簡易的紙上模型後,便可以和用戶進行測試。

第四步:將所有內容整合在一起

當設計了核心內容,與向內路徑和向外路徑後,接下來,便可以把心思放在主頁和導覽項目。這個階段的目標是讓用戶以最簡單,最直接的方式找到核心內容。在設計的時候:核心內容是什麽,用戶如何得到它,以及如何形成價值轉換?

譬如,爲了使顧客從主頁到核心內容區,自行車商店的三大産品系列,出現在主架構:職業賽車,山地車以及配件。而對於目標客戶來說,品牌也是很相當重要的因素,因此品牌也包含在內。而購物車相對也在首頁標題中。

 

總結

對設計流程的改善:

識別差距
在最開始的時候,對主要內容的目的進行質疑可以發現差距。

設計元素的優先考量
分解關鍵要素,可以優先考慮在整個設計中如何呈現。

聚焦設計
核心-路徑法爲整個設計團隊提供了一個明確的方向。在初始階段所花費成本相對是少的。但是最後所達成的目標,影響卻是巨大的:現在,核心內容巍然屹立在你的設計中。網頁設計中所有的元素都共同服務於一個目標,那就是用戶和商業的完美結合。

 

 

 

參考資料:
1王素華、林哲宏    2008    以層級分析程序法進行網站瀏覽架構分析
2 陳慶彥    2002    PHP+MySQL動態網頁設計
3 Google Webmaster Tools (2010). Google Webmaster Tools Help

 

資料來源:Sharme TALK 玄米是這麼說的

 

piece2巨群

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 巨群資訊 的頭像
    巨群資訊

    巨群資訊

    巨群資訊 發表在 痞客邦 留言(0) 人氣()