2020-07-02

網站設計與架設前的8個思考要點

為什麼要架設網站?網站的主要目的為何?網站要給誰看?這是FirstHatch一起孵與客戶討論需求時,常會詢問的內容。透過這些問題,我們能夠了解網站和客戶商業模式間的關係。在本文中,FirstHatch一起孵將以自身的WordPress網站架設的經驗,從需求討論的基本面開始談起,再討論架設面中偏重實務的內容,總共涵蓋了8個思考要點,透過這樣系統性地網站規劃討論,能夠減少網站設計與架設過程中變更規格的風險。

網站設計與架設基本面

在基本面中,將討論網站架設目旳、目標以及受眾等三個相互呼應的思考要點,並透過小黑的故事作為案例說明。

要點一:網站目的

對於網站設計與架設而言,應該要釐清主要目的及次要目的,而要釐清目的,就需要先釐清網站在整個商業模式中的定位。一般來說,網站是企業在數位世界的名片,也是與目標受眾溝通的橋樑。因此,網站最常見的主要目的便是呈現公司形象,傳遞公司資訊。另外,有些公司因為行銷策略的不同,會將公司網站與產品網站分開,兩者則分別具有不同的主要目的。

要點二:網站目標

FirstHatch一起孵認為,目標應該是達成目的前的里程碑。根據不同的網站目的,則會需要設定不同的目標。以一個B2B網站來說,如果網站的主要目的是要作為數位世界的促銷渠道的話,那就可以將增加潛在客戶詢問數作為目標之一,透過適當地設置行動呼籲按鈕則是幫助達成目標的手段。

要點三:網站受眾

網站受眾也就是前來瀏覽網站的訪客,在網站設計時,需要將目標受眾的使用習慣、喜好等納入考量,使之與公司本身的品牌個性、理念等達成平衡。此外,依據網站受眾的不同,也需要設計不同的功能來協助達成目標,像是即時聊天視窗與聯絡表單適合的受眾可能就不太一樣。

網站設計與架設架設面

釐清基本面的3個思考要點之後,就可以進入網站規劃的討論,思考架設面的5個要點。

要點四:網域

網域,白話的說就是網址。對於公司來說,一般會直接以其英文名稱作為網域。此外,從品牌行銷的角度來說,網域需要具有品牌識別性,且應將搜尋引擎優化(SEO)納入考量。著名的網域註冊公司GoDaddy就提出了的10個技巧可以作為參考。

  • 選擇一個容易輸入的網域
  • 保持簡短
  • 納入關鍵字
  • 鎖定區域
  • 避免使用數字和連字號
  • 容易被記憶
  • 確保沒有侵權
  • 選擇適當的域名後綴,例如:.com、.tw、.design
  • 考慮購買相關網域以保護品牌
  • 迅速下單購買網域

要點五:伺服器

選擇伺服器時,除了要考慮伺服器本身的規格之外,也需要將網站架設目的、網站功能需求、網站架設方式等一並納入考量。舉例來說,若以WordPress為網站架設工具,則伺服器至少需要符合以下3點。

  • 支援PHP 7.4以上
  • 支援MySQL 5.6以上或MariaDB 10.1以上
  • 支援HTTPS

以FirstHatch一起孵的經驗來說,Cloudways和Kinsta是較為推薦的供WordPress使用的伺服器。此外,好的開始是成功的一半。選擇一個好的伺服器,除了可以解決很多網站最佳化時的煩惱,在安全性方面一般也有相應的保障。

要點六:網站內容及網站頁面架構

在做內容規劃時,需要以基本面的3個思考要點(網站目的、網站目標、網站受眾)為核心,思考要呈現的資訊及方式。一般來說,可以先以階層圖的方式畫出網站地圖,在依序列出每個頁面要放置的內容。

要點七:網站功能

網站功能同樣與基本面的3個思考要點息息相關,以一般形象官網來說,常見的功能有聯絡表單、電子報、文章發布功能等。若是牽涉到較為複雜功能的會員網站、電商網站等時,則可以透過繪製使用者流程的方式,具體化每一個步驟,方便思考功能細節。

要點八:使用者介面及使用者體驗(UI/UX)

在架設面需要思考的最後一個要點就是使用者介面及使用者體驗。在要點六中,我們透過繪製網站地圖的方式,列出了每個頁面要放置的內容。為了更具體的了解使用者在每個頁面的操作流程及體驗,可以透過繪製線框圖(wireframe)的方式,將內容的相對位置排列好,例如:圖片和文字的排列、按鈕的位置、Call to Action區塊等。接著,依據基本面的3個要點,以使用者為中心,設計使用者介面,將線框圖進一步具體化為設計稿(mockup)。

結論

網站架設是一環扣一環的,基本面中的3個思考要點,很大程度的影響了後續架設面的5個思考要點,更影響了後續的網站架設。正因為如此,FirstHatch一起孵在與客戶討論時,一定都會詳細釐清這些思考要點,以求為客戶創造數位價值。

相關文章
網站設計與架設的6個步驟