如何從用戶(hù)方面提高網(wǎng)站用戶(hù)體驗(yàn)參與感

2016-08-17    分類(lèi): 用戶(hù)體驗(yàn)

如何從4個(gè)方面提高網(wǎng)站用戶(hù)體驗(yàn)?

一直以來(lái)看不見(jiàn)摸不著的用戶(hù)體驗(yàn)究竟是什么?如何了解并改變它?今天網(wǎng)站制作公司從4個(gè)方面入手,將用戶(hù)體驗(yàn)可視化,幫助大家有方法有步驟地提高用戶(hù)體驗(yàn)。

1. 內(nèi)容引導(dǎo)

內(nèi)容引導(dǎo)是一個(gè)站點(diǎn)最為重要的組成部分之一,而最為代表性的引導(dǎo)莫過(guò)于導(dǎo)航。一個(gè)清晰的導(dǎo)航,就如同一本讀物的目錄,會(huì)為閱讀和查找內(nèi)容提供最直接的幫助。導(dǎo)航內(nèi)容要簡(jiǎn)介、準(zhǔn)確、清晰,快速引導(dǎo)用戶(hù)到達(dá)目標(biāo)位置。切勿繁慵雜亂,但極簡(jiǎn)的未必是好的。

2. 內(nèi)容整合與梳理

在這方面,成都網(wǎng)站制作幾乎所有網(wǎng)站都對(duì)自己的內(nèi)容有進(jìn)行針對(duì)性整合梳理,但恰恰因?yàn)檫@點(diǎn),用戶(hù)體驗(yàn)的挑戰(zhàn)便出現(xiàn)了。一個(gè)小小體驗(yàn)細(xì)節(jié)優(yōu)化,就能讓站點(diǎn)在同類(lèi)網(wǎng)站中脫穎而出。

3. “猜你喜歡”背后的價(jià)值

我們認(rèn)識(shí)一個(gè)新的朋友,接觸后大家都會(huì)對(duì)對(duì)方產(chǎn)生一個(gè)印象,知道他叫什么,方便下次打招呼;接觸的多了會(huì)慢慢對(duì)對(duì)方有更深入的了解,比如興趣喜好、背景等。瀏覽一個(gè)網(wǎng)站也是一樣,現(xiàn)在幾乎所有網(wǎng)站都在想盡辦法獲取用戶(hù)資料,以便做分析和針對(duì)推送,但有沒(méi)有想過(guò)我們給用戶(hù)反饋了什么他所要得到的東西。一味的索取沒(méi)有回饋,那這段感情肯定長(zhǎng)久不了。為什么要起這個(gè)標(biāo)題,也是這個(gè)意思,“猜你喜歡”感覺(jué)只是多出一個(gè)內(nèi)容推送模塊,但背后潛藏著非常多的用戶(hù)分析研究,而反饋給用戶(hù)的感覺(jué)是他在這個(gè)網(wǎng)站瀏覽過(guò)后的存在感,無(wú)時(shí)無(wú)刻的和用戶(hù)保持互動(dòng),才是用戶(hù)體驗(yàn)高境界。

4. 一些便捷的功能插件

做好基礎(chǔ)的用戶(hù)體驗(yàn)固然重要,但是面對(duì)現(xiàn)在日益嚴(yán)峻的互聯(lián)網(wǎng)市場(chǎng)和日益成熟的用戶(hù)群體,如果沒(méi)有一個(gè)自己的符號(hào)讓用戶(hù)記住,那慢慢就會(huì)被淹沒(méi)在互聯(lián)網(wǎng)大潮中。而記憶符號(hào)有很多種,品牌感、品牌顏色等視覺(jué)層面的以外,有一個(gè)獨(dú)一無(wú)二的體驗(yàn)感也是記憶籌碼。

最后

其實(shí)用戶(hù)體驗(yàn)的過(guò)程,就是從認(rèn)識(shí)用戶(hù)—解決問(wèn)題—建立關(guān)系—推銷(xiāo)產(chǎn)品的過(guò)程。怎樣讓用戶(hù)滿(mǎn)意,我們除了華麗的包裝,順暢的操作外,好引導(dǎo)的用戶(hù)體驗(yàn)也是至關(guān)重要的一個(gè)環(huán)節(jié)。這也同時(shí)是現(xiàn)在我們所要克服的大的問(wèn)題。而我們也一直在為此默默努力著

