大部分人的建站思路是兩級(jí)分化的，比如只追求“好看”，完全不考慮視覺(jué)感受，或者是盲目追求“好用”，不考慮訪客的目的其實(shí)是獲取信息，而不是來(lái)欣賞藝術(shù)作品。可以說(shuō)，一個(gè)優(yōu)質(zhì)網(wǎng)站的建設(shè)離不開(kāi)這些步驟：

前期市場(chǎng)調(diào)研

明確好建站的側(cè)重點(diǎn)之后，我們需要精準(zhǔn)的市場(chǎng)調(diào)研工作來(lái)幫助我們提升網(wǎng)站上線后的成功概率。我們也都希望自己的網(wǎng)站可以得到用戶的認(rèn)可與青睞，在網(wǎng)站立項(xiàng)設(shè)計(jì)之前網(wǎng)站建設(shè)，獲取到用戶最真實(shí)的需求，就是為自己的網(wǎng)站設(shè)計(jì)規(guī)劃提供良好的支撐。

清楚要解決什么問(wèn)題、研究什么內(nèi)容。在完整的網(wǎng)站生命周期中，在立項(xiàng)、開(kāi)發(fā)、上線、等不同階段，所需要研究的內(nèi)容、定義的問(wèn)題以及相應(yīng)的決策都必須十分清晰，因?yàn)槭袌?chǎng)調(diào)研在完整的網(wǎng)站生命周期中起著決策作用。網(wǎng)站建設(shè)分為兩種情況，因此根據(jù)不同的項(xiàng)目背景，定義了相對(duì)應(yīng)的問(wèn)題：

網(wǎng)站初建

建網(wǎng)站不能以上帝視角來(lái)規(guī)劃訪客的需求，你所認(rèn)為的網(wǎng)站剛需功能也許并不是訪客或企業(yè)的需求。要梳理一個(gè)網(wǎng)站新功能版塊，對(duì)企業(yè)運(yùn)轉(zhuǎn)效率所提升的程度，需要從企業(yè)的經(jīng)營(yíng)思維、管理模式等多個(gè)維度去發(fā)散網(wǎng)站建設(shè)，通常會(huì)涉及客戶企業(yè)的多種職務(wù)人員。

網(wǎng)站改版

企業(yè)若有網(wǎng)站改版需求，最根本的原因是，原先版本的網(wǎng)站已經(jīng)不符合企業(yè)運(yùn)轉(zhuǎn)的實(shí)際需求，或許已經(jīng)導(dǎo)致了企業(yè)損失，希望得到的是業(yè)務(wù)運(yùn)轉(zhuǎn)效率的提升或是業(yè)績(jī)的增長(zhǎng)。

比如增長(zhǎng)超人遇到過(guò)不少客戶，他們一直都不重視品牌形象和宣傳推廣，當(dāng)面臨著更大的競(jìng)爭(zhēng)情況，或是在面臨上市之后要開(kāi)拓更大的市場(chǎng)的時(shí)候，他們急需擁有一個(gè)優(yōu)質(zhì)網(wǎng)站，為他們后續(xù)在互聯(lián)網(wǎng)營(yíng)銷夯實(shí)地基。

訪客群體劃分

訪問(wèn)群體的劃分是為了更好的進(jìn)行內(nèi)容提煉和劃分內(nèi)容層次結(jié)構(gòu)，構(gòu)建逐層遞進(jìn)的內(nèi)容呈現(xiàn)形式，滿足不同人群的不同瀏覽習(xí)慣，最終達(dá)到更好的信息傳遞效果。

用戶需求的來(lái)源只來(lái)源于用戶，無(wú)論他是主觀的表達(dá)還是下意識(shí)的操作，都代表了用戶的需求。與其聽(tīng)用戶怎么說(shuō)的，不如看用戶是怎么做的。體驗(yàn)一個(gè)網(wǎng)站，在這里分為兩個(gè)層面來(lái)說(shuō)，首先是要求產(chǎn)品經(jīng)理要經(jīng)?！鞍淹妗弊约旱木W(wǎng)站，把自己帶入到用戶的角色中去體驗(yàn)自己設(shè)計(jì)的產(chǎn)品，在你瀏覽起來(lái)比較困惑的地方，或許這就是可以改進(jìn)的地方。

當(dāng)然，只代入眾多訪客中其中一個(gè)角色也并不恰當(dāng)，網(wǎng)站都源于用戶需求，而用戶一定是在某個(gè)特定、真實(shí)的場(chǎng)景中使用產(chǎn)品。脫離了場(chǎng)景，就不可能真正洞察用戶行為、習(xí)慣和偏好，也就不能設(shè)計(jì)出能真正滿足用戶痛點(diǎn)的產(chǎn)品。

原型設(shè)計(jì)

在通過(guò)市場(chǎng)調(diào)研、數(shù)據(jù)分析后，我們深入地了解了行業(yè)情況、明確了建站需求，經(jīng)過(guò)項(xiàng)目討論會(huì)確立網(wǎng)站初步的整體構(gòu)思以及策劃，產(chǎn)品經(jīng)理就可以著手開(kāi)始 【原型圖】 設(shè)計(jì)了。同時(shí)負(fù)責(zé)信息的設(shè)計(jì)，通過(guò)對(duì)視覺(jué)元素的控制，可以增加或減少，也可以改動(dòng)，從而設(shè)計(jì)出一條向用戶傳達(dá)的信息。

國(guó)內(nèi)廣泛使用原型圖也是因APP開(kāi)發(fā)浪潮而起，簡(jiǎn)單來(lái)講，原型圖就是一份產(chǎn)品原型圖稿，能夠清晰呈現(xiàn)產(chǎn)品框架，可以是草圖，也可以是高保真的圖稿。

