移(yi)動(dong)網站上網的(de)主要(yao)設備是(shi)手機，而(er)手機和PC端的(de)電(dian)腦外觀比較，正好是(shi)相(xiang)反的(de)，雖然同(tong)樣是(shi)長方形，手機左右邊(bian)(bian)長，而(er)大部分的(de)PC端電(dian)腦是(shi)上下兩邊(bian)(bian)長，在用(yong)戶體驗上，就造成天壤地別的(de)差異，而(er)移(yi)動(dong)網站用(yong)戶體驗大的(de)特點，就是(shi)一個單(dan)頁面，不斷的(de)可以往下拉，往下拉……
既然(ran)不(bu)選(xuan)擇翻(fan)頁，選(xuan)擇往(wang)下拉，如何讓用(yong)戶(hu)保持(chi)新鮮度的(de)體驗(yan)呢(ni)?這(zhe)和傳統(tong)資訊網(wang)站比(bi)較，一篇千字內(nei)容就(jiu)可以分7-8個頁面(mian)，目(mu)的(de)很簡單，就(jiu)是(shi)(shi)不(bu)斷希望刷廣告，而移動網(wang)站對這(zhe)個設計，算(suan)是(shi)(shi)對傳統(tong)網(wang)站的(de)顛覆，但更是(shi)(shi)為了迎(ying)合(he)用(yong)戶(hu)的(de)喜(xi)歡，就(jiu)是(shi)(shi)因為它(ta)貼合(he)了用(yong)戶(hu)下意識滾動瀏(liu)覽的(de)習慣，也符合(he)內(nei)容的(de)創(chuang)建者希望被用(yong)戶(hu)看到的(de)需求。
有對比才能分出優劣，在移動網(wang)站(zhan)不(bu)斷往下(xia)(xia)拉(la)已(yi)經成為網(wang)站(zhan)標(biao)配的今天(tian)，用戶早(zao)已(yi)經習慣(guan)，如何讓用戶在不(bu)斷的下(xia)(xia)拉(la)中，不(bu)輕(qing)易跳(tiao)出網(wang)站(zhan)呢?下(xia)(xia)面和大家分享一下(xia)(xia)幾個技巧：
先，從一開始就提供有(you)趣的內容(rong)
有趣(qu)的(de)內容，這是(shi)吸引用(yong)戶(hu)的(de)法(fa)寶，有趣(qu)的(de)定(ding)義是(shi)很寬(kuan)泛(fan)的(de)，少也讓用(yong)戶(hu)覺得有用(yong)，人(ren)們通(tong)常在頁面加(jia)載時開始滾動，但是(shi)在頂部(bu)，屏幕的(de)可見部(bu)分是(shi)非常重要的(de)。頁面頂部(bu)出(chu)現的(de)東西給用(yong)戶(hu)帶(dai)來了(le)初的(de)印(yin)象(xiang)，并為用(yong)戶(hu)設(she)定(ding)了(le)質量預期。
提供(gong)有趣的事實，使用(yong)引人(ren)入勝的圖像(xiang)……當然，為了達到營(ying)銷(xiao)的目的，以行(xing)業網(wang)(wang)站為例，提供(gong)的內容要和行(xing)業相關，不要變(bian)成(cheng)八卦(gua)新聞，這(zhe)讓人(ren)看起不夠嚴肅(su)，而且那(nei)些爛大街的熱點資訊，早已經被(bei)資訊網(wang)(wang)站占滿(man)了!
知名，通過(guo)某個(ge)提示引導用戶
有時候(hou)讓用戶(hu)滾(gun)動的知(zhi)名方法就是直(zhi)接讓他們做。簡單地(di)告(gao)訴用戶(hu)，大部分內(nei)容都可(ke)以(yi)折疊起來。一個(ge)微妙的視覺提示，例如指向屏幕的箭頭或文(wen)本“向下滾(gun)動”，可(ke)以(yi)通知(zhi)用戶(hu)大多數內(nei)容可(ke)以(yi)在下面找到。
一(yi)個小小的(de)栗子，用(yong)箭頭指向屏幕，通知用(yong)戶大部分(fen)內容將(jiang)被列在下(xia)面。這種友情(qing)提示，對于用(yong)戶來(lai)說(shuo)，有一(yi)種終點的(de)感覺(jue)，他們會(hui)放(fang)松(song)一(yi)下(xia)。
當(dang)然，網站導航選項要持續可(ke)見
導航(hang)(hang)的作用是顯而易(yi)見的，也許用戶(hu)不知道(dao)該怎樣去網站的其他地方(fang)(fang)，這時(shi)候點擊(ji)“導航(hang)(hang)”就能夠回到(dao)開始(shi)的地方(fang)(fang)。
導(dao)航(hang)的(de)作(zuo)用是不(bu)(bu)管你(ni)(ni)是否(fou)迷路，你(ni)(ni)都能隨時(shi)從(cong)新(xin)開(kai)始。是網站用戶(hu)體驗的(de)一(yi)個折(zhe)中的(de)方(fang)面(mian)。在網站的(de)設計中使(shi)用長滾動(dong)的(de)大風險之(zhi)一(yi)是用戶(hu)迷失(shi)方(fang)向(xiang)的(de)可(ke)能性(xing)。如果導(dao)航(hang)欄在用戶(hu)向(xiang)下滾動(dong)時(shi)失(shi)去其可(ke)見性(xing)，那么當(dang)它們(men)深入頁(ye)面(mian)內時(shi)，它們(men)將不(bu)(bu)得不(bu)(bu)一(yi)路滾動(dong)備份。通常(chang)，這種(zhong)行(xing)為混淆和挫傷了用戶(hu)。
導(dao)(dao)航可(ke)以說(shuo)是一(yi)個(ge)工(gong)具，用戶使用這個(ge)功能就能夠非(fei)常清晰的掌握(wo)網站的大(da)體結構，導(dao)(dao)航能非(fei)常有(you)效地提升用戶的穩定感，也便于(yu)他們快速找(zhao)到(dao)想要(yao)找(zhao)的東西。
提升用(yong)戶(hu)的參與感(gan)
文字圖(tu)片(pian)內容，可以讓用戶(hu)感(gan)到有一種新鮮感(gan)，一些網站在(zai)圖(tu)片(pian)的選擇上(shang)，刻(ke)意用美女圖(tu)片(pian)，或則動態圖(tu)片(pian)，提升用戶(hu)的參與感(gan)，當然，總會有一些視覺疲勞。
在手機網站設計中，加入視差滾(gun)動動畫等創(chuang)造性效(xiao)果可(ke)以(yi)讓(rang)(rang)用戶看到到一些有趣的東西，讓(rang)(rang)用戶抱(bao)著“接(jie)下(xia)來會發生(sheng)什么?”的興趣點，繼(ji)續往下(xia)拉。
同(tong)(tong)時(shi)，基(ji)于網站的(de)頁面分解成每個塊中的(de)可滾動的(de)“塊”，網站設計(ji)可以通過(guo)創(chuang)(chuang)造(zao)性的(de)動畫來介紹內(nei)容。當用戶瀏覽時(shi)，動畫將它們轉換到下(xia)一個屏幕，同(tong)(tong)時(shi)創(chuang)(chuang)建一個內(nei)容路徑。
視(shi)(shi)差是另一種流行(xing)的動(dong)畫(hua)效果(guo)，可以改善(shan)滾動(dong)體(ti)驗(yan)。當網站想要以流暢(chang)、線(xian)性的方式講述一個故事(shi)時，長時間滾動(dong)與(yu)視(shi)(shi)差效果(guo)配(pei)對(dui)能(neng)夠創(chuang)造一個完全(quan)沉浸式瀏覽(lan)體(ti)驗(yan)。
當然，手機網站(zhan)頁面(mian)不可能無限的下(xia)拉，考慮到用(yong)(yong)戶(hu)(hu)視(shi)覺疲勞(lao)度，或(huo)者在后用(yong)(yong)超鏈接的標題繼續“勾引”用(yong)(yong)戶(hu)(hu)，引導用(yong)(yong)戶(hu)(hu)進(jin)入另一個頁面(mian)，如此不斷(duan)的反復，從而大(da)提升(sheng)網站(zhan)的用(yong)(yong)戶(hu)(hu)體驗!