如何設(shè)計(jì)出讓用戶(hù)有“參與感”的網(wǎng)頁(yè)?

什么樣的設(shè)計(jì)形式能更有趣、更容易打動(dòng)用戶(hù)?運(yùn)營(yíng)設(shè)計(jì)主要的表現(xiàn)手法之一就是通過(guò)制造情景來(lái)渲染主題氣氛。對(duì)“情景”的理解一層指場(chǎng)景、環(huán)境,氛圍有了,試試再增加一些情緒上的感染和共鳴;“情景”的另一層指人物,情節(jié),景物喚起人的情緒和內(nèi)心境界。制造情景體驗(yàn)一方面是把頁(yè)面信息放置到貼近生活的真實(shí)環(huán)境中,讓畫(huà)面符合主題并且非常直觀,另一方面能引導(dǎo)用戶(hù)展開(kāi)想象,喚起某種記憶,讓用戶(hù)有身臨其境的感受。

用戶(hù)不僅作為一個(gè)看客,還能以第一人物的視角參與到畫(huà)面中,讓用戶(hù)迅速置身場(chǎng)景中,帶動(dòng)情緒,引發(fā)用戶(hù)興趣去完成后續(xù)操作。這里總結(jié)一些打造情景體驗(yàn)的具體方法幫助大家去設(shè)計(jì)更有意思的運(yùn)營(yíng)頁(yè)面:

空間法則

空間感的渲染能讓人更有“身臨其境”的感覺(jué),這種方式主要根據(jù)主題模擬真實(shí)場(chǎng)景,再通過(guò)整體透視的構(gòu)圖使畫(huà)面呈現(xiàn)立體空間感,增加畫(huà)面沖擊力強(qiáng),一下子吸引把用戶(hù)代入到氛圍中。

通過(guò)空間打造增加畫(huà)面代入感,畫(huà)面的氣氛和現(xiàn)實(shí)生活中的場(chǎng)景極其相似,用戶(hù)很容易被吸引到氣氛中。需要注意的是這種立體場(chǎng)景的搭建對(duì)素材及整體層次的控制力要求比較高,在設(shè)計(jì)的時(shí)候需要先搭建大的畫(huà)面關(guān)系,再往里頭添細(xì)節(jié)和內(nèi)容,同時(shí)也要注意不要讓場(chǎng)景搶了內(nèi)容的視覺(jué)焦點(diǎn),在適當(dāng)?shù)臅r(shí)候還需要做些減法。

抽象法則

不同于上面提到的逼真空間搭建方法,這種設(shè)計(jì)方式雖然也是選取現(xiàn)實(shí)存在的對(duì)象,但是需要提煉一個(gè)可以將內(nèi)容信息巧妙的融合串聯(lián)的承載容器構(gòu)建出主體輪廓,然后再將內(nèi)容填充到輪廓里面。這種形式能夠讓用戶(hù)一眼就能了解到一些信息,同時(shí)又能貼合主題很好地傳達(dá)情景氛圍,讓頁(yè)面生動(dòng)更有趣味性,特別適合一些節(jié)日主題的運(yùn)營(yíng)頁(yè)面。

換角度原則

除了還原真實(shí)場(chǎng)景,角度的不同也會(huì)呈現(xiàn)不一樣的形式和感受,千篇一律的規(guī)則視角會(huì)難免讓頁(yè)面顯得單調(diào)平庸,不妨試試模擬真實(shí)生活中的視角。

同樣的元素主題往往變換一下畫(huà)面視角的方式能巧妙的打破常規(guī)構(gòu)圖的呆板并不落俗套,讓頁(yè)面輕松活躍。同時(shí)真實(shí)的場(chǎng)景一下次拉近了和用戶(hù)的距離,也很容易和用戶(hù)內(nèi)心產(chǎn)生共鳴。不過(guò)變換角度可能不太適合文字正常閱讀,要注意文字排版保證流量的舒適性。

