早在幾年前移動端的數(shù)據(jù)流量就已經(jīng)超過桌面端了，手機和平板占據(jù)主流，而融合兩者優(yōu)勢的巨屏手機更是大行其道。對于現(xiàn)在的設(shè)計師而言，真正的第一屏到底是桌面還是移動端界面，真的很難說了。也許“移動端優(yōu)先”的說法并不準(zhǔn)確，但是“移動端屏幕為主”的說法和實際狀況已經(jīng)非常接近了。打造優(yōu)秀的小屏用戶體驗，已經(jīng)是當(dāng)今設(shè)計師深入骨髓的本能了。
給網(wǎng)頁設(shè)計師的移動端網(wǎng)頁設(shè)計簡明指南
那么造就優(yōu)秀的移動端用戶體驗，最重要的是什么？精細(xì)的圖片？雅致的圖標(biāo)？還是細(xì)致入微的UI界面？如果你經(jīng)常瀏覽移動端網(wǎng)頁，你最期待的應(yīng)該還是無縫而流暢的導(dǎo)航體驗。從一個界面流暢的切換到另一個界面，沒有遲滯，沒有錯位的視覺元素，完整的內(nèi)容加載，用戶對于這樣的瀏覽體驗是欲罷不能的，轉(zhuǎn)化率的提升是顯而易見的。
真正優(yōu)秀的導(dǎo)航體驗往往能更好地幫助用戶找到他們想要的內(nèi)容，而不是在有限的屏幕上塞入更多的信息，精準(zhǔn)地在菜單欄里面加入有用的、易用的、主要的條目，才是最明智的選擇。
搜索
許多網(wǎng)頁的內(nèi)容非常多，在界面中引入搜索引擎能夠幫用戶更快地篩選內(nèi)容。移動端屏幕尺寸的限制就已經(jīng)決定了頁面能承載的內(nèi)容有限，無法像桌面端那樣來系統(tǒng)而全面的展現(xiàn)信息。
用戶期待網(wǎng)站能夠提供一個能快速獲取精準(zhǔn)信息的渠道，撇開漫無目的的瀏覽，用戶通常會有有目的地找某類文章甚至某篇文章，希望找到某個產(chǎn)品，而搜索引擎可以很快地縮小瀏覽的范疇。
最好的方案是將搜索功能置于屏幕頂端，無論是移動端網(wǎng)頁還是APP，這種設(shè)計好處在于它易于發(fā)現(xiàn)，還符合用戶日常的瀏覽習(xí)慣。給網(wǎng)頁設(shè)計師的移動端網(wǎng)頁設(shè)計簡明指南
維基百科的移動端頁面自然而然地將搜索框置于頁面頂部，這是網(wǎng)站屬性所決定的。但是LinkedIn 則將搜索功能置于底部菜單欄當(dāng)中，這也是某種意義上的固化于界面，這也符合邏輯——畢竟它的社交屬性高于信息搜索。
首頁
作為從桌面端繼承過來的最主要的意符，首頁的小房子圖標(biāo)稱得上是約定俗成的存在。當(dāng)用戶看到這個這個圖標(biāo)的時候通常會很清晰地知道它所代表的含義。
在移動端上，首頁的作用被明顯放大的，因為在強交互多界面的移動端，首頁圖標(biāo)的存在讓用戶更高效、更快捷地明白哪里是首頁、哪里包含了最主要的內(nèi)容，他們知道從哪里開始。與此同時，移動端首頁的存在讓更多的內(nèi)容有了承載的核心。
多任務(wù)、強交互的移動端還存在一個常見的狀況，就是電話、短信、推送無處不在，用戶很容易被各種彈出信息吸引過去，而一旦用戶瀏覽了其他的信息之后，再回到瀏覽器的時候，網(wǎng)站首頁就成了信息的重要中轉(zhuǎn)了。
給網(wǎng)頁設(shè)計師的移動端網(wǎng)頁設(shè)計簡明指南
Albertson 的移動端頁面將首頁的圖標(biāo)隱藏在漢堡圖標(biāo)下的側(cè)邊欄當(dāng)中，即使是轉(zhuǎn)型使用無限滾動界面的Twitter，在設(shè)計客戶端的時候也習(xí)慣性地將首頁按鈕固化在底部的菜單欄當(dāng)中。
分享按鈕
事到如今，社會化分享已經(jīng)隨著社交媒體的火熱發(fā)展而成為了用戶生活中不可或缺的一部分。移動端的用戶會將看到的、好玩的、有趣的、有用的各種內(nèi)容、產(chǎn)品不同的平臺，分享按鈕，必不可少。
實際上，移動端的分享比桌面端的分享更多、更快也更加深入人心。移動端設(shè)備的易用和普及是一方面，移動端的常見交互模式中，分享也占據(jù)著一席之地。這也是為什么，你應(yīng)當(dāng)在你的導(dǎo)航或者菜單中加入分享按鈕。
給網(wǎng)頁設(shè)計師的移動端網(wǎng)頁設(shè)計簡明指南
畢竟，吸引用戶的內(nèi)容并不少，并且作為網(wǎng)站的所有者，也是希望不惜一切代價將自己的內(nèi)容分享出去，不是么？
相關(guān)類別與推薦電商類和強內(nèi)容類的網(wǎng)站，內(nèi)容龐雜，導(dǎo)航中能夠容納的內(nèi)容有限，所以相關(guān)類別和相關(guān)推薦就顯得相當(dāng)實用了。在關(guān)鍵詞系統(tǒng)和分類系統(tǒng)足夠完善的時候，相關(guān)推薦和類別推薦會讓用戶流連忘返。不論是購物還是消費內(nèi)容的網(wǎng)站，菜單中通常不太需要加入太多的關(guān)于我們、聯(lián)系我們這類鏈接，將分類和推薦做好會更好地留住用戶。
給網(wǎng)頁設(shè)計師的移動端網(wǎng)頁設(shè)計簡明指南移動端網(wǎng)頁都將在漢堡菜單當(dāng)中隱藏了分類目錄，用戶會更加高效地從分類目錄中瀏覽商品。
選擇不多的菜單選項
設(shè)計師總想為用戶做更多的事情，然而在移動端導(dǎo)航設(shè)計這件事情上，通常少總好過多。過多的選擇通常會讓用戶忙亂，對于日益增長的選擇強迫癥用戶而言更是災(zāi)難性的。
桌面端網(wǎng)頁堆積如山的內(nèi)容已經(jīng)讓用戶煩躁無比了，移動端上再沿襲這個思路，用戶是難于接受的。不管你愿不愿意承認(rèn)，現(xiàn)在的用戶可用的時間更加碎片化，信息只有更加快捷直接的呈現(xiàn)，才能被注意、被關(guān)注。深思熟慮和精挑細(xì)選是移動端網(wǎng)頁的取勝之道。