網(wǎng)站建設(shè)的重要五步驟

創(chuàng)新互聯(lián)為你提供網(wǎng)站建設(shè)的重要五步驟，兒這個(gè)5個(gè)步驟策劃一個(gè)成功的網(wǎng)站。它需要比創(chuàng)意更設(shè)計(jì)了一個(gè)偉大的網(wǎng)站。這些提示往下跑領(lǐng)導(dǎo)到設(shè)計(jì)階段的五個(gè)關(guān)鍵步驟。

時(shí)鐘讀取上午1:30只是想和你上床。你在家工作，坐在你的電腦，繪制形狀，編輯器和排版嘗試，但設(shè)計(jì)恰恰是沒(méi)有走到一起。您移動(dòng)框右側(cè)。你移回。你已經(jīng)建立在創(chuàng)造美麗的和用戶(hù)友好的網(wǎng)站生涯，那么為什么是設(shè)計(jì)總是掙扎?

這是大多數(shù)，如果不是我們所有的人都遇到了很多次在我們的職業(yè)生涯的一個(gè)問(wèn)題。我們稱(chēng)之為創(chuàng)意街區(qū)。而其中存在的問(wèn)題。因?yàn)?a href="http://www.bm7419.com/" target="_blank">做網(wǎng)站的人會(huì)發(fā)現(xiàn)很容易使用 – 網(wǎng)站鼓勵(lì)人們轉(zhuǎn)變 – 是不是創(chuàng)造力。這是關(guān)于規(guī)劃。和研究。并把最終用戶(hù)超前的設(shè)計(jì)。

我是幾年一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師和前端開(kāi)發(fā)人員之前，我才真正開(kāi)始了解過(guò)程的重要性。我看過(guò)的網(wǎng)頁(yè)設(shè)計(jì)師 – 無(wú)論是自由職業(yè)者，對(duì)于大公司工作，或介于兩者之間 – 遵循相同的事件一般順序一遍又一遍。他們有某種開(kāi)球會(huì)議，然后回到自己的電腦，工作起來(lái)的網(wǎng)站設(shè)計(jì)。

盡管這種方法的普及，它從來(lái)沒(méi)有真正的作品。即使你設(shè)法創(chuàng)造一些具有視覺(jué)沖擊力，還有就是你錯(cuò)過(guò)機(jī)會(huì)，與連接和轉(zhuǎn)換用戶(hù)100%的保證。通過(guò)實(shí)施從實(shí)際過(guò)程中，你在網(wǎng)站上的工作做出明智的決定，你可以創(chuàng)造卓越產(chǎn)品，提升用戶(hù)體驗(yàn)，提高轉(zhuǎn)化率。你撞你靠著墻頭，努力召喚您的創(chuàng)作天才的頭腦漂亮的網(wǎng)頁(yè)設(shè)計(jì)下一次，試試下面這里列出的五個(gè)關(guān)鍵步驟。

01.地圖和用戶(hù)流量

史蒂夫·喬布斯“設(shè)計(jì)的定義，著名的意見(jiàn)。你有你的啟動(dòng)會(huì)議。你已經(jīng)進(jìn)行了行業(yè)調(diào)研，做了競(jìng)爭(zhēng)對(duì)手的分析和開(kāi)發(fā)的用戶(hù)角色。你準(zhǔn)備好開(kāi)始，但有你應(yīng)該總是先問(wèn)客戶(hù)兩個(gè)重要的問(wèn)題。首先，要求他們識(shí)別網(wǎng)站上面的一至三個(gè)重點(diǎn)。這給你什么是對(duì)他們很重要的好照片。它要求他們優(yōu)先考慮，這有助于發(fā)展和保持專(zhuān)注的角度開(kāi)始思考。這也開(kāi)啟了討論的大門(mén)什么這些優(yōu)先事項(xiàng)的意思是，如果是有意義的調(diào)整。

