設(shè)計(jì)一個(gè)偉大的網(wǎng)站不僅僅是創(chuàng)造力。本文闡述了在設(shè)計(jì)階段進(jìn)行的五個(gè)關(guān)鍵步驟。我是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師和前端開(kāi)發(fā)人員幾年前，我才真正開(kāi)始了解過(guò)程的重要性。 我看過(guò)網(wǎng)頁(yè)設(shè)計(jì)師 - 無(wú)論他們是自由職業(yè)者，為一個(gè)大型機(jī)構(gòu)工作，還是在中間的某個(gè)地方 - 一遍又一遍地遵循相同的一般事件順序。

　　盡管這種方法的普及，它從來(lái)沒(méi)有真正的工作。 即使您設(shè)法創(chuàng)造出視覺(jué)上引人注目的東西，但仍有100％的保證，表示您缺少與用戶聯(lián)系和轉(zhuǎn)換的機(jī)會(huì)。 通過(guò)實(shí)施實(shí)際流程，您可以在網(wǎng)站上工作時(shí)通知決策，您可以創(chuàng)建優(yōu)質(zhì)產(chǎn)品，提升用戶體驗(yàn)并增加轉(zhuǎn)化。 下一次你打破你的頭靠在墻上，努力召喚一個(gè)美麗的網(wǎng)頁(yè)設(shè)計(jì)從你的創(chuàng)造性的天才心，嘗試按照這里概述的五個(gè)關(guān)鍵步驟。北京建站平臺(tái)人員談如何規(guī)劃一個(gè)成功的網(wǎng)站？

　　01. Sitemap和用戶流

　　你已經(jīng)進(jìn)行了行業(yè)研究，做了競(jìng)爭(zhēng)對(duì)手分析，您已準(zhǔn)備好開(kāi)始使用，但有兩個(gè)重要問(wèn)題，您應(yīng)該首先詢問(wèn)客戶。首先，請(qǐng)他們確定網(wǎng)站的首要一到三優(yōu)先級(jí)。 它要求他們開(kāi)始考慮優(yōu)先級(jí)，這有助于發(fā)展和保持專注。它還打開(kāi)了討論這些優(yōu)先事項(xiàng)意味著什么，以及如果有必要進(jìn)行調(diào)整的門(mén)。你應(yīng)該問(wèn)的第二件事是：一個(gè)成功的網(wǎng)站是什么樣的？當(dāng)您開(kāi)始規(guī)劃用戶流和轉(zhuǎn)換目標(biāo)時(shí)，這個(gè)問(wèn)題非常重要。 獲得該信息后，您可以開(kāi)始為網(wǎng)站創(chuàng)建計(jì)劃：網(wǎng)站地圖。

　　網(wǎng)站地圖是將包含在網(wǎng)站上的內(nèi)容的第一個(gè)可視化，以及如何組織它。這是邁向以用戶為中心，以內(nèi)容為中心的產(chǎn)品的第一步。有兩個(gè)觀點(diǎn)要檢查。首先，看看你工作的公司的目標(biāo)。他們?cè)噲D實(shí)現(xiàn)什么？接下來(lái)，確定他們的客戶正在尋找什么。正是這兩個(gè)觀點(diǎn)的結(jié)合，最終意味著成功。開(kāi)始思考需要呈現(xiàn)的信息類(lèi)型，以適應(yīng)最終用戶和公司的目標(biāo)。把用戶目標(biāo)放在第一位，最適合他們的用戶也是最好的他們的業(yè)務(wù)。

　　02.幫助用戶實(shí)現(xiàn)目標(biāo)

　　在這一點(diǎn)上，你已經(jīng)開(kāi)始理解用戶將通過(guò)網(wǎng)站的旅程，并已經(jīng)開(kāi)始考慮如何導(dǎo)致他們轉(zhuǎn)換。使用您在第一步中創(chuàng)建的用戶流程圖，考慮如何通過(guò)站點(diǎn)將用戶引導(dǎo)到轉(zhuǎn)換點(diǎn)。把自己放在用戶的角度，使用特定的人物角色，而不是廣泛的受眾群體，并將您的渠道定位到特定的人。他們的目標(biāo)是什么？你如何幫助他們實(shí)現(xiàn)這些目標(biāo)？

