2018-10-26 16:12:05
移動(dòng)網(wǎng)站上網(wǎng)的主要設(shè)備是手機(jī),而手機(jī)和PC端的電腦外觀比較,正好是相反的,雖然同樣是長方形,手機(jī)左右邊長,而大部分的PC端電腦是上下兩邊長,在用戶體驗(yàn)上,就造成天壤地別的差異,而移動(dòng)網(wǎng)站用戶體驗(yàn)大的特點(diǎn),就是一個(gè)單頁面,不斷的可以往下拉,往下拉……
既然不選擇翻頁,選擇往下拉,如何讓用戶保持新鮮度的體驗(yàn)?zāi)?這和傳統(tǒng)資訊網(wǎng)站比較,一篇千字內(nèi)容就可以分7-8個(gè)頁面,目的很簡(jiǎn)單,就是不斷希望刷廣告,而移動(dòng)網(wǎng)站對(duì)這個(gè)設(shè)計(jì),算是對(duì)傳統(tǒng)網(wǎng)站的顛覆,但更是為了迎合用戶的喜歡,就是因?yàn)樗N合了用戶下意識(shí)滾動(dòng)瀏覽的習(xí)慣,也符合內(nèi)容的創(chuàng)建者希望被用戶看到的需求。
有對(duì)比才能分出優(yōu)劣,在移動(dòng)網(wǎng)站不斷往下拉已經(jīng)成為網(wǎng)站標(biāo)配的今天,用戶早已經(jīng)習(xí)慣,如何讓用戶在不斷的下拉中,不輕易跳出網(wǎng)站呢?下面和大家分享一下幾個(gè)技巧:
首先,從一開始就提供有趣的內(nèi)容
有趣的內(nèi)容,這是吸引用戶的法寶,有趣的定義是很寬泛的,少也讓用戶覺得有用,人們通常在頁面加載時(shí)開始滾動(dòng),但是在頂部,屏幕的可見部分是非常重要的。頁面頂部出現(xiàn)的東西給用戶帶來了初的印象,并為用戶設(shè)定了質(zhì)量預(yù)期。
提供有趣的事實(shí),使用引人入勝的圖像……當(dāng)然,為了達(dá)到營銷的目的,以行業(yè)網(wǎng)站為例,提供的內(nèi)容要和行業(yè)相關(guān),不要變成八卦新聞,這讓人看起不夠嚴(yán)肅,而且那些爛大街的熱點(diǎn)資訊,早已經(jīng)被資訊網(wǎng)站占滿了!
好,通過某個(gè)提示引導(dǎo)用戶
有時(shí)候讓用戶滾動(dòng)的好方法就是直接讓他們做。簡(jiǎn)單地告訴用戶,大部分內(nèi)容都可以折疊起來。一個(gè)微妙的視覺提示,例如指向屏幕的箭頭或文本“向下滾動(dòng)”,可以通知用戶大多數(shù)內(nèi)容可以在下面找到。
一個(gè)小小的栗子,用箭頭指向屏幕,通知用戶大部分內(nèi)容將被列在下面。這種友情提示,對(duì)于用戶來說,有一種終點(diǎn)的感覺,他們會(huì)放松一下。
當(dāng)然,網(wǎng)站導(dǎo)航選項(xiàng)要持續(xù)可見
導(dǎo)航的作用是顯而易見的,也許用戶不知道該怎樣去網(wǎng)站的其他地方,這時(shí)候點(diǎn)擊“導(dǎo)航”就能夠回到開始的地方。
導(dǎo)航的作用是不管你是否迷路,你都能隨時(shí)從新開始。是網(wǎng)站用戶體驗(yàn)的一個(gè)折中的方面。在網(wǎng)站的設(shè)計(jì)中使用長滾動(dòng)的大風(fēng)險(xiǎn)之一是用戶迷失方向的可能性。如果導(dǎo)航欄在用戶向下滾動(dòng)時(shí)失去其可見性,那么當(dāng)它們深入頁面內(nèi)時(shí),它們將不得不一路滾動(dòng)備份。通常,這種行為混淆和挫傷了用戶。
導(dǎo)航可以說是一個(gè)工具,用戶使用這個(gè)功能就能夠非常清晰的掌握網(wǎng)站的大體結(jié)構(gòu),導(dǎo)航能非常有效地提升用戶的穩(wěn)定感,也便于他們快速找到想要找的東西。
提升用戶的參與感
文字圖片內(nèi)容,可以讓用戶感到有一種新鮮感,一些網(wǎng)站在圖片的選擇上,刻意用美女圖片,或則動(dòng)態(tài)圖片,提升用戶的參與感,當(dāng)然,總會(huì)有一些視覺疲勞。
在手機(jī)網(wǎng)站設(shè)計(jì)中,加入視差滾動(dòng)動(dòng)畫等創(chuàng)造性效果可以讓用戶看到到一些有趣的東西,讓用戶抱著“接下來會(huì)發(fā)生什么?”的興趣點(diǎn),繼續(xù)往下拉。
同時(shí),基于網(wǎng)站的頁面分解成每個(gè)塊中的可滾動(dòng)的“塊”,網(wǎng)站設(shè)計(jì)可以通過創(chuàng)造性的動(dòng)畫來介紹內(nèi)容。當(dāng)用戶瀏覽時(shí),動(dòng)畫將它們轉(zhuǎn)換到下一個(gè)屏幕,同時(shí)創(chuàng)建一個(gè)內(nèi)容路徑。
視差是另一種流行的動(dòng)畫效果,可以改善滾動(dòng)體驗(yàn)。當(dāng)網(wǎng)站想要以流暢、線性的方式講述一個(gè)故事時(shí),長時(shí)間滾動(dòng)與視差效果配對(duì)能夠創(chuàng)造一個(gè)完全沉浸式瀏覽體驗(yàn)。
當(dāng)然,手機(jī)網(wǎng)站頁面不可能無限的下拉,考慮到用戶視覺疲勞度,或者在后用超鏈接的標(biāo)題繼續(xù)“勾引”用戶,引導(dǎo)用戶進(jìn)入另一個(gè)頁面,如此不斷的反復(fù),從而大提升網(wǎng)站的用戶體驗(yàn)!