2015-01-20 分類: 網(wǎng)站設(shè)計
設(shè)計是訪問者在瀏覽你的網(wǎng)站時看到的第一件事,根據(jù)斯坦福大學(xué)專家的最新研究,46%的用戶基于設(shè)計來評估網(wǎng)站的可信度。如果他們不喜歡這個設(shè)計,那么這個企業(yè)似乎就不可靠了。
即使你對你的網(wǎng)站的現(xiàn)有設(shè)計感到滿意,但你還是想要改進(jìn)它也是正常的,因為網(wǎng)絡(luò)技術(shù)的世界在改變,出現(xiàn)了新的趨勢,甚至一個制作精良的網(wǎng)站也會在某一天變得過時。
為了跟上時代,在正確的道路上,你可以對設(shè)計進(jìn)行小的實驗。例如,您可以更改一些頁面元素,選擇不同的字體或顏色等。如果實驗導(dǎo)致轉(zhuǎn)換增加,那么你就是在正確的路徑上。
在這篇文章中,我們將談?wù)?a href="http://www.rwnh.cn/" target="_blank">網(wǎng)站設(shè)計的重要性及其優(yōu)化方法。你也會發(fā)現(xiàn)一些有用的技術(shù)來改進(jìn)網(wǎng)站設(shè)計。它們很簡單,但很有效!
1.制定戰(zhàn)略
決定改進(jìn)你的網(wǎng)站設(shè)計?好主意!你不應(yīng)該當(dāng)場做出決定,而是從根本的改變開始。要使這個想法成功,你應(yīng)該做些計劃。以下是在開始設(shè)計更改工作之前要考慮的問題:
分析現(xiàn)狀
這是為了定義工作領(lǐng)域。研究百度分析指標(biāo),跟蹤用戶在你的網(wǎng)站上的行為。定義具有低轉(zhuǎn)化率和高跳出率的問題最多的頁面——這將是您的第一個工作領(lǐng)域。不要省略活動頁面——它們將作為示例。
進(jìn)行市場研究
這是指你的目標(biāo)受眾和競爭對手。創(chuàng)建客戶旅程圖,分析決策的各個階段,考慮改善每個階段的用戶體驗。分析你的競爭對手的網(wǎng)站,挑選一些你覺得有趣的技巧。
定義任務(wù)堆棧
你想達(dá)到什么目標(biāo)?你想怎樣實現(xiàn)這個目標(biāo)?對以下問題的廣泛回答將有助于確定您的目標(biāo)并確定進(jìn)一步工作的方向。
2.使網(wǎng)站可用
在思考如何改進(jìn)網(wǎng)站設(shè)計的同時,很多用戶想要創(chuàng)造一幅原創(chuàng)的圖片,并選擇最令人印象深刻的照片。這很重要,但是,你不應(yīng)該忘記網(wǎng)站的可用性。
根據(jù)弗雷斯特研究公司(ForresterResearch)的研究,使用不佳的互聯(lián)網(wǎng)商店失去了約50%未能找到所需商品的潛在客戶。約有40%的用戶不會回到他們體驗糟糕的網(wǎng)站。
商業(yè)網(wǎng)站的主要目的是銷售商品和服務(wù)。這使得可用性變得非常重要。用戶不關(guān)心網(wǎng)站的后端;這對他們來說并不重要。他們不感興趣的是它是用什么語言寫的,或者現(xiàn)代的技術(shù)解決方案是如何實現(xiàn)的。如果網(wǎng)站難以使用,那就很煩人。如果它很煩人,用戶會什么都不買就離開。
這就是為什么在規(guī)劃和創(chuàng)建技術(shù)作業(yè)的階段必須注意網(wǎng)站的可用性。這里有一些網(wǎng)站設(shè)計技巧,使您的網(wǎng)站用戶友好:
這個結(jié)構(gòu)應(yīng)該一目了然
用戶應(yīng)該直觀地理解如何以及在何處定位必要的信息
網(wǎng)站不應(yīng)該被文字、圖片或動畫超載-它使資源工作緩慢,分散注意力,并惹惱用戶。
在考慮如何呈現(xiàn)文本時,不要將內(nèi)容和設(shè)計單獨考慮。記住它們是積分的,應(yīng)該被視為一個單元。
3、嘗試顏色
色彩方案是網(wǎng)頁設(shè)計中最有趣的一個分支。即使網(wǎng)站顏色的微小變化也能改變訪問者對你品牌的看法。
考慮到配色方案的變化,注意以下幾個因素:
一、你的目標(biāo)受眾:根據(jù)你潛在客戶的年齡和社會數(shù)據(jù),商業(yè)網(wǎng)站的設(shè)計應(yīng)該有所不同。如果你的產(chǎn)品面向年輕活躍的人群,不要害怕使用鮮艷的顏色。對老年人來說,最好選擇更寧靜、更深沉的生活方式。
二、你的企業(yè)文化:您的網(wǎng)站不僅應(yīng)該反映您的目標(biāo)受眾,它還應(yīng)該表達(dá)您的品牌身份。還記得“麥當(dāng)勞”的鮮紅色和黃色嗎?
三、色彩的和諧:一個成功的商業(yè)站點的主要特征之一是可用性。配色方案是一個不可分割的部分,因為惱人的顏色及其組合可能會冒犯目標(biāo)受眾。考慮用顏色做實驗?注意它們的兼容性和文本與背景的對比。
如何選擇配色方案?
要確定顏色的調(diào)色板,請選擇您的目標(biāo)受眾以及您希望他們做出的反應(yīng)。以下是一些例子:
明亮的顏色(橙色,紅色),如果你想讓訪問者興奮起來,就用這些明亮甚至有攻擊性的顏色。這樣的配色方案非常適合銷售運動器材或食品的網(wǎng)站。
明亮的顏色(黃色,綠色,藍(lán)色),這些配色方案將給人一種愉快的感覺,也將是旅游、派對用品和服務(wù)的好選擇。
深顏色,它們給人一種確定性的感覺,對銀行、信貸和房地產(chǎn)公司的網(wǎng)站也有好處。
溫和的顏色,這個調(diào)色板會讓訪問者放松下來,也會好地補充銷售國內(nèi)商品、家具等的網(wǎng)站。
一些設(shè)計師根據(jù)視覺程度來選擇配色方案;其他人喜歡使用調(diào)色板生成器,Adobe ColorCC被認(rèn)為是現(xiàn)有工具中最好的。它將幫助你創(chuàng)建自己的配色方案,并啟發(fā)其他設(shè)計師的作品。如果你喜歡材質(zhì)設(shè)計,像MaterialPallete或materialdesign Palette Generator這樣的工具會給你提供大量的網(wǎng)頁設(shè)計技巧。
4、說明網(wǎng)站的內(nèi)容
圖片可以填補空白,使您的網(wǎng)站看起來原始和視覺愉快。選擇正確的圖片會使網(wǎng)站更加生動。它們將對你的品牌認(rèn)知度產(chǎn)生積極的影響,可以用作標(biāo)題、圖標(biāo)和創(chuàng)建動畫。
對于大多數(shù)人來說,圖片比文字更容易記住,你應(yīng)該仔細(xì)選擇插圖。根據(jù)研究,一幅好的圖片價值84個字。
讓我們看看好的圖片到底是什么:
信息,圖片應(yīng)該有一個信息,而不僅僅是填補空白。它可以告訴訪問者關(guān)于產(chǎn)品的更多信息,影響他們的情緒和情緒,或包含CTA。
定性,沒有必要提及圖片質(zhì)量差,或帶有水印,使你的網(wǎng)站看起來非常不專業(yè)。
原創(chuàng),避免使用庫存圖片。在不同的網(wǎng)站上看到同樣的圖片,用戶會質(zhì)疑你的可靠性和專業(yè)性。
當(dāng)添加插圖時,重要的是要記住網(wǎng)站的完整性,而不是做過頭。即使是最漂亮的插圖,如果客戶太多,也會拒絕他們。
動畫也可以用于說明目的。當(dāng)?shù)谝粋€交互式站點創(chuàng)建時,動畫以GIF格式創(chuàng)建,之后是Flash格式。它們都嚴(yán)重影響了網(wǎng)站的速度。現(xiàn)在可以使用不影響性能的css編碼和Javascript了。
動畫可以全屏顯示,并集成到導(dǎo)航中。它的主要目的是幫助用戶研究網(wǎng)站,并吸引他們對細(xì)節(jié)的關(guān)注。
5、優(yōu)化網(wǎng)站的移動設(shè)備
現(xiàn)代用戶可以使用不同的設(shè)備,可以通過PC、筆記本電腦、平板電腦或智能手機訪問您的站點。移動設(shè)備的快速發(fā)展使得設(shè)計師、營銷人員和開發(fā)人員尋找新的方法來優(yōu)化網(wǎng)站以適應(yīng)不同的平臺。
如果這個站點沒有針對移動設(shè)備進(jìn)行優(yōu)化,那么它在可用性方面就不能稱為好站點。致力于改進(jìn)設(shè)計,您應(yīng)該測試資源是否在不同型號、尺寸和屏幕分辨率的設(shè)備上正常工作。
你的網(wǎng)站應(yīng)該在iOS和安卓用戶中都能好運行。照片應(yīng)該被加載充分,文字不應(yīng)該看起來太長。用戶不應(yīng)該滾動或更改屏幕大小。cta按鈕應(yīng)該很大,而且按鈕附近不應(yīng)該有其他鏈接——用戶可能會失誤并轉(zhuǎn)到完全不同的頁面。
閱讀了上面提到的網(wǎng)站設(shè)計技巧后,您現(xiàn)在已經(jīng)了解了優(yōu)化資源的基本步驟。讓我們總結(jié)一下:
戰(zhàn)略規(guī)劃,這是基本步驟,將幫助您定義一組任務(wù)并概述未來的工作領(lǐng)域
提高可用性,您將創(chuàng)建一個好的用戶體驗,并增加您的轉(zhuǎn)化率和銷售量。
選擇顏色,不同的顏色講述不同的故事,傳遞不同的信息。根據(jù)你的目標(biāo)受眾和公司目標(biāo)選擇調(diào)色板,你一定會贏得用戶的心。
添加插圖,不要忽視這樣一個強大的方式告訴用戶更多,沒有這些長文本。
移動優(yōu)化,由于大多數(shù)Internet現(xiàn)在都是面向移動用戶的,您還應(yīng)該注意優(yōu)化。在未來,一個移動友好的網(wǎng)站會給你更多的流量。
當(dāng)然,在一篇文章中不可能告訴你如何在網(wǎng)頁設(shè)計中變得更好。然而,我們已經(jīng)設(shè)法給你一些有用的提示和技巧。如果您仍在質(zhì)疑如何開始設(shè)計改進(jìn)工作,請隨時與我們聯(lián)系。我們將為您提供許多有用的網(wǎng)頁設(shè)計技巧,并將開發(fā)一個完全適合您業(yè)務(wù)需要的項目。
網(wǎng)站標(biāo)題:改善網(wǎng)站設(shè)計的5種最佳方法
本文網(wǎng)址:http://www.rwnh.cn/news/27577.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(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)
猜你還喜歡下面的內(nèi)容