面向網頁設計師的移動網頁設計簡明指南

發布時間:2019-10-30 12:55:00

這里的每個人都是產品經理[開學],BAT實際上是派產品總監帶你去學習產品和操作。

面向網頁設計師的移動網頁設計簡明指南

這里的每個人都是產品經理[開學],BAT實際上是派產品總監帶你去學習產品和操作。

早在幾年前,移動終端的數據流量就已經超過臺式機,手機和平板電腦占據了主流,而兼具兩者優勢的大屏幕手機則更受歡迎。對于今天的設計師來說,很難說真正的首個屏幕是桌面還是移動界面。也許并不準確,但“手機屏幕為主”與實際情況非常接近。創造一個優秀的小屏幕用戶體驗是當今設計師的本能。

那么,創造出色的移動用戶體驗最重要的是什么?好照片?優雅的偶像?或者一個詳細的用戶界面?如果你經常瀏覽移動網頁,你應該期待無縫流暢的導航體驗。從一個界面到另一個界面,沒有延遲,沒有錯位的視覺元素,以及完整的內容加載。用戶不能因為這樣的瀏覽體驗而停下來,轉化率的提高是顯而易見的。

真正優秀的導航體驗可以幫助用戶更好地找到自己想要的內容,而不是把更多的信息塞進有限的屏幕,準確地在菜單欄中添加有用、易用和主要的項目是最明智的選擇。

很多網頁的內容非常多,在界面中引入搜索引擎可以幫助用戶更快地過濾內容。移動終端屏幕尺寸的限制決定了頁面所能承載的內容是有限的,不能像桌面終端那樣系統、全面地顯示信息。

用戶希望該網站能夠提供對準確信息的快速訪問。除了漫無目的的瀏覽,用戶通常會有目的地找到某種文章,甚至一些文章,希望找到一個產品,搜索引擎可以迅速縮小瀏覽范圍。

有效的解決方案是將搜索功能放在屏幕頂部,無論是移動網頁還是應用程序。其設計優勢在于便于查找,也符合用戶的日常瀏覽習慣。

維基百科的移動頁面自然會將搜索框放在頁面頂部,這取決于網站的屬性。但LinkedIn將其搜索功能放在底部的菜單欄中,這在某種意義上也固化在界面中,這也是合乎邏輯的——畢竟,其社交屬性高于信息搜索。

作為從桌面繼承的最重要的符號,首頁上的小房子圖標就是約定的存在。當用戶看到這個圖標時,他們通常清楚地知道它的含義。

在移動端,主頁的功能明顯放大,因為在移動端具有強交互和多界面的情況下,主頁圖標的存在使得用戶更高效和更快地理解主頁在何處,其中包含了主要內容,以及他們知道在哪里開始。同時,移動主頁的存在使得更多內容成為承載的核心。

在多任務、強交互的移動終端中也有一種普遍的情況,即手機、短信和推送無處不在,用戶很容易被過去各種彈出信息所吸引,一旦用戶瀏覽其他信息,然后返回瀏覽器,網站主頁就成為信息的重要中轉站。

艾伯森的手機頁面隱藏了漢堡圖標下的側邊欄主頁圖標。甚至twitter也被改造成使用無限滾動界面,在設計客戶端時,它習慣性地在底部的菜單欄中固定主頁的按鈕。

如今,隨著社交媒體的發展,社交分享已經成為用戶生活中不可或缺的一部分。移動用戶會看到各種內容、產品不同平臺、共享按鈕、必不可少的。

事實上,移動端的共享比桌面上的共享更快捷、更受歡迎。一方面,共享在移動設備的共同交互模式中扮演著重要角色。這就是為什么你應該添加一個共享按鈕到你的導航或菜單。

畢竟,有很多內容吸引用戶,作為網站的所有者,他想不惜一切代價分享自己的內容,對吧?

電子商務和內容強大的網站內容復雜,導航內容有限,因此相關的分類和推薦是相當實用的。當關鍵詞系統和分類系統足夠完善時,相關推薦和分類推薦會讓用戶流連忘返。

無論是購物還是消費內容網站,菜單通常不需要添加太多關于我們的鏈接和聯系我們。如果我們在分類和推薦方面做得好,它將更好地保留用戶。

jcpenney和ebgames的移動頁面將在漢堡菜單中隱藏類別目錄,用戶將更有效地從類別目錄中瀏覽產品。

設計師總是想為用戶做更多的事情,但在移動導航設計中,通常做得比多做得少要好。太多的選擇通常會讓用戶很忙,而對于越來越多選擇強迫癥的用戶來說,這更是災難性的。

桌面頁面上堆積如山的內容已經讓用戶坐立不安。用戶很難接受在移動終端上跟蹤它的想法。不管你是否愿意承認,用戶可用的時間都比較零散,只有當信息呈現得更快、更直接時,才能引起注意和關注。仔細考慮和選擇是贏得移動網頁的途徑。


聯系我們,談您的需求

立即咨詢
青海十一选五走势图表