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

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

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

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

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

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

01.地圖和用戶流量

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

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

一個為網(wǎng)站計劃

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

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

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

通過信息瀏覽

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

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

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

02.客戶收購漏斗

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

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

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

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

03.內(nèi)容更新

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

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

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

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

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

簡化和精簡

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

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

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

04.線框

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

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

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

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

創(chuàng)建層次

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

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

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

05.設(shè)計

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

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

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

響應方法

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

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

這將建立詳細一致性，這將使一個顯著的差異，公司的專業(yè)性的感知程度。一致性建立信任，提高了可用性。還有一個好處效率，因為我們可以輕松地調(diào)整內(nèi)容和更新的風格。

行動計劃

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

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

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

標題名稱：網(wǎng)站建設(shè)的重要五步驟
鏈接地址：http://www.bm7419.com/news35/159235.html

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

廣告

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