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

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

01. Sitemap和(hé)用(yòng)戶流

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

網站(zhàn)地圖是将包含在網站(zhàn)上(shàng)的内容的第一個可視(shì)化，以及如何組織它。這(zhè)是邁向以用(yòng)戶爲中心，以内容爲中心的産品的第一步。有兩個觀點要檢查。首先，看(kàn)看(kàn)你(nǐ)工(gōng)作(zuò)的公司的目标。他(tā)們試圖實現(xiàn)什(shén)麽?接下(xià)來(lái)，确定他(tā)們的客戶正在尋找什(shén)麽。正是這(zhè)兩個觀點的結合，最終意味着成功。開(kāi)始思考需要呈現(xiàn)的信息類型，以适應最終用(yòng)戶和(hé)公司的目标。把用(yòng)戶目标放(fàng)在第一位，最适合他(tā)們的用(yòng)戶也(yě)是最好(hǎo)的他(tā)們的業務。

02.幫助用(yòng)戶實現(xiàn)目标

在這(zhè)一點上(shàng)，你(nǐ)已經開(kāi)始理(lǐ)解用(yòng)戶将通過網站(zhàn)的旅程，并已經開(kāi)始考慮如何導緻他(tā)們轉換。使用(yòng)您在第一步中創建的用(yòng)戶流程圖，考慮如何通過站(zhàn)點将用(yòng)戶引導到(dào)轉換點。把自(zì)己放(fàng)在用(yòng)戶的角度，使用(yòng)特定的人物角色，而不是廣泛的受衆群體，并将您的渠道(dào)定位到(dào)特定的人。他(tā)們的目标是什(shén)麽?你(nǐ)如何幫助他(tā)們實現(xiàn)這(zhè)些(xiē)目标?

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

03.内容開(kāi)發

内容是網站(zhàn)的核心。這(zhè)是你(nǐ)如何與人溝通的基礎。這(zhè)是你(nǐ)設計(jì)的基礎。設計(jì)一個沒有内容的網站(zhàn)就像試圖把沒有任何拼圖的拼圖拼在一起; 你(nǐ)隻是抓住附近的随機物品(一個叉子，一個燈泡，也(yě)許一個咖啡杯)，并試圖使他(tā)們适合在一起。了(le)解設計(jì)是客戶的有趣的部分。内容是硬的部分。很(hěn)大(dà)程度上(shàng)，因爲這(zhè)一點，它也(yě)是可以持有一個項目的第一件事(shì)。 這(zhè)些(xiē)是在設計(jì)開(kāi)始之前應該開(kāi)發完整版本的網站(zhàn)内容的原因。

請(qǐng)記住，網站(zhàn)内容的理(lǐ)想閱讀水(shuǐ)平相當低(dī)。 首頁内容不應超過6級閱讀級别(11-12歲左右)，子頁面内容應懸停在8級(13-14歲)左右。 百萬美(měi)元的話(huà)，這(zhè)裏不賺取積分，他(tā)們失去用(yòng)戶。您可以使用(yòng)Flesch-Kincaid可讀性公式測試您的副本，以确保用(yòng)戶很(hěn)容易理(lǐ)解。如果你(nǐ)有更多關于網站(zhàn)建設、網站(zhàn)優化、logo設計(jì)、品牌設計(jì)、印刷、APP/微信開(kāi)發等産品服務的需求，歡迎咨詢想象力官網，新上(shàng)線企業VI設計(jì)套餐和(hé)網站(zhàn)營銷推廣系統(強)!

04.線框

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

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

05.設計(jì)

現(xiàn)在爲有趣的部分。你(nǐ)一直在努力的部分，你(nǐ)的客戶一直在等待的部分。你(nǐ)正在進入設計(jì)階段，配備一個基于知(zhī)情決策的攻擊計(jì)劃，而不僅僅是審美(měi)偏好(hǎo)。你(nǐ)知(zhī)道(dào)哪裏的元素需要放(fàng)置最大(dà)的效果。但(dàn)是你(nǐ)如何設計(jì)響應式網絡? 每個設計(jì)師都有不同的工(gōng)作(zuò)流程，你(nǐ)必須找到(dào)什(shén)麽适合你(nǐ)。