RichyLi.com 李怡志的圖表、網路、新聞個人網站

Blog | 與我聯絡 | 網站地圖 | 為災民工作一天

一致認為 | 台北報導 | 圖表達人 | 教育訓練 | 中文姓名 | 關於怡志

Richyli.com > 商業圖表及視覺思考 > 網路媒體實驗室 >

Starbucks.com

資料架構與導覽處理

 在畫面的左邊,則是主區塊下面的分類,我們可以看到在 about us 下面,因為星巴克的企業文化,分出了五大項目,有關於企業、股東關係、求職中心、新聞中心與社會責任。想要瞭解這個企業的人,不管是想要看好玩的、股東、媒體、求職者或是非營利組織伙伴,都可以在這邊快速的找到他們想要的資料。

 我們再點進 social responsibility 之後(第一層),可以看到目錄展開後的三個項目(第二層),點下 building community 後,第三層的五個項目也應聲展開來。

 可以發現星巴克網站是很清楚的利用樹狀結構來做資料整理。為了方面說明,我重新把左邊的結構再整理一次,也就是:

social responsibility (level i)

  • building community (level ii)
    • the starbucks foundation (level iii)
    • foundation grants (<- we are here!)
    • giving back
    • local support
    • starbucks & magic johnson
  • commitment to origins
  • environmental affairs

 在第二層與第三層中,在我們所處的地方(where we are)都會把hyperlink拿掉,標出使用者目前的位置,也很清楚讓網友知道他進入的路徑(path)。

最後,來看看內文處理吧

保留部分權利 (Some rights reserved), 1996-2006, Richy Li.