有研究表明,大部分人在使用手機時,習(xí)慣用單個拇指進行操作。即使是小屏幕手機,單拇指都不一定能按到屏幕的每一個位置。所以,在進行手機網(wǎng)頁設(shè)計時,需要設(shè)置按鈕的位置必須是方便單手操作的用戶。一般來說,手機屏幕底部是最容易觸摸的位置之一,所以手機網(wǎng)站建設(shè)的導(dǎo)航欄會設(shè)置在底部。關(guān)于底部導(dǎo)航欄需要堅持這幾個原則。

第一、只放最重要功能。手機網(wǎng)站導(dǎo)航和PC端導(dǎo)航的共同點就是,只放對用戶來說最重要功能。例如一個電商網(wǎng)站,最重要的功能莫過于產(chǎn)品分類、聯(lián)系客服、購物車、我的訂單,而類似“關(guān)于我們”這種功能就不適合放在導(dǎo)航欄。因為用戶在逛電商網(wǎng)站時,關(guān)注的是產(chǎn)品,而非企業(yè)本身。如果是企業(yè)官網(wǎng),就“關(guān)于我們”就會顯得比較重要。根據(jù)網(wǎng)站類型不同,導(dǎo)航欄的內(nèi)容也要作調(diào)整,建議3-5個最適宜。
第二、避免滾動設(shè)計。有些站長會認為,設(shè)置多幾個功能也無所謂,反正可以采用滾動設(shè)計。而滾動設(shè)計會隱藏一部分功能,用戶只會使用可見的幾個功能,這種情況就降低了其他功能的使用率。而且在確定哪些功能被隱藏的時候,站長已經(jīng)有了對這些功能有了重要性排序,那為什么不直接刪掉重要性不高、使用不頻繁的功能呢?
第三、文字簡短明確。手機端網(wǎng)站的導(dǎo)航喜歡采用圖片,而大部分圖標(biāo)蘊含了不止一個信息。所以多采用“文字+圖標(biāo)”的展現(xiàn)方式,通過添加文字進行補充說明。因為導(dǎo)航欄的圖標(biāo)已經(jīng)占據(jù)了絕大部分的空間,且字體比較小,所以導(dǎo)航欄的說明文字不適宜過長,2-4個字為佳。
第四、告知當(dāng)前位置。導(dǎo)航欄最重要的作用,就是告知用戶當(dāng)前位置。在手機端網(wǎng)站也需要保證這一點。所以,可以為選中的功能設(shè)置不一樣的格式,如顏色變化、懸浮等。只要方便用戶確定當(dāng)前位置即可。
建設(shè)正確的導(dǎo)航是每一個手機網(wǎng)站優(yōu)先考慮的事情。這種做法背后的目的是創(chuàng)建符合用戶的使用習(xí)慣的交互系統(tǒng)。上面4個原則不是全部,但希望能幫助到有需要的站長。