局部突出法則

我們常常看到很多電影海報(bào)的設(shè)計(jì)中會(huì)以截取某部分的方式作為重心集中表現(xiàn),大化也是最突出,以小見(jiàn)大來(lái)引起注意,同時(shí)“猶抱琵琶半遮面”的方式制造更多懸念,引起觀眾興趣及思考。

通過(guò)截取局部來(lái)吸引眼球,這種局部特征被放大強(qiáng)調(diào)的方式推翻我們常規(guī)的視覺(jué)習(xí)慣從而讓感情集中強(qiáng)化,視覺(jué)充滿(mǎn)神秘感瞬間抓住了用戶(hù)的眼球,頁(yè)面的目的也就達(dá)到了。這種方法可以多從電影、攝影中借鑒手法,通過(guò)特殊的視角打造出精彩的畫(huà)面。

小結(jié)

制造頁(yè)面中情景體驗(yàn)主要通過(guò)還原現(xiàn)實(shí)場(chǎng)景再加以藝術(shù)化的表達(dá)來(lái)增強(qiáng)頁(yè)面的整體氣氛,讓用戶(hù)不用去閱讀文字就能很快明白這是個(gè)跟主題相關(guān)的頁(yè)面,代入感極強(qiáng),能比較直觀獲取信息;同時(shí)擬物具象的方式也減少了用戶(hù)認(rèn)知成本,親和的設(shè)計(jì)形式在情感上給用戶(hù)更多情共鳴。當(dāng)然這種方式需要設(shè)計(jì)師日常要注意觀察生活中的細(xì)節(jié),多聯(lián)想與各場(chǎng)景相關(guān)的事物,不一定需要靠素材的堆積也能打造出動(dòng)人的頁(yè)面一擊擊中用戶(hù)。

運(yùn)營(yíng)設(shè)計(jì)現(xiàn)在越來(lái)越注重個(gè)性、趣味性以及視覺(jué)沖擊力,頁(yè)面的形式和技巧也是多種多樣,以上總結(jié)的方法希望能幫助大家在設(shè)計(jì)遭遇瓶頸時(shí)找尋一些解決思路。設(shè)計(jì)師需要時(shí)刻靈活創(chuàng)新汲取靈感,才能夠避免按習(xí)慣性的思維去設(shè)計(jì),不斷創(chuàng)造出新的視覺(jué)表現(xiàn)。當(dāng)然還有更重要的是運(yùn)用方法多多進(jìn)行實(shí)踐轉(zhuǎn)化成自己的東西,才能得到能力上的更大提高。

如何從用戶(hù)方面提高網(wǎng)站用戶(hù)體驗(yàn)參與感

網(wǎng)頁(yè)頁(yè)腳設(shè)計(jì)的15個(gè)注意事項(xiàng)

1.保持設(shè)計(jì)簡(jiǎn)單

是的,這是大部分設(shè)計(jì)項(xiàng)目的關(guān)鍵之一,但是這點(diǎn)也是重中之重,值得現(xiàn)在就說(shuō)。在處理大量需要放在頁(yè)腳的信息的時(shí)候,簡(jiǎn)單設(shè)計(jì)就顯得尤為重要。堅(jiān)持清理元素,保證充足的空間并有目的地組織信息。盡量避免混亂,思考哪些元素需要出現(xiàn)在你的頁(yè)腳中,以及它們?yōu)槭裁匆谀抢铩m?yè)腳的尺寸一般都跟你網(wǎng)站頁(yè)面數(shù)和信息量有關(guān)。

2. 鏈接到你的信息

網(wǎng)站頁(yè)腳中最重要的兩個(gè)鏈接分別是“關(guān)于我們”和“聯(lián)系我們”。用戶(hù)想要知道你是誰(shuí),而且想要了解你的公司和品牌。讓用戶(hù)更容易找到這些信息。還有很多人想知道你的團(tuán)隊(duì)成員以及他們的聯(lián)系方式(這是一個(gè)重要的工具。很多人弄丟了他們的名片,但會(huì)回到你的網(wǎng)站去尋找聯(lián)系人信息)

3. 包含基本聯(lián)系信息

