CTK Pro 常常收到各式各樣的網(wǎng)站需求，但已經(jīng)有初步規(guī)劃的最讓我們開心，因?yàn)橐呀?jīng)經(jīng)過「意見蒐集」階段，多多少少整合了內(nèi)部意見、需求、主管想法和可能擴(kuò)充的條件等等，是最合適拿來跟網(wǎng)站設(shè)計(jì)公司討論、進(jìn)一步規(guī)劃，甚至可以很快提供報(bào)價(jià)的程度。

綜觀一些中大型專案（包含系統(tǒng)或是功能），或是複雜度較高的網(wǎng)站平臺(tái)，需求應(yīng)如何羅列，才不會(huì)找專業(yè)公司諮詢時(shí)，東漏西漏呢？就讓我們來了解一份網(wǎng)頁，或是網(wǎng)站系統(tǒng)的需求說明書，應(yīng)該有那些架構(gòu)，怎麼撰寫吧！

• 建置目標(biāo)
• 定義各大項(xiàng)功能
• 風(fēng)格選定與首頁區(qū)塊
• 使用者體驗(yàn)需求
• 項(xiàng)目的優(yōu)先層級(jí)

首先還是你的目標(biāo)

為什麼要做網(wǎng)頁？做了這個(gè)系統(tǒng)後，可以達(dá)成什麼好處，可以服務(wù)到誰？完成後預(yù)計(jì)的規(guī)劃是怎樣？

即便是單純的形象網(wǎng)站，也會(huì)有一個(gè)明確的目標(biāo)，例如：想和消費(fèi)者傳達(dá)某件特定的訊息；或是從網(wǎng)站互動(dòng)中，讓消費(fèi)者理解企業(yè)裡面等。

功能型網(wǎng)站、電商系統(tǒng)或是特定的系統(tǒng)，目標(biāo)勢(shì)必更為明確。例如提升訂單流程之自動(dòng)化，有效減低人力及人工出錯(cuò)之機(jī)會(huì)；與 Line@串接，提升回報(bào)的親民性及立即性，提升使用者之好感；強(qiáng)化網(wǎng)站資訊安全，發(fā)展出還原演練之 SOP 或是能在攻擊後一小時(shí)內(nèi)恢復(fù)網(wǎng)站運(yùn)作。

以上這些，都會(huì)是很實(shí)際、確實(shí)的目標(biāo)。通常一個(gè)專案會(huì)有複數(shù)個(gè)目標(biāo)，並且有優(yōu)先順序之分，才方便規(guī)劃和後續(xù)取捨。

定義各大項(xiàng)功能

一個(gè)目標(biāo)底下，勢(shì)必會(huì)有多個(gè)功能才能夠協(xié)同完成。在定義功能時(shí)，建議採(cǎi)用[使用者中心]之觀點(diǎn)，不需要考量技術(shù)規(guī)格，而是定義目標(biāo)使用者與利害關(guān)係人，找出他們可能碰到的問題及解決方案，以滿足各種使用者為目標(biāo)導(dǎo)向來開發(fā)。

有了以上方向，就很容易找出使用者流程（User Flow），為了完成每一條使用者流程下，網(wǎng)站或系統(tǒng)，就會(huì)需要有 X X功能，這些功能，若能在初期，就得以小規(guī)模實(shí)現(xiàn)，並測(cè)試，後續(xù)更容易依照測(cè)試之反饋，疊代調(diào)整設(shè)計(jì)/功能。

設(shè)計(jì)風(fēng)格與首頁區(qū)塊

風(fēng)格與首頁會(huì)是網(wǎng)站的門面，這時(shí)其實(shí)也要考量到今天是要建置哪一類型的網(wǎng)站，是形象網(wǎng)站呢？還是功能性網(wǎng)站，或是電商網(wǎng)站需要追求業(yè)績(jī)至上。

設(shè)計(jì)風(fēng)格會(huì)考量到品牌識(shí)別，相關(guān)字詞或設(shè)計(jì)元素，更重要的是影響整個(gè)版面會(huì)怎麼排（排版設(shè)計(jì)），這關(guān)乎網(wǎng)站系統(tǒng)的首頁會(huì)要有哪些元素、區(qū)塊、可操作/互動(dòng)元件。