你應(yīng)該問(wèn)的第二件事是這樣的：什么是一個(gè)成功的網(wǎng)站看起來(lái)像你?當(dāng)你開(kāi)始計(jì)劃的用戶(hù)流量和轉(zhuǎn)化目標(biāo)這個(gè)問(wèn)題是極其重要的。一旦你的信息，你就可以開(kāi)始創(chuàng)建計(jì)劃的網(wǎng)站：網(wǎng)站地圖。

一個(gè)為網(wǎng)站計(jì)劃

一個(gè)網(wǎng)站地圖是將包括在網(wǎng)站上，它會(huì)如何組織內(nèi)容的第一個(gè)可視化。它是朝一個(gè)用戶(hù)為中心，以?xún)?nèi)容為中心的產(chǎn)品的第一步。有兩個(gè)方面考察。首先，看你的工作，為公司的目標(biāo)。什么是他們想要達(dá)到什么目的?其次，確定他們的客戶(hù)正在尋找。正是這兩種觀(guān)點(diǎn)，這將最終意味著成功的婚姻。

開(kāi)始思考需要存在的信息類(lèi)型以適應(yīng)最終用戶(hù)和公司的目標(biāo)。把用戶(hù)第一的目標(biāo) – 它從未傷害，提醒公司，什么是最適合他們的用戶(hù)來(lái)說(shuō)也是最適合他們的業(yè)務(wù)。

例如，如果ABC公司發(fā)明了一種新技術(shù)，它更有意義的優(yōu)先級(jí)對(duì)用戶(hù)的問(wèn)題，該技術(shù)比ABC公司的歷史和使命宣言，引領(lǐng)解決信息。你可能還希望包括聯(lián)系人信息和特定行業(yè)的博客作為資源給用戶(hù)。突然間，你有一個(gè)網(wǎng)站地圖的開(kāi)端。

通過(guò)信息瀏覽

當(dāng)你開(kāi)始回答有關(guān)跨網(wǎng)站信息一般層次的問(wèn)題，你也開(kāi)始預(yù)見(jiàn)到用戶(hù)可能會(huì)如何通過(guò)信息導(dǎo)航。這是你的用戶(hù)流量。

通過(guò)創(chuàng)建你可以開(kāi)始看到的信息交互部分創(chuàng)造理想的用戶(hù)體驗(yàn)項(xiàng)目的開(kāi)始階段理論的用戶(hù)流量。誰(shuí)是你的用戶(hù)是誰(shuí)?是否信息的層次結(jié)構(gòu)做出各種用例有意義嗎?將用戶(hù)自然可以通過(guò)網(wǎng)站移動(dòng)到找到相關(guān)的內(nèi)容給他們?

在一個(gè)空白頁(yè)面的頂部，識(shí)別您的用戶(hù)角色。下面各一，開(kāi)始思考他們?nèi)绾瓮ㄟ^(guò)網(wǎng)站移動(dòng)。想想他們可能會(huì)尋找怎樣的信息的一個(gè)部分可以通過(guò)該網(wǎng)站下一個(gè)帶領(lǐng)他們。

02.客戶(hù)收購(gòu)漏斗

Userflow patterns.com是參考和啟發(fā)用戶(hù)短流視頻的集合。此時(shí)，您已經(jīng)開(kāi)始理論化了旅途用戶(hù)將通過(guò)網(wǎng)站，并可能已經(jīng)開(kāi)始思考如何，這將導(dǎo)致他們的轉(zhuǎn)換。這是你的客戶(hù)獲取渠道。

使用您在第一步中創(chuàng)建的用戶(hù)流程圖，考慮如何能夠通過(guò)網(wǎng)站將用戶(hù)定向到轉(zhuǎn)換點(diǎn)。要?jiǎng)?chuàng)建一個(gè)客戶(hù)收購(gòu)漏斗，把自己在用戶(hù)的鞋。使用特定的角色，而不是一個(gè)廣泛的受眾，你的漏斗定位到特定的人。他們有什么目標(biāo)?你怎么能幫助他們實(shí)現(xiàn)這些目標(biāo)?