在原型圖設(shè)計(jì)這個(gè)節(jié)點(diǎn)上， “ 畫(huà) ”不是最重要的，而是先想清楚畫(huà)的目的是什么、為誰(shuí)畫(huà)才能做到有效輸出，匹配網(wǎng)站建設(shè)場(chǎng)景的成果。

有很多建站公司為了趕時(shí)間、節(jié)省成本，而砍掉原型圖設(shè)計(jì)這一環(huán)節(jié)，沒(méi)采用原型圖工具來(lái)進(jìn)行全站的規(guī)劃，這就容易出現(xiàn)實(shí)用性問(wèn)題，并且造成整體網(wǎng)站邏輯不清晰，訪客體驗(yàn)差等情況，這也是我們團(tuán)隊(duì)為什么始終堅(jiān)持原型圖設(shè)計(jì)的原因 , 網(wǎng)站作為產(chǎn)品 , 服務(wù)于用戶，以用戶為本才是產(chǎn)品的本質(zhì)。

設(shè)計(jì)階段

一個(gè)可視化的產(chǎn)品，在視覺(jué)環(huán)節(jié)由三個(gè)角色共同完成：

產(chǎn)品經(jīng)理負(fù)責(zé)信息的設(shè)計(jì)，通過(guò)對(duì)視覺(jué)元素的控制，可以增減，也可以修改，從而設(shè)計(jì)出一條傳達(dá)給使用者的信息。

交互設(shè)計(jì)師則負(fù)責(zé)交互體驗(yàn)的設(shè)計(jì)，通過(guò)元素的大小、表達(dá)形式和排列順序的呈現(xiàn)，我們想要傳達(dá)的信息可以更好地被訪問(wèn)者感知和理解。

UI設(shè)計(jì)師重點(diǎn)是對(duì)網(wǎng)頁(yè)進(jìn)行美化處理，通過(guò)色彩、形狀、字體、風(fēng)格、貼圖素材等，讓用戶處于一個(gè)良好的瀏覽環(huán)境。經(jīng)過(guò)兩個(gè)角色的設(shè)計(jì)師處理，做到最終可以被用戶解讀的網(wǎng)站。

開(kāi)發(fā)階段前端開(kāi)發(fā)

前端工程師主要根據(jù)網(wǎng)頁(yè)設(shè)計(jì)師提交的設(shè)計(jì)稿，實(shí)現(xiàn)網(wǎng)頁(yè)重構(gòu)和網(wǎng)頁(yè)邏輯跳轉(zhuǎn)，優(yōu)化網(wǎng)站瀏覽體驗(yàn)，制作網(wǎng)站界面交互效果和功能。簡(jiǎn)單來(lái)說(shuō)，前端開(kāi)發(fā)工程師的日常工作就是向訪客呈現(xiàn)前端界面的過(guò)程。在這個(gè)過(guò)程中，或多或少會(huì)遇到一些問(wèn)題，及時(shí)溝通是非常重要的。

后端制作

此環(huán)節(jié)由后臺(tái)設(shè)計(jì)者完成數(shù)據(jù)的邏輯處理，如數(shù)據(jù)的更新修改、提交、查詢等。另外，還有一個(gè)很重要的工作就是網(wǎng)站的后臺(tái)開(kāi)發(fā)，這也是后端工程師需要負(fù)責(zé)的。網(wǎng)站后臺(tái)是運(yùn)營(yíng)網(wǎng)站的重要工具，需要方便、可視化、實(shí)用性等，可以在上線前提供給網(wǎng)站運(yùn)營(yíng)商上傳內(nèi)容。及上線后網(wǎng)站運(yùn)營(yíng)工作(網(wǎng)站更新、維護(hù)、新增內(nèi)容及刪減等)，讓運(yùn)營(yíng)人員更高效地完成運(yùn)營(yíng)工作。

測(cè)試上線

在完成網(wǎng)頁(yè)重構(gòu)和后期制作后，在本地進(jìn)行測(cè)試，以檢驗(yàn)其可靠性，在解決bug問(wèn)題后，即可投入使用。購(gòu)買域名和服務(wù)器，做好服務(wù)器配置，完成 DNS解析，連接域名和服務(wù)器，最后使用 FTP工具把資料上傳到服務(wù)器，這個(gè)網(wǎng)站就可以正常訪問(wèn)。

網(wǎng)站上線后，我們要做好網(wǎng)站的運(yùn)營(yíng)工作，也就是圍繞網(wǎng)站進(jìn)行內(nèi)容更新、管理維護(hù)、優(yōu)化迭代，從而提升網(wǎng)站排名、競(jìng)爭(zhēng)力、飽和度等。我們要將網(wǎng)站運(yùn)營(yíng)好，除了要具備基本的運(yùn)營(yíng)知識(shí)，還要具備較強(qiáng)的數(shù)據(jù)思維。

另外，增長(zhǎng)超人全新推出了《企業(yè)官網(wǎng)建設(shè)實(shí)戰(zhàn)指南》，這本建站白皮書(shū)以增長(zhǎng)超人的建站三大思維（產(chǎn)品思維、數(shù)據(jù)思維、增長(zhǎng)思維）為核心，從前期市場(chǎng)調(diào)研、歷史數(shù)據(jù)分析、原型設(shè)計(jì)、視覺(jué)設(shè)計(jì)、技術(shù)開(kāi)發(fā)、 上線分析優(yōu)化等六大版塊來(lái)和你分享如何做出一個(gè)高質(zhì)量的企業(yè)官網(wǎng)。