偏重功能型的網(wǎng)站，通常會(huì)在首頁明顯可見處，放上醒目、具有層級(jí)性的按鈕，讓使用者可以完成 90% 以上的操作；偏重形象或是企業(yè)官網(wǎng)，則多會(huì)放上重要訊息布達(dá)，或傳遞品牌精神。在第一屏（使用者一進(jìn)到你的網(wǎng)站後）之後，則視情況放上不同重要性的區(qū)塊，這也會(huì)是相當(dāng)重要的取捨。

使用者體驗(yàn)

或許你沒有聽過 UI 設(shè)計(jì)師，好的網(wǎng)頁設(shè)計(jì)公司通常會(huì)幫你 Cover 使用者體驗(yàn)這一塊，包含前後頁操作符合邏輯、按鈕位置正常、按鈕層級(jí)正常（一頁不會(huì)有太多主要按鈕）、操作區(qū)塊符合一般使用大?。℅oogle 針對(duì) SEO 撰寫的規(guī)範(fàn)）、連結(jié)通常具有相同的樣式，以維持相同的網(wǎng)頁瀏覽體驗(yàn)。

上述步驟看起來微不足道卻又異常繁瑣，但UI 的設(shè)計(jì)關(guān)乎到建置完成後，前臺(tái)的操作體驗(yàn)、後臺(tái)管理的順暢程度，輕則影響跳出率，重責(zé)不容易引導(dǎo) user 到你設(shè)定的目標(biāo)頁，更有可能造成後臺(tái)管理人員的嚴(yán)重抱怨！

若是後臺(tái)管理系統(tǒng)，或是要處裡訂單、申請(qǐng)單、預(yù)約等系統(tǒng)，端看原本的使用情境為何，後續(xù)建置後，管理人力的多寡，想要幾個(gè)步驟能夠完成處裡等等。這裡服務(wù)的是作為[網(wǎng)站管理者]或[訂單維護(hù)者]的使用者流程，優(yōu)秀的網(wǎng)站系統(tǒng)公司，會(huì)進(jìn)一步和你討論實(shí)際需求再做開發(fā)。

項(xiàng)目?jī)?yōu)先層級(jí)

開發(fā)的順序與核心價(jià)值的界定，也是相當(dāng)重要。在開發(fā)時(shí)，有些功能會(huì)因?yàn)樾枨笙嘈n突，或是需要額外的開發(fā)時(shí)數(shù)才能解決某些問題/需求，此時(shí)定義出每個(gè)項(xiàng)目的優(yōu)先層級(jí)，做出對(duì)應(yīng)的取捨，會(huì)更符合使用者多數(shù)情況的期待。

少數(shù)一般優(yōu)先度，甚至低優(yōu)先度，有可能透過些微的人力調(diào)整，就可以達(dá)成，此時(shí)更該考量的是開發(fā)成本，以及碰到狀況的頻率，依這兩點(diǎn)作為依據(jù)，通常不會(huì)背離最初設(shè)定的目標(biāo)。

網(wǎng)站需求的格式，其實(shí)沒有一定，用心智圖也好、表格也好，反而是單純的文字不容易讓你要溝通的人了解需求的全貌。網(wǎng)站設(shè)計(jì)、流程通常是具有階層性、方向性、順序性的，把握這幾個(gè)要點(diǎn)，要做出一定的需求書一定不難。

有一定規(guī)模的需求，卻又不知道怎麼撰寫/開啟你的專案計(jì)畫，不妨到政府電子採(cǎi)購(gòu)網(wǎng)，找找網(wǎng)站或是系統(tǒng)相關(guān)的標(biāo)案，下載其規(guī)格需求書，裡面通常有制式的脈絡(luò)或需求可供參考，也是許多接標(biāo)案的廠商參考的關(guān)鍵。

這些則是一般企業(yè)不一定有想到的需求點(diǎn)，詳細(xì)的內(nèi)容我們就下回分曉【下篇連結(jié)在此，告訴你更多沒規(guī)劃到的事】：

• 性能需求
• 資安管理/安全性
• 兼容性需求
• 後臺(tái)管理
• 可剔除或分批上線的項(xiàng)目
• 測(cè)試與驗(yàn)收標(biāo)準(zhǔn)
• 預(yù)算規(guī)劃
• 負(fù)責(zé)窗口
• 後續(xù)維運(yùn)、更新內(nèi)容