試想一下，我們正在創(chuàng)造一個(gè)鞋店網(wǎng)站。如果用戶(hù)到達(dá)我們的網(wǎng)站買(mǎi)一雙鞋的目標(biāo)，我們的目標(biāo)是讓盡可能容易讓他們這樣做。的網(wǎng)上鞋店應(yīng)快速，高效地通過(guò)購(gòu)物過(guò)程結(jié)帳程序的用戶(hù)。

創(chuàng)建一個(gè)計(jì)劃從事相關(guān)內(nèi)容的用戶(hù)，讓他們用一個(gè)引人注目的行動(dòng)呼吁轉(zhuǎn)換，使轉(zhuǎn)換過(guò)程輕松，并定期隨訪(fǎng)。建立重點(diǎn)幫助指導(dǎo)用戶(hù)。開(kāi)發(fā)客戶(hù)獲取渠道是什么使一個(gè)網(wǎng)站一個(gè)商業(yè)工具，而不僅僅是一個(gè)漂亮的圖片。不開(kāi)車(chē)的結(jié)果設(shè)計(jì)不是好的設(shè)計(jì)。

03.內(nèi)容更新

用戶(hù)的旅程轉(zhuǎn)換的五個(gè)階段

內(nèi)容是網(wǎng)站的心臟。這是你如何與人交流。這是你如何賣(mài)。這就是你立足于設(shè)計(jì)。設(shè)計(jì)一個(gè)網(wǎng)站沒(méi)有內(nèi)容就像是試圖把一個(gè)拼圖沒(méi)有任何拼圖; 我們就可以抓取隨機(jī)物品附近(叉，一個(gè)燈泡，也許一個(gè)咖啡杯)，并努力使他們結(jié)合在一起的。

記者了解到，該設(shè)計(jì)是客戶(hù)最有趣的部分。內(nèi)容是最困難的部分。這主要是因?yàn)檫@一點(diǎn)，也能撐起一個(gè)項(xiàng)目的一件事。這些都是在設(shè)計(jì)開(kāi)始之前的網(wǎng)站內(nèi)容的完整版本應(yīng)該發(fā)展的原因。

那么，如何才能生成的內(nèi)容?開(kāi)始好的方法是在你的網(wǎng)站地圖采取回頭一看。這是你已經(jīng)確定要提供給用戶(hù)的內(nèi)容類(lèi)型。使用你這里列出的網(wǎng)頁(yè)或部分創(chuàng)建一個(gè)空白拷貝文件。對(duì)于每一個(gè)部分包括網(wǎng)頁(yè)標(biāo)題，內(nèi)容的目標(biāo)，你想的目標(biāo)，標(biāo)題關(guān)鍵字，和身體的副本。包括的類(lèi)型，您預(yù)計(jì)生活在那里，你如何指望它被分解為簡(jiǎn)單的可讀性和心理消化的內(nèi)容。

請(qǐng)記住，對(duì)網(wǎng)站內(nèi)容的理想閱讀水平是相當(dāng)?shù)偷摹Ｊ醉?yè)內(nèi)容不應(yīng)超過(guò)6年級(jí)的閱讀水平(約11-12歲)，和子頁(yè)面的內(nèi)容應(yīng)圍繞8級(jí)水平(13-14歲)徘徊。百萬(wàn)美元的話(huà)不要在這里獲得積分，他們失去的用戶(hù)。您可以測(cè)試與計(jì)算Flesch-金凱可讀性公式您的副本，以確保它會(huì)很容易為用戶(hù)快速理解。

簡(jiǎn)化和精簡(jiǎn)