盡管你應(yīng)該鏈接到一個(gè)完整的“聯(lián)系我們”的頁(yè)面里,在頁(yè)腳中展示相關(guān)聯(lián)系人信息也不壞。寫(xiě)上主要的電話(huà)號(hào)碼、郵箱和真實(shí)地址。(如果能夠在點(diǎn)擊時(shí)自動(dòng)撥號(hào),自動(dòng)發(fā)送郵件或者展示地圖,那就是加分了)

4. 組織頁(yè)腳的鏈接

對(duì)頁(yè)腳內(nèi)容的連接和信息進(jìn)行分類(lèi)組織會(huì)給人感覺(jué)比較好。比如把聯(lián)系方式、友情鏈接、服務(wù)、社交網(wǎng)站和一些你流量大的內(nèi)容分成幾列(或幾行)。給每個(gè)部分起一個(gè)標(biāo)題,這樣方便查看。

5. 包含版權(quán)聲明

這行小小的文字可以成為你的救星,不要忘了它。大部分網(wǎng)站把它做在網(wǎng)站底部單獨(dú)一行,而你可以考慮把它設(shè)計(jì)得更融入頁(yè)腳。版權(quán)聲明可以手寫(xiě),也可以只放一個(gè)帶圈圈的小c標(biāo)志。其文字通常包含發(fā)布年份和版權(quán)所有者的名字。可以為內(nèi)容和設(shè)計(jì)建立多個(gè)版權(quán)聲明(適用于部分由第三方創(chuàng)建的網(wǎng)站)。

6. 包含行動(dòng)呼吁

當(dāng)用戶(hù)瀏覽到你的頁(yè)腳的時(shí)候,給他們一些可做的事情。包括登記獲得郵件通知,或者邀請(qǐng)他們?cè)谏缃幻襟w上關(guān)注你。不要忘了這個(gè)區(qū)域在轉(zhuǎn)化點(diǎn)擊方面的價(jià)值。

7. 使用圖形元素

通常頁(yè)腳只是一個(gè)塊塊。添加logo或者圖形元素可以為其添加視覺(jué)上的趣味。只是要注意不要為這狹小的空間添加太多它難以承受的元素。想象一下這個(gè)場(chǎng)面:不僅僅寫(xiě)出“關(guān)注我們的微博/博客/什么的”,還包括它們的logo。你還可以使用小的標(biāo)志性元素添加在地圖或者電話(huà)號(hào)碼之類(lèi)的旁邊(不過(guò)你可能需要添加一個(gè)懸停狀態(tài)的效果以闡釋這個(gè)信息)

8. 注意對(duì)比度和可讀性

頁(yè)腳的信息通常都很小,非常小。這就使得文本元素與背景之間的顏色、字重以及對(duì)比變得非常重要。每個(gè)單詞都應(yīng)該是易于閱讀的??紤]使用簡(jiǎn)單的字體(無(wú)襯線(xiàn)字體和中等字重就很好)。選擇高對(duì)比的色彩,比如白底黑字或者黑底白字。避免使用不同的顏色或者華麗的字體。

9. 包含網(wǎng)站的設(shè)計(jì)主題

網(wǎng)站頁(yè)腳看起來(lái)不應(yīng)該像是狗尾續(xù)貂。它應(yīng)該看起來(lái)與整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格相符。顏色、樣式還有圖形元素都應(yīng)該保持一致。不要為頁(yè)腳添加一個(gè)不合適的框框,這是很常見(jiàn)的錯(cuò)誤。從項(xiàng)目伊始就應(yīng)該思考這塊地方要如何展現(xiàn),以免在設(shè)計(jì)過(guò)程中因不匹配的元素而做不下去。

10. 往小做,但別太小

通常的頁(yè)腳包含了很多小項(xiàng)目,但是注意別弄得太小了。頁(yè)腳的文字可以比網(wǎng)站主體所用的字號(hào)稍小一點(diǎn)。而圖標(biāo)和圖像要在你所選的尺寸里是可讀的(如果你看不出來(lái)這個(gè)圖標(biāo)是什么,那它就太小了)。元素必須大到易于點(diǎn)擊或觸碰。如果你的鏈接太小,或彼此挨得太近而導(dǎo)致用戶(hù)點(diǎn)不到你的鏈接,那你就蹲墻角哭去吧。

