網(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ì)恰恰是沒有走到一起。您移動(dòng)框右側(cè)。你移回。你已經(jīng)建立在創(chuàng)造美麗的和用戶友好的網(wǎng)站生涯，那么為什么是設(shè)計(jì)總是掙扎?

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

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

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

01.地圖和用戶流量

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

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

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

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

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

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

通過信息瀏覽

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

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

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

02.客戶收購漏斗

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

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

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

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

03.內(nèi)容更新

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

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

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

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

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

簡化和精簡

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

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

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

04.線框

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

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

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

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

創(chuàng)建層次

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

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

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

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

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

現(xiàn)在最有趣的部分。部分你已經(jīng)工作了，和你的客戶一直在等待。你準(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ì)師都有不同的工作流程，而且你必須找到什么適合你。不過，也有一些方法和工具是有效和易于全線采用。

響應(yīng)方法

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

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

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

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

MailChimp的模式庫是ux.mailchimp.com/patterns在線觀看

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

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

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

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

廣告

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