讓你的副本更容易閱讀另一個(gè)偉大的方法是用易于消化的內(nèi)容。采用較小的段落，其中包括圖標(biāo)和圖像，打破了你的內(nèi)容，使您的網(wǎng)站更具可讀性。而不是提出需要注意的承諾，你可能不會(huì)從用戶(hù)獲得的文字大機(jī)構(gòu)，簡(jiǎn)化內(nèi)容，并可以很容易地脫脂。

大功告成后編寫(xiě)，經(jīng)過(guò)與切割出每一個(gè)不必要的單詞或短語(yǔ)好的清晰度。你已經(jīng)完成了這個(gè)過(guò)程之后，回去再做一遍 – 還有更多你可以刪除。輝煌的安東尼·德·圣艾修伯里，小王子的作者(一本兒童讀物，每個(gè)人都應(yīng)該讀)說(shuō)，“這似乎是好沒(méi)有達(dá)到時(shí)，有沒(méi)有更多的補(bǔ)充，但是當(dāng)有什么更多的刪除。”

最后也是最重要的提示創(chuàng)建的網(wǎng)站內(nèi)容是這樣的：如果你不是一個(gè)文案，聘請(qǐng)之一。這就是他們做的每一天。他們可以做的更好，速度比你。他們可以創(chuàng)建一個(gè)對(duì)搜索引擎進(jìn)行了優(yōu)化，吸引力和語(yǔ)法正確的副本。

04.線(xiàn)框

一個(gè)簡(jiǎn)單的模板內(nèi)容文件。這是一個(gè)開(kāi)始根據(jù)你的網(wǎng)站地圖開(kāi)發(fā)內(nèi)容的簡(jiǎn)單方法

現(xiàn)在的內(nèi)容完成，是時(shí)候開(kāi)始考慮布局。其中，站點(diǎn)地圖為，通知該內(nèi)容的網(wǎng)站的整體結(jié)構(gòu)的俯視; 線(xiàn)框表示該內(nèi)容的架構(gòu)。

線(xiàn)框不應(yīng)包含任何顏色，字體的選擇或設(shè)計(jì)元素。它是用于從結(jié)構(gòu)角度組織內(nèi)容，以確保它呈現(xiàn)的方式，有意義的用戶(hù)的工具。線(xiàn)框不再對(duì)頁(yè)面布局的好像素渲染。他們對(duì)采取更細(xì)粒度的方法來(lái)你已經(jīng)建立了這一點(diǎn)的計(jì)劃。在此步驟中，都發(fā)現(xiàn)信息應(yīng)如何組織，并從視覺(jué)角度看固化的層次結(jié)構(gòu)。

在什么樣的順序應(yīng)該內(nèi)容呈現(xiàn)?怎么會(huì)出現(xiàn)在手機(jī)的層次?桌面?在兩者之間或之上?自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)因此有必要的線(xiàn)框圖，與我們的過(guò)程中的每一步等一起，變得不那么具體和更靈活一點(diǎn)。

創(chuàng)建層次

如何生成你的線(xiàn)框完全取決于你。有很多偉大的線(xiàn)框和原型工具在那里，但一個(gè)簡(jiǎn)單的筆和紙可以很好的工作。線(xiàn)框圖的目標(biāo)是利用我們已經(jīng)作出的決定通過(guò)前面的步驟建立一個(gè)訂單的內(nèi)容的呈現(xiàn)。

如果你看看你已經(jīng)創(chuàng)建的內(nèi)容，它應(yīng)該是一個(gè)直觀(guān)的過(guò)程。是否有一個(gè)清晰的層次結(jié)構(gòu)所固有的內(nèi)容?看標(biāo)題，段落，標(biāo)注和邊欄。就拿應(yīng)該出現(xiàn)哪些類(lèi)型的信息的股票，并在重點(diǎn)應(yīng)該下降。問(wèn)：這些信息的主要觀(guān)點(diǎn)是什么?

