<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點和您一起共享

    網(wǎng)站分頁導航對用戶體驗和優(yōu)化的影響幾何?發(fā)布者:本站     時間:2019-01-29 09:01:20

    在博客、雜志甚至是大多數(shù)站點中,分頁的點擊次數(shù)可能比搜索還要多,因為在很多時候,訪客并沒有明確自己的需求,只是在網(wǎng)頁中一頁接著一頁的瀏覽信息,如果在分頁上有良好的用戶體驗同時又能引導訪客進行瀏覽,就能大大增加網(wǎng)站的黏性。但在很多站點中,分頁并沒有得到足夠多的重視,即便是花時間來制作分頁也不過是基于圖標的樣式和設計,對分頁組件的整體理念并沒有清晰的認識。

    在這之前我們首先要明白的是“什么是分頁導航”。在搜索引擎的搜索結果頁中,“下一頁”、“上一頁”、“2”、“3”這樣的鏈接就是一個分頁組件,如果用戶在第一頁沒有找到自己需要的信息則會下一頁下一頁地反復瀏覽頁面,當然,如果用戶迫切的需要找到一段時間以前的信息,也可能選擇跳頁,良好的分頁設計就是能夠在最少的時間內幫助用戶到達他需要的頁面。這其中包括一些基本的分頁設計原則和技巧,雖然它們很微小但卻常常成為新手最容易忽略的問題:

    在原標簽頁中打開

    聽起來像是再簡單不過的一件事,但確是新手最容易犯錯的地方??梢韵胂笠幌氯绻斈泓c擊“下一頁”“上一頁”這些按鈕時,突然打開一個新的標簽頁,如果點擊的太快還有可能打開多個標簽頁,不管網(wǎng)站內容本身有多好,當你反復的被這樣的分頁困擾時也沒有興趣再瀏覽下去。很多人習慣在中標注新窗口打開,在設計分頁時就需要額外注意這點。

    最后一頁

    在百度的搜索結果頁和淘寶中,都能發(fā)現(xiàn)他們并不提供直接跳轉到最后一頁,一方面是數(shù)據(jù)本身很大不利于計算,一方面則是考慮到排名的有利性。在用戶瀏覽時如果多出一個最后一頁,我想很多人在反復找不到自己需要的信息也會從后往前找,但是在具有排名性的搜索結果中最好不要提供最后一頁的選項,這樣才能夠規(guī)定用戶必須是從前向后。想象一下如果存在“最后一頁”的按鈕,根據(jù)排名來算最后一頁的信息肯定是低質的,當用戶直接跳轉到最后一頁時會大大影響體驗,對百度來說也不好在最后一頁再搞上競價。

    當然這也是根據(jù)行業(yè)不同而有所區(qū)別的,比如一些資源網(wǎng)站,提供最后一頁跳頁等等翻頁功能可能會對用戶的瀏覽有幫助,如果你考慮是否要放置這樣一個按鈕也要結合實際的網(wǎng)站類型,并不是說取消“最后一頁”的按鈕就是最好的選擇。

    跳頁

    有過瀏覽論壇經(jīng)驗的朋友能發(fā)現(xiàn)在論壇中都會出現(xiàn)“電梯”“跳往幾樓”之類的按鈕,這有些類似于搜索的自定義選擇,如果用戶對他的信息檢索排頁方式不滿意或者清楚的知道自己需要的信息大約在哪一頁就會使用“跳頁”,但也不是說跳頁就是必須要有的功能,比如淘寶有按時間排列按銷售排列這樣的功能,跳頁就能很好的展示商品,而搜索引擎則只是為了保證信息按質量和相關度排列,所以盡可能的簡化操作取消跳頁,他們的目的在于讓用戶從前幾頁中獲取信息。

    在添加跳頁時也需要考慮用戶的感受,特別是跳頁后的確定按鈕是否能夠友好的點擊到(不少論壇都很難點擊),當激活跳頁輸入框時,按下Enter鍵要也可以觸發(fā)事件,在瀏覽一定的頁面之后才出現(xiàn)跳頁輸入框等等,用戶雖然不會直觀的明白你所有的細節(jié),但他們能感受到一個網(wǎng)站是“好”還是“壞”。

    快速返回首頁

    通常處理快速返回首頁的辦法是,在瀏覽到較多的頁面時,將“1”代表的第一頁獨立出來,和最近展示的幾個頁碼放在一起,用戶當然知道這里的“1”就是直接跳往第一頁。實際上這只有在列表頁面和較多的展示內容時才會有所體驗,很多開發(fā)者喜歡直接放上一個“首頁”按鈕,但相比較而言,在瀏覽之后才出現(xiàn)“1”這樣的設計更能給用戶好感。因為這樣的“1”按鈕在第一頁時是默認不可點擊作為頁碼顯示,而“首頁”這樣的按鈕如果頻繁出現(xiàn)則會給用戶造成選擇上的困難,當你在一排中放上多個按鈕,即便是每個按鈕上都有明確的文字,也是在讓用戶選擇,一個成功和具有高度用戶體驗的網(wǎng)站的要點就是,讓用戶盡快的明白自己要做什么,哪里才需要自己點擊。

    有的開發(fā)者也注意到幾乎所有的搜索引擎都沒有返回第一頁的按鈕,因為搜索引擎是按相關性排列的,當你瀏覽超過5頁時可能這個搜索詞就與你的預期結果有一定差距,這時用戶會選擇搜索引擎在分頁旁邊推薦的“相關搜索”和其他關鍵詞進入其他頁面。

    整體的平衡性


    當你留給分頁組件一個足夠大的區(qū)域時,你可能想設計擁有“上一頁”、“下一頁”、“跳頁”等等按鈕,在瀏覽多個頁面時也給予用戶選擇第一頁的權利,但要注意這時不能再展示過多的頁碼。想像一下,一個頁面上有近十個頁碼,同時又有這些功能性的按鈕,會嚴重干擾用戶的選擇。比如提供了前后各5頁的展示還有跳頁,當用戶想要往后跳轉7頁時就有很多種選擇,他既可以輸入7來跳頁,又可以先往后翻5頁,也能先點擊下一頁瀏覽再點擊頁碼跳頁等等,這樣的猶豫對于用戶來說會很煩躁,有時候并不是留給用戶的選擇越多越好。

    準確而精簡的設計往往最能得到用戶青睞的。

    說起來這也不過是網(wǎng)站用戶體驗中的一小部分,我也沒有系統(tǒng)的收集各方面的資料分析,只是分享一些自己的經(jīng)驗看法。仔細想想這些細節(jié)給用戶帶來的感受時,我更覺得開發(fā)者并不能只專注代碼、運營、設計,要為用戶考慮的更多,畢竟網(wǎng)站還是做給訪客的,并不能看作開發(fā)者自娛自樂的產品。

    對一些純編程、后端、算法工作者轉向前端或建站之類的工作來說,可能對代碼傾注的注意力過大而導致網(wǎng)站太專業(yè)化,在同行業(yè)里固然是不錯的作品甚至是藝術品,但對大眾用戶來說則并沒有良好的體驗。分頁上的整體理念不過是站點的一個縮影,真正能拿出來說的干貨并不多,只是借由這細微的一點來談談用戶體驗而已。




    選擇我們,優(yōu)質服務,不容錯過
    1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
    3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
    ------------------------------------------------------------
    24小時聯(lián)系電話:021-58370032
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>