　　想象一下，我們正在為一家鞋店創(chuàng)建一個(gè)網(wǎng)站。 如果用戶到達(dá)我們的網(wǎng)站，以購(gòu)買(mǎi)一雙鞋為目標(biāo)，我們的目標(biāo)是讓他們盡可能容易。 在線鞋店應(yīng)該快速有效地將用戶通過(guò)購(gòu)物流程結(jié)帳。制定計(jì)劃以吸引具有相關(guān)內(nèi)容的用戶，請(qǐng)他們使用引人注目的號(hào)召性用語(yǔ)進(jìn)行轉(zhuǎn)化，使轉(zhuǎn)換過(guò)程變得容易，并定期跟進(jìn)。 創(chuàng)建焦點(diǎn)以幫助指導(dǎo)用戶。 開(kāi)發(fā)客戶收購(gòu)渠道是什么使一個(gè)網(wǎng)站成為一個(gè)商業(yè)工具，而不僅僅是一個(gè)漂亮的圖片。 不驅(qū)動(dòng)結(jié)果的設(shè)計(jì)不是好的設(shè)計(jì)。

　　03.內(nèi)容開(kāi)發(fā)

　　內(nèi)容是網(wǎng)站的核心。這是你如何與人溝通的基礎(chǔ)。這是你設(shè)計(jì)的基礎(chǔ)。設(shè)計(jì)一個(gè)沒(méi)有內(nèi)容的網(wǎng)站就像試圖把沒(méi)有任何拼圖的拼圖拼在一起; 你只是抓住附近的隨機(jī)物品（一個(gè)叉子，一個(gè)燈泡，也許一個(gè)咖啡杯），并試圖使他們適合在一起。了解設(shè)計(jì)是客戶的有趣的部分。內(nèi)容是硬的部分。很大程度上，因?yàn)檫@一點(diǎn)，它也是可以持有一個(gè)項(xiàng)目的第一件事。 這些是在設(shè)計(jì)開(kāi)始之前應(yīng)該開(kāi)發(fā)完整版本的網(wǎng)站內(nèi)容的原因。

　　請(qǐng)記住，網(wǎng)站內(nèi)容的理想閱讀水平相當(dāng)?shù)汀?首頁(yè)內(nèi)容不應(yīng)超過(guò)6級(jí)閱讀級(jí)別（11-12歲左右），子頁(yè)面內(nèi)容應(yīng)懸停在8級(jí)（13-14歲）左右。 百萬(wàn)美元的話，這里不賺取積分，他們失去用戶。您可以使用Flesch-Kincaid可讀性公式測(cè)試您的副本，以確保用戶很容易理解。如果你有更多關(guān)于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開(kāi)發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營(yíng)銷(xiāo)推廣系統(tǒng)（強(qiáng)）！

　　04.線框

　　現(xiàn)在內(nèi)容完成了，是時(shí)候開(kāi)始考慮布局了。其中網(wǎng)站線框表示該內(nèi)容的體系結(jié)構(gòu)。線框不應(yīng)包括任何顏色，字體選擇或設(shè)計(jì)元素。它是從結(jié)構(gòu)角度組織內(nèi)容的工具，以確保以對(duì)用戶有意義的方式呈現(xiàn)。 線框不再是關(guān)于頁(yè)面布局的像素完美的渲染。他們正在采取一個(gè)更細(xì)粒度的方法到你一直在建設(shè)到這一點(diǎn)的計(jì)劃。 在此步驟中，您將了解如何組織信息，并從視覺(jué)角度鞏固層次結(jié)構(gòu)。

　　內(nèi)容應(yīng)以什么順序呈現(xiàn)？層次結(jié)構(gòu)將如何在移動(dòng)設(shè)備上呈現(xiàn)？桌面？中間還是以上？響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)需要線框，以及我們過(guò)程的每一個(gè)其他步驟，變得不那么具體，有點(diǎn)更靈活。你如何生成線框完全取決于你。線框圖的目標(biāo)是使用我們通過(guò)前面的步驟做出的決定來(lái)建立內(nèi)容呈現(xiàn)的順序。

　　05.設(shè)計(jì)

　　現(xiàn)在為有趣的部分。你一直在努力的部分，你的客戶一直在等待的部分。你正在進(jìn)入設(shè)計(jì)階段，配備一個(gè)基于知情決策的攻擊計(jì)劃，而不僅僅是審美偏好。你知道哪里的元素需要放置最大的效果。但是你如何設(shè)計(jì)響應(yīng)式網(wǎng)絡(luò)？ 每個(gè)設(shè)計(jì)師都有不同的工作流程，你必須找到什么適合你。