在進行移動端UX設計過程中,設計師需要考慮更多問題,確保設計出的產品能滿足用戶的使用。那麼,移動端UX設計原則有哪些?
移動端UX設計原則一:追求極簡
在空間受限時,若要將所有必要的UI元素放進界面並保持清晰有序,「追求極簡」是移動端UI設計中最重要的原則。
通常,我們在布局UI元素時很容易就會掉入一個陷阱:將過多信息打包進界面,並試圖為用戶提供他們可能想要的一切,最終導致用戶不知所措。
為避免這種情況發生,我們可以嘗試:
① 洞察移動用戶的需求,篩選出對用戶而言是必不可少的信息和功能,並盡量保持每個界面僅有一個行動目標。
② 確定好界面信息和功能的優先級排列,可利用留白、字體及其他視覺設計,進一步簡化界面。
另外,頁面加載速度也是UX設計的重要部分,在考慮功能、內容、視覺效果前,優先考慮產品加載速度,能為用戶帶來流暢舒適的用戶體驗。
【案例參考】
Instapaper的列表頁頂部設有搜索欄,方便用戶搜索感興趣的內容;底部沒有常見的標籤欄,但兩側各有一個菜單,顯得整個界面非常乾淨整潔。
移動端UX設計原則二:減少輸入
基本上,移動用戶在使用網站或APP時都不太願意輸入大量文本。
相較於PC端用戶,移動端用戶與界面的交互時間短,加上移動設備按鍵較小,若要輸入太長信息明顯不利於用戶體驗。儘管某些配件的確可以讓用戶在操作移動端的行為習慣更接近PC端,但絕大多數用戶都不會這樣使用。
因此,移動端UX設計應該:
① 對於可自動填充的內容,應提供自動填充設計;
② 當用戶開始輸入內容時,給出合理的建議;
③ 允許用戶選擇類別或以其他方式篩選內容;
④ 盡量使用選擇器代替手動輸入;
……
【案例參考】
Eventbrite作為一個在線活動策劃服務平台,它的搜索功能非常值得借鑒,尤其是基於時間搜索時間時,優先展示具體時間(如任何時候、今天、本周等),並將常規時間選擇器(年/月/日)默認排列在最後,以便用戶快速選到想要的時間段。
移動端UX設計原則三:增加控件可操作區域
在理想情況下,行動點大小取決於它在屏幕中的位置,但在移動端UI設計中,儘可能把可操作區域設計得大些總沒錯的。為什麼這樣會說?增加UI控件尺寸,擴大元素周圍的留白空間,可減少用戶誤操作,提升界面的簡潔性,同時還可以突出控件的視覺焦點。
如果你不希望控件面積過大,只要在不干擾其他UI元素的情況下,盡量增加元素可點擊範圍即可。
【案例參考】
當用戶使用Meetup並查看聚會群組時,屏幕中間有個醒目的大按鈕,以便用戶輕鬆快捷的操作。
移動端UX設計原則四:優先考慮易讀性
易讀性是所有平台UI設計都要遵守的設計,設計師需要遵循字體、字號、行高等通用原則。在移動端UI設計中,字體不宜小於16pt,否則會損害界面的易讀性。
此外,移動端UX設計還需考慮那些「不理想」的使用環境,如旅途中、繁忙街道上,以及強光狀態下等。如果想要更好的用戶體驗,易讀性設計不僅要滿足「不理想」使用環境的「理想條件」,還需要考慮「美觀」。
【案例參考】
很多閱讀型產品都支持響應式網頁設計,允許用戶設置界面信息,以確保設計的表現和延展性,但Medium.com文章展示頁或許應引起反思。
移動端UX設計原則五:輕鬆從錯誤中恢復
用戶在操作網頁或APP過程中,難免會出現錯誤。但無論這個「錯誤」是否必然發生,您都有責任幫助用戶避免,儘管您無法完全消除它們。
【案例參考】
通常產品出現列表時,都支持用戶通過左右滑動來執行某些操作。而Airmail電子郵件列表的操作有方向和長度的差異,並且可立即執行,這對需要加快工作流程的高級用戶來說,非常有用,但也容易出錯。因此,「Undo Move to Bin」按鈕就顯得非常重要,包括發送Email時,同樣也需要顯示類似的撤銷按鈕,幫助用戶從錯誤中恢復。
移動端UX設計原則有哪些?移動端UX設計相對於PC端是存在一定的差異性,因此設計師不僅需要考慮界面的流暢性和一致性,更要考慮交互過程的合理性,以及洞察用戶的群體特徵,儘可能尊重目標用戶的操作習慣。