這很容易跳過(guò)線(xiàn)框。他們往往并不意味著一大堆的客戶(hù)端，似乎是一個(gè)多余的努力 – 尤其是在完成所有其他步驟，以便努力之后。你能不能做到，而你正在創(chuàng)建的設(shè)計(jì)元素線(xiàn)框的目標(biāo)是什么?總之，沒(méi)有。線(xiàn)框是從內(nèi)容的橋梁來(lái)設(shè)計(jì)。他們是一個(gè)網(wǎng)站的整體成功的在這個(gè)過(guò)程中彼此一步一樣重要。

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

設(shè)計(jì)需要優(yōu)化，為跨設(shè)備盡可能清晰地顯示內(nèi)容

現(xiàn)在最有趣的部分。部分你已經(jīng)工作了，和你的客戶(hù)一直在等待。你準(zhǔn)備好了。您正在進(jìn)入與攻擊的計(jì)劃，是基于明智的決定，而不僅僅是審美偏好武裝設(shè)計(jì)階段。你知道在哪里的元素需要放置發(fā)揮大的功效。你現(xiàn)在準(zhǔn)備設(shè)計(jì)一個(gè)轉(zhuǎn)換機(jī)!

但是，你怎么設(shè)計(jì)為響應(yīng)網(wǎng)站的?每位設(shè)計(jì)師都有不同的工作流程，而且你必須找到什么適合你。不過(guò)，也有一些方法和工具是有效和易于全線(xiàn)采用。

響應(yīng)方法

如果您的網(wǎng)站將在移動(dòng)設(shè)備上工作，你應(yīng)該在設(shè)計(jì)移動(dòng)先行。這僅僅意味著與移動(dòng)布局和建設(shè)從那里開(kāi)始。它是更容易做到這一點(diǎn)，而不是試圖堆疊元件到屏幕上這就是他們被設(shè)計(jì)為其中之一的大小的一小部分。

你也應(yīng)該使用模式庫(kù)。這是設(shè)計(jì)模式，在你的界面功能的集合。您可以將背部和你的庫(kù)和設(shè)計(jì)之間來(lái)回; 當(dāng)您添加了新的元素，以你的設(shè)計(jì)，你將它添加到您的模式庫(kù)，反之亦然。使用這種方法，無(wú)論任何變量，按鈕是一個(gè)按鈕; 無(wú)論是在代碼和它的樣子。

這將建立詳細(xì)一致性，這將使一個(gè)顯著的差異，公司的專(zhuān)業(yè)性的感知程度。一致性建立信任，提高了可用性。還有一個(gè)好處效率，因?yàn)槲覀兛梢暂p松地調(diào)整內(nèi)容和更新的風(fēng)格。

行動(dòng)計(jì)劃

MailChimp的模式庫(kù)是ux.mailchimp.com/patterns在線(xiàn)觀(guān)看

按照本指南操作，您到達(dá)先后與行動(dòng)完全成形的計(jì)劃一步。每個(gè)步驟由它之前的步驟通知。整個(gè)過(guò)程是專(zhuān)注于提供盡可能最好的方式最有用和最相關(guān)的內(nèi)容。

您可能會(huì)發(fā)現(xiàn)，你需要在過(guò)程中或之后該網(wǎng)站啟動(dòng)重新審視你的計(jì)劃的一部分。德懷特·D·艾森豪威爾說(shuō)：“準(zhǔn)備戰(zhàn)斗，我總是發(fā)現(xiàn)，計(jì)劃一無(wú)是處，但作計(jì)劃卻不可或缺的?！闭沁@種情緒正是總結(jié)了過(guò)程的重要性 – 你正在規(guī)劃一個(gè)成功的結(jié)果。你不是猜測(cè)。你已經(jīng)建立了您可以在創(chuàng)建一個(gè)網(wǎng)站，工作的基礎(chǔ)。

網(wǎng)頁(yè)題目：網(wǎng)站建設(shè)的重要五步驟
標(biāo)題來(lái)源：http://www.bm7419.com/news/159235.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)