我好像幾百年沒有寫過關於網站企劃的文章了 是該振作一下了

之前在 -網站企劃- 網站首頁的版面設計 中有介紹到階層型結構。

階層型結構是在網站架構圖中常常用到的結構圖,另外還有"線性結構""蛛網型結構""DB(資料庫)型結構",共四種。

首先,我們先看到線性結構,線性結構是最單純的一種結構,如下圖。

 

線性結構

 

線性結構

 

原則上只利用"上一頁" 和 "下一頁" 這兩個連結就可以操作了,是非常簡單易懂的結構。

通常用於如下所示的商品訂購頁,這類具有一定流程的網站,可參考 -網站企劃- 購物車系統

 

購買流程  

 

一般購物網站都是遵照這個流程在進行的,這樣操作的感覺想是在翻閱書本,

所以,也適合呈現小說、電子書之類要循序顯示的內容,或是以相簿的感覺顯示照片。

 

階層型結構

 

階層型結構

 

階層型結構是從首頁開始,以大分類為第一層,子分類為第二層,細分類為第三層,循序連結下一階層的結構。

另外,階層型結構也可以如下圖所示

 

階層型結構圖  

 

基本上,因為是以第一層 -> 第二層 -> 第三層的方式點按連結,所以在階層深度很深的網站中,

若沒有提供適當的導覽功能,使用者必須花費很多心力才能到達目的網頁。

而且,使用者必須依靠該網頁的上一層頁面中的連結文字等說明,來判斷是否要點入下一層網頁。

因此,除了需要有正確的標題外,網站的資訊整理與導覽功能也必須確實注意才行。

 

蛛網型結構

蛛網型結構

 

蛛網型結構是指各網頁間互相連結的結構,依據某的原則或是系統需求,將網頁複雜地連結在一起,上下階層的關係稀薄。

但是,若只是無秩序地隨意放置連結,可能會造成難以統整的情況,管理也會相當困難。

對使用者來說,雖然可以只點一次連結就到達目的網頁。

但這麼做的缺點是,會有不知道自己正處在網站中哪一個位置的情況。

之前,我在寫EIP系統的時候,也是用這種架構,例如工作日誌的觀看權限可以到哪個層級、專案管理權限、

簽呈要怎麼跑流程,請假程序、行事曆等等。

畫得我頭昏腦脹,有時後猛然一看架構圖,還真的會看不懂自己在畫什麼,哈哈哈。

所以,現今的網站中,無論基本架構是採線性結構還是階層行結構,很少有只利用單一結構就完成的例子。

大部分的網站都是以兩種結構中的其中一項為基礎,在部份採用蛛網型結構。

 

DB(資料庫)型結構

越來越多網站的系統與功能,在製作時不再一頁一頁地製作頁面,而是採用只做好版型設計,在依照使用者選擇的條件,

由資料中讀出所需資訊後產生網頁的方式,通常這樣的結構是用在EIP、ERP系統(註一)、後臺管理者系統、系統平台等。

雖然在思考方式上,和其它那些就由超連結的配置建立架構的結構分類不同,

但若從使用者會怎麼看這個網站的視點來思考,這種結構和其它的結構其實時相同的。

 

以上內容參考自 web+ 設計的黃金則,這是一本寫網站企劃相關內容的書籍,大家可以參考看看。

 

註一EIP:ERP (Enterprise Information Portal) 企業資訊入口。

所謂EIP,是指利用Internet的環境下,把各種應用系統、資料資源和Internet資源,

統一集中到企業資訊的一個入口網站中,不同於企業的網站是針對客戶做為對象,

EIP就是以企業內部的用戶作為對象,並根據每個用戶使用特點和角色的不同,

形成個別化(個性化)的使用介面,透過對個人事件與消息的處理、將企業的訊息相互聯繫在一起。

 

註一ERP:ERP (Enterprise Resource Planning) 即企業資源規劃。

所謂的ERP系統是一種企業使用的系統軟體,可以將企業行為用資訊化的方法,來規劃管理。

主要是整合企業運作電腦化、自動化,協助規劃企業運用各樣資源的最優策略,務求使企業能夠充分利用資源。

它又整合各部門的運作,使企業業務更流暢,保證即時將合適的資源分配到所需部門手上。

ERP可包含物料管理、 生產管理、倉儲管理、銷售管理、訂單系統、會計系統、存貨系統、

客戶管理系統、供應商管理系統、帳務管理系統等功能。

 

相關文章: - 網站企劃 - 製作網站企劃書

                 - 網站企劃 - 網頁版面設計

                 - 網站企劃 - 網站首頁的版面設計

                 - 網站企劃 - 購物網站的概念

                 - 網站企劃 - 購物車系統

                 - 網站企劃 - 網站的基本規劃

                 - 網站企劃 - 企劃書的前置作業

                 - 網站企劃 - Visio你用了嗎

                 - 網站企劃 - 用Visio設計網站版面雛型

                 - 網站企劃 - 建構網站前的製作要點

                 - 網站企劃 - 網頁企劃書的概念補充

 

--------------------------------------------------------------------------------------------------------------------------------

標籤:網頁設計網站企劃線性結構 階層型結構 蛛網型結構 DB(資料庫)型結構EIPERP SONY

arrow
arrow
    全站熱搜

    索尼 發表在 痞客邦 留言(6) 人氣()