5個網(wǎng)頁設計技巧讓用戶瘋狂愛上你
我們都希望成功的設計改版能讓網(wǎng)站重新煥發(fā)活力,不僅僅吸引用戶,并且讓用戶愿意花更長時間瀏覽。要做到這一點,并不需要什么神秘的技能。下面就告訴你讓你的網(wǎng)站更受歡迎的技能,接招吧,騷年~
我們都知道,吸引人的插圖、有創(chuàng)意的網(wǎng)站布局和有說服力的內容能夠吸引用戶。可有時候好像又不是那么一回事。你也許也有過類似經驗,得意地做出當下最時髦的頁面卻沒有換來理想的瀏覽量。那種感受,你懂的。
首先,我們先理清,正確是網(wǎng)頁布局應該是這樣的:先引誘觀眾去探索你的網(wǎng)站,讓他們在你給出的信息上停留,最后交由他們采取行動。下面,進入正題,希望你能從這篇文章得到一些有用的信息。
1.讓用戶一見傾心
組合圖形和內容,讓用戶一見傾心,產生情感共鳴,被深深吸引。這里有兩個方法(A)保持網(wǎng)頁布局一致,以免訪問者中途逃離。(B)利用搶眼的,引導性的高分辨率圖形。
學到了什么:創(chuàng)建統(tǒng)一的視覺體驗,利用帶有情感的色調和線條,調動用戶的參與,再加上引人入勝的內容,就足夠讓用戶驚喜了。
2. 會說故事
我們都喜歡茶水間里的八卦,朋友聚會時的段子。當我們在分享這些故事時,我們是多么的全神貫注。既然如此,為什么不在你的網(wǎng)站上講故事呢?你可以借鑒一些電影網(wǎng)站的做法。
學到了什么:經過時間檢驗,這是提高用戶參與性的好辦法。關鍵是你必須是一個很會講故事的人。學習些關于信息層次結構的知識,將幫助你更好地了解受眾的心理,讓你設計的網(wǎng)站獲得更高的轉化率。
3. 擺脫常規(guī)
我們總被不尋常的事物吸引。頭腦風暴可以幫助你找出讓你的網(wǎng)頁設計脫穎而出的方法。從高清圖形和獨特的版式開始吧,一個好的排版絕對可以強化你的信息傳達。
如果你一直做別人做的事情,你將永遠埋沒在人群里。然而,如果你的網(wǎng)站與眾不同,你傳達的信息就會脫穎而出,引起注意。新鮮的旅途總讓人緊張,但一定值得你探索。
學到了什么:當用戶與你的網(wǎng)站互動時,要給他們留下不可磨滅的深刻印象。就像你心中最愛的冰淇淋口味一定勝過其他無數(shù)口味,你的網(wǎng)頁布局就應該努力成為受眾最愛的口味,讓他們隨時想回來。這里的關鍵是研究+創(chuàng)造力。是的,請把握住非常規(guī)和怪異之間的界限。
【擴展閱讀】30個非常規(guī)的新穎網(wǎng)站設計
4. 重要信息放首屏
網(wǎng)絡競爭的常態(tài)下,我們很難獲取新訪客。所以,一旦用戶登上你的網(wǎng)站,你一定希望把他們留在網(wǎng)頁上久一點,更久一點。相對來說,不需要滾動操作的屏幕,人們愿意花更多的時間停留。所以設計要有效率。聰明地將響應動作、優(yōu)惠信息或注冊按鈕放在這里,你就可以從用戶反饋中受益。
學到了什么:信息的安排,應該讓訪客迅速找到他們正在尋找的東西。甚至促進訪客在得到他想找的信息之后,繼續(xù)在你的網(wǎng)站流連。
5. 不斷改善
游戲高手也不可能每次都贏。我們都需要通過練習,微調技能,才能游戲中做到更好。調整你的網(wǎng)站設計,讓目標受眾著迷,也是一個循序漸進的過程。
學到了什么:持續(xù)改善的老概念已經在日本推行了幾十年。全力設計好你的網(wǎng)站,然后測試它,然后再次測試,看哪些頁面最受歡迎。同樣,你也可以找出跳出率較高的網(wǎng)頁。成功沒有捷徑。
附送技巧:請像貪戀美色一樣貪戀靈感
尋找靈感,保持創(chuàng)作靈感,并創(chuàng)造你的靈感。谷歌“啟迪靈感的網(wǎng)頁設計”之類關鍵詞,你將從不計其數(shù)的其他網(wǎng)站設計中得到噴涌的靈感。這將幫助你突破你的創(chuàng)造力瓶頸。請帶著樂趣去設計,如果被卡住了,請讓自己喘口氣。
學到了什么:偷空激發(fā)你的靈感。為了找到非常棒的想法,有時候你可能只要退一步??纯磩e人的佳作,你可能會開發(fā)出自己的另一面,發(fā)掘一項新技藝。你可能不一定會創(chuàng)作出杰作,但一定會有新收獲。
學到這些規(guī)則了?現(xiàn)在打破他們——這就是創(chuàng)造!
如果你已經有一個網(wǎng)站或正要做一個網(wǎng)站,現(xiàn)在看著它。去掉所有的干擾信息,去掉會影響和稀釋閱讀信息的內容,只保留必要的。當您將無用之物刨除以后,你將獲得一個好網(wǎng)站。當你在用戶心中有了一席之地,他們就很難離開你了。
作者:Alan Smith, IT博主,在IT領域有著豐富經驗,目前就職SPINX。活躍于洛杉磯,加州,主營網(wǎng)頁設計、網(wǎng)站開發(fā)和網(wǎng)絡營銷的公司。
本文地址:http://m.likemindfilms.com/tutorial/di1703.html