11. 多用點(diǎn)空間

由于頁(yè)腳通常都住在狹小的空間里,空間和間距就顯得很重要。給頁(yè)腳中的元素留出大量空間如同文字的行間距。足夠的間距可以讓頁(yè)腳看起來(lái)來(lái)寬松舒暢。而且方便點(diǎn)擊或觸摸。因?yàn)轫?yè)腳中的絕大部分鏈接都要鏈接到別的地方,所以這對(duì)用戶(hù)體驗(yàn)來(lái)說(shuō)也很重要。你在頁(yè)腳所使用的空間不用與你網(wǎng)站主體完全一樣(尤其是對(duì)于那些需要在主體中使用小間距的網(wǎng)站)

12. 防備太多東西

使用圖形元素和一個(gè)頭部是個(gè)好主意,但剛剛好和太過(guò)頭僅有一線(xiàn)之隔。有節(jié)制地使用這些元素,并僅為特定元素使用。問(wèn)問(wèn)你自己為什么要使用頭部、圖標(biāo)或者照片。如果答案僅僅是“因?yàn)樗雌饋?lái)很好看”,那你得重新思考一下。每個(gè)元素都應(yīng)該有其存在的意義。這會(huì)幫助你設(shè)計(jì)出可用的頁(yè)腳,而且充分利用空間。

13. 創(chuàng)建層次感

和網(wǎng)站的其他部分一樣,頁(yè)腳也應(yīng)該有自然層級(jí)。這是兩方面的設(shè)計(jì),頁(yè)腳應(yīng)該位于整個(gè)網(wǎng)站層級(jí)的最底端(畢竟這是它該在的地方)。同時(shí)其內(nèi)部的元素也應(yīng)該具有層級(jí)。最重要元素(通常是聯(lián)系信息、或者呼吁信息或者網(wǎng)站地圖)應(yīng)該是最突出的。標(biāo)準(zhǔn)的信息,比如版權(quán)信息,通常都是這個(gè)區(qū)域里最小的。

14. 考慮做子頁(yè)腳

你的頁(yè)腳是否還需要一個(gè)頁(yè)腳?考慮添加一個(gè)子頁(yè)腳圖層吧(在實(shí)際應(yīng)用中這種很流行)。子頁(yè)腳非常適合放置一些額外的層級(jí),增加頁(yè)腳的空間,防止它過(guò)于密集,或者僅僅是為了給有趣的內(nèi)容提供一點(diǎn)空間。使用這個(gè)區(qū)域來(lái)突出榮譽(yù)或者行動(dòng)呼吁。

15. 不要在這些鏈接下添加下劃線(xiàn)

頁(yè)腳的大錯(cuò)誤?讓鏈接有下劃線(xiàn)。現(xiàn)在仍有很多網(wǎng)站在他們頁(yè)腳的鏈接中使用下劃線(xiàn)。這個(gè)過(guò)時(shí)的技術(shù)并不適用于現(xiàn)代網(wǎng)站設(shè)計(jì)。

總結(jié)

頁(yè)腳可以幫你的網(wǎng)站傳遞很多信息。它會(huì)告訴用戶(hù)你是誰(shuí),網(wǎng)站都能做些什么以及如何瀏覽你的網(wǎng)站。另外它還會(huì)展示細(xì)節(jié)方面的東西,比如作為設(shè)計(jì)師對(duì)細(xì)節(jié)的關(guān)注,以及對(duì)小空間的處理能力。

頁(yè)腳是設(shè)計(jì)中的重要部分。要時(shí)刻注意。確保里面是基本信息,設(shè)計(jì)元素和可用性的好組合,這樣才能在每個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目中用最小的空間獲得最多可能

本文標(biāo)題:如何從用戶(hù)方面提高網(wǎng)站用戶(hù)體驗(yàn)參與感
瀏覽路徑:http://www.bm7419.com/news37/20937.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有做網(wǎng)站、用戶(hù)體驗(yàn)

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)