海淘科技為你提供網(wǎng)站建設(shè)的重要五步驟，兒這個5個步驟策劃一個成功的網(wǎng)站。它需要比創(chuàng)意更設(shè)計了一個偉大的網(wǎng)站。這些提示往下跑領(lǐng)導(dǎo)到設(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)造一些具有視覺沖擊力，還有就是你錯過機(jī)會，與連接和轉(zhuǎn)換用戶100%的保證。通過實施從實際過程中，你在網(wǎng)站上的工作做出明智的決定，你可以創(chuàng)造卓越產(chǎn)品，提升用戶體驗，提高轉(zhuǎn)化率。你撞你靠著墻頭，努力召喚您的創(chuàng)作天才的頭腦漂亮的網(wǎng)頁設(shè)計下一次，試試下面這里列出的五個關(guān)鍵步驟。
史蒂夫·喬布斯“設(shè)計的定義，著名的意見。你有你的啟動會議。你已經(jīng)進(jìn)行了行業(yè)調(diào)研，做了競爭對手的分析和開發(fā)的用戶角色。你準(zhǔn)備好開始，但有你應(yīng)該總是先問客戶兩個重要的問題。首先，要求他們識別網(wǎng)站上面的一至三個重點。這給你什么是對他們很重要的好照片。它要求他們優(yōu)先考慮，這有助于發(fā)展和保持專注的角度開始思考。這也開啟了討論的大門什么這些優(yōu)先事項的意思是，如果是有意義的調(diào)整。
你應(yīng)該問的第二件事是這樣的：什么是一個成功的網(wǎng)站看起來像你?當(dāng)你開始計劃的用戶流量和轉(zhuǎn)化目標(biāo)這個問題是極其重要的。一旦你的信息，你就可以開始創(chuàng)建計劃的網(wǎng)站：網(wǎng)站地圖。
一個為網(wǎng)站計劃
一個網(wǎng)站地圖是將包括在網(wǎng)站上，它會如何組織內(nèi)容的第一個可視化。它是朝一個用戶為中心，以內(nèi)容為中心的產(chǎn)品的第一步。有兩個方面考察。首先，看你的工作，為公司的目標(biāo)。什么是他們想要達(dá)到什么目的?其次，確定他們的客戶正在尋找。正是這兩種觀點，這將最終意味著成功的婚姻。
開始思考需要存在的信息類型以適應(yīng)最終用戶和公司的目標(biāo)。把用戶第一的目標(biāo) – 它從未傷害，提醒公司，什么是最適合他們的用戶來說也是最適合他們的業(yè)務(wù)。
例如，如果ABC公司發(fā)明了一種新技術(shù)，它更有意義的優(yōu)先級對用戶的問題，該技術(shù)比ABC公司的歷史和使命宣言，引領(lǐng)解決信息。你可能還希望包括聯(lián)系人信息和特定行業(yè)的博客作為資源給用戶。突然間，你有一個網(wǎng)站地圖的開端。
通過信息瀏覽
當(dāng)你開始回答有關(guān)跨網(wǎng)站信息一般層次的問題，你也開始預(yù)見到用戶可能會如何通過信息導(dǎo)航。這是你的用戶流量。
通過創(chuàng)建你可以開始看到的信息交互部分創(chuàng)造理想的用戶體驗項目的開始階段理論的用戶流量。誰是你的用戶是誰?是否信息的層次結(jié)構(gòu)做出各種用例有意義嗎?將用戶自然可以通過網(wǎng)站移動到找到相關(guān)的內(nèi)容給他們?
在一個空白頁面的頂部，識別您的用戶角色。下面各一，開始思考他們?nèi)绾瓮ㄟ^網(wǎng)站移動。想想他們可能會尋找怎樣的信息的一個部分可以通過該網(wǎng)站下一個帶領(lǐng)他們。
Userflow patterns.com是參考和啟發(fā)用戶短流視頻的集合。此時，您已經(jīng)開始理論化了旅途用戶將通過網(wǎng)站，并可能已經(jīng)開始思考如何，這將導(dǎo)致他們的轉(zhuǎn)換。這是你的客戶獲取渠道。
使用您在第一步中創(chuàng)建的用戶流程圖，考慮如何能夠通過網(wǎng)站將用戶定向到轉(zhuǎn)換點。要創(chuàng)建一個客戶收購漏斗，把自己在用戶的鞋。使用特定的角色，而不是一個廣泛的受眾，你的漏斗定位到特定的人。他們有什么目標(biāo)?你怎么能幫助他們實現(xiàn)這些目標(biāo)?
試想一下，我們正在創(chuàng)造一個鞋店網(wǎng)站。如果用戶到達(dá)我們的網(wǎng)站買一雙鞋的目標(biāo)，我們的目標(biāo)是讓盡可能容易讓他們這樣做。的網(wǎng)上鞋店應(yīng)快速，高效地通過購物過程結(jié)帳程序的用戶。
創(chuàng)建一個計劃從事相關(guān)內(nèi)容的用戶，讓他們用一個引人注目的行動呼吁轉(zhuǎn)換，使轉(zhuǎn)換過程輕松，并定期隨訪。建立重點幫助指導(dǎo)用戶。開發(fā)客戶獲取渠道是什么使一個網(wǎng)站一個商業(yè)工具，而不僅僅是一個漂亮的圖片。不開車的結(jié)果設(shè)計不是好的設(shè)計。
用戶的旅程轉(zhuǎn)換的五個階段
內(nèi)容是網(wǎng)站的心臟。這是你如何與人交流。這是你如何賣。這就是你立足于設(shè)計。設(shè)計一個網(wǎng)站沒有內(nèi)容就像是試圖把一個拼圖沒有任何拼圖; 我們就可以抓取隨機(jī)物品附近(叉，一個燈泡，也許一個咖啡杯)，并努力使他們結(jié)合在一起的。
記者了解到，該設(shè)計是客戶最有趣的部分。內(nèi)容是最困難的部分。這主要是因為這一點，也能撐起一個項目的一件事。這些都是在設(shè)計開始之前的網(wǎng)站內(nèi)容的完整版本應(yīng)該發(fā)展的原因。
那么，如何才能生成的內(nèi)容?開始完美的方法是在你的網(wǎng)站地圖采取回頭一看。這是你已經(jīng)確定要提供給用戶的內(nèi)容類型。使用你這里列出的網(wǎng)頁或部分創(chuàng)建一個空白拷貝文件。對于每一個部分包括網(wǎng)頁標(biāo)題，內(nèi)容的目標(biāo)，你想的目標(biāo)，標(biāo)題關(guān)鍵字，和身體的副本。包括的類型，您預(yù)計生活在那里，你如何指望它被分解為簡單的可讀性和心理消化的內(nèi)容。
請記住，對網(wǎng)站內(nèi)容的理想閱讀水平是相當(dāng)?shù)偷摹Ｊ醉搩?nèi)容不應(yīng)超過6年級的閱讀水平(約11-12歲)，和子頁面的內(nèi)容應(yīng)圍繞8級水平(13-14歲)徘徊。百萬美元的話不要在這里獲得積分，他們失去的用戶。您可以測試與計算Flesch-金凱可讀性公式您的副本，以確保它會很容易為用戶快速理解。
簡化和精簡
讓你的副本更容易閱讀另一個偉大的方法是用易于消化的內(nèi)容。采用較小的段落，其中包括圖標(biāo)和圖像，打破了你的內(nèi)容，使您的網(wǎng)站更具可讀性。而不是提出需要注意的承諾，你可能不會從用戶獲得的文字大機(jī)構(gòu)，簡化內(nèi)容，并可以很容易地脫脂。
大功告成后編寫，經(jīng)過與切割出每一個不必要的單詞或短語最佳的清晰度。你已經(jīng)完成了這個過程之后，回去再做一遍 – 還有更多你可以刪除。輝煌的安東尼·德·圣艾修伯里，小王子的作者(一本兒童讀物，每個人都應(yīng)該讀)說，“這似乎是完美沒有達(dá)到時，有沒有更多的補(bǔ)充，但是當(dāng)有什么更多的刪除。”
最后也是最重要的提示創(chuàng)建的網(wǎng)站內(nèi)容是這樣的：如果你不是一個文案，聘請之一。這就是他們做的每一天。他們可以做的更好，速度比你。他們可以創(chuàng)建一個對搜索引擎進(jìn)行了優(yōu)化，吸引力和語法正確的副本。
一個簡單的模板內(nèi)容文件。這是一個開始根據(jù)你的網(wǎng)站地圖開發(fā)內(nèi)容的簡單方法
現(xiàn)在的內(nèi)容完成，是時候開始考慮布局。其中，站點地圖為，通知該內(nèi)容的網(wǎng)站的整體結(jié)構(gòu)的俯視; 線框表示該內(nèi)容的架構(gòu)。
線框不應(yīng)包含任何顏色，字體的選擇或設(shè)計元素。它是用于從結(jié)構(gòu)角度組織內(nèi)容，以確保它呈現(xiàn)的方式，有意義的用戶的工具。線框不再對頁面布局的完美像素渲染。他們對采取更細(xì)粒度的方法來你已經(jīng)建立了這一點的計劃。在此步驟中，都發(fā)現(xiàn)信息應(yīng)如何組織，并從視覺角度看固化的層次結(jié)構(gòu)。
在什么樣的順序應(yīng)該內(nèi)容呈現(xiàn)?怎么會出現(xiàn)在手機(jī)的層次?桌面?在兩者之間或之上?自適應(yīng)網(wǎng)頁設(shè)計因此有必要的線框圖，與我們的過程中的每一步等一起，變得不那么具體和更靈活一點。
創(chuàng)建層次
如何生成你的線框完全取決于你。有很多偉大的線框和原型工具在那里，但一個簡單的筆和紙可以很好的工作。線框圖的目標(biāo)是利用我們已經(jīng)作出的決定通過前面的步驟建立一個訂單的內(nèi)容的呈現(xiàn)。
如果你看看你已經(jīng)創(chuàng)建的內(nèi)容，它應(yīng)該是一個直觀的過程。是否有一個清晰的層次結(jié)構(gòu)所固有的內(nèi)容?看標(biāo)題，段落，標(biāo)注和邊欄。就拿應(yīng)該出現(xiàn)哪些類型的信息的股票，并在重點應(yīng)該下降。問：這些信息的主要觀點是什么?
這很容易跳過線框。他們往往并不意味著一大堆的客戶端，似乎是一個多余的努力 – 尤其是在完成所有其他步驟，以便努力之后。你能不能做到，而你正在創(chuàng)建的設(shè)計元素線框的目標(biāo)是什么?總之，沒有。線框是從內(nèi)容的橋梁來設(shè)計。他們是一個網(wǎng)站的整體成功的在這個過程中彼此一步一樣重要。
設(shè)計需要優(yōu)化，為跨設(shè)備盡可能清晰地顯示內(nèi)容
現(xiàn)在最有趣的部分。部分你已經(jīng)工作了，和你的客戶一直在等待。你準(zhǔn)備好了。您正在進(jìn)入與攻擊的計劃，是基于明智的決定，而不僅僅是審美偏好武裝設(shè)計階段。你知道在哪里的元素需要放置發(fā)揮最大的功效。你現(xiàn)在準(zhǔn)備設(shè)計一個轉(zhuǎn)換機(jī)!
但是，你怎么設(shè)計為響應(yīng)網(wǎng)站的?每位設(shè)計師都有不同的工作流程，而且你必須找到什么適合你。不過，也有一些方法和工具是有效和易于全線采用。
響應(yīng)方法
如果您的網(wǎng)站將在移動設(shè)備上工作，你應(yīng)該在設(shè)計移動先行。這僅僅意味著與移動布局和建設(shè)從那里開始。它是更容易做到這一點，而不是試圖堆疊元件到屏幕上這就是他們被設(shè)計為其中之一的大小的一小部分。
你也應(yīng)該使用模式庫。這是設(shè)計模式，在你的界面功能的集合。您可以將背部和你的庫和設(shè)計之間來回; 當(dāng)您添加了新的元素，以你的設(shè)計，你將它添加到您的模式庫，反之亦然。使用這種方法，無論任何變量，按鈕是一個按鈕; 無論是在代碼和它的樣子。
這將建立詳細(xì)一致性，這將使一個顯著的差異，公司的專業(yè)性的感知程度。一致性建立信任，提高了可用性。還有一個好處效率，因為我們可以輕松地調(diào)整內(nèi)容和更新的風(fēng)格。
行動計劃
MailChimp的模式庫是ux.mailchimp.com/patterns在線觀看
按照本指南操作，您到達(dá)先后與行動完全成形的計劃一步。每個步驟由它之前的步驟通知。整個過程是專注于提供盡可能最好的方式最有用和最相關(guān)的內(nèi)容。
您可能會發(fā)現(xiàn)，你需要在過程中或之后該網(wǎng)站啟動重新審視你的計劃的一部分。德懷特·D·艾森豪威爾說：“準(zhǔn)備戰(zhàn)斗，我總是發(fā)現(xiàn)，計劃一無是處，但作計劃卻不可或缺的?！闭沁@種情緒正是總結(jié)了過程的重要性 – 你正在規(guī)劃一個成功的結(jié)果。你不是猜測。你已經(jīng)建立了您可以在創(chuàng)建一個網(wǎng)站，工作的基礎(chǔ)。
海淘科技不僅提供，文章下載，點擊：網(wǎng)站建設(shè)的重要五步驟。而且提供搜索引擎seo推廣文章和網(wǎng)站建設(shè)服務(wù)。
