手機端頁面設計你需要了解的4大原則
作為UI交互設計師,要想做好手機UI設計,就需要了解手機UI交互設計的8大原則,下面UI界面交互設計培訓老師帶你了解這些原 則。
就是把后臺本來很復雜的事情通過設計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設計師把生活中的細節(jié) 和數(shù)據(jù)結(jié)合的凝聚點,用戶的心理模型抓的越準,界面就會越優(yōu)秀。
手機端頁面設計原則2:培養(yǎng)用戶使用情景的思維方式做設計
要做到這個原則其實是很難的,需要長期的實戰(zhàn)經(jīng)驗才能做到這點。
那我們都知道米聊出的比微信早,但后來被微信反超,個人認為不光是QQ幫了微信很大忙,比如用戶登錄門檻低,用戶來源, 廣告打得響之類的,其實在用戶使用情景方面米聊研究的沒有微信透徹。
對于一個社交即時通訊產(chǎn)品,添加好友的功能是好友匯聚的來源,雖然米聊微信都綁定手機通訊錄,但話又說回來,用戶找手機通訊錄聯(lián)系人語音聊天的還是比較少。添加好友是引導用戶去發(fā)現(xiàn)好友,找好友, 碰好友的一扇門。所以對于這么重要的功能放 置在應用程序的哪個位置,在產(chǎn)品前期就會讓用戶明顯的去選擇用哪個應用,因為聊天工具的前提是要有人和你聊天。再回到現(xiàn)實 的界面中來,看看下面的對比:
微信1.0的時候(4.0)把添加好友放置主Tab上,方便用戶很快的添加好友
米聊2.0時還是把添加好友放置在好友列表的第一排,用戶很難發(fā)現(xiàn)
手機端頁面設計原則3:盡量少的讓用戶輸入,輸入時盡量多給出參考
移動端的虛擬鍵盤一直是科技界無法解決的一個難題,虛擬鍵盤的主要缺點:1.輸入定位無法反饋,所以無法形成高效的盲 打;2.虛擬鍵盤的空間限制,手指的點擊經(jīng)常造成誤按。光是上面這兩點就讓虛擬鍵盤在輸入上大打折扣,所以我們在設計應用程序 時,只要遇到Input Box的控件時,首先就要想到盡量讓用戶少輸入,或者智能的給出參考。
百度音樂的搜索先是把近期最熱門的歌曲依次排列在列表中,當有字輸入時,會出現(xiàn)歌手的候選詞,這里值得稱贊的是百度音樂 的搜索能根據(jù)用戶輸入的字來判斷用戶是搜索歌手還是歌名。
百度地圖也是我用得比較順手的一個地圖導航應用,在減少輸入方面也做的比較出色,百度地圖擁有cookies功能, 另外就是百度搜 索的技術(shù)應用在地名的匹配中也很讓人欣喜,在用戶輸入到一半的時候,下面的候選列表就出現(xiàn)了目標地址,用戶直接停止輸入點 擊列表即可。
手機端頁面設計原則4:全局導航需要一直存在,最好還能預覽其他模塊的動態(tài)
全局導航在Web交互設計中比較容易做到,在手機移動端全局導航要看產(chǎn)品設計的需求,什么功能需要全局導航,社交應用通常 是:消息,通知,請求;音樂視頻應用通常是:下載,搜索;工具類產(chǎn)品經(jīng)常是核心工具條(tool bar) 比如瀏覽器,語音助理,音樂 識別應用等等。
全局導航的價值在于可以讓用戶在使用過程中不會丟失信息,減少主頁面和次級頁面之間的跳轉(zhuǎn)次數(shù),當然全局導航中的 info-task要能在當前頁面完成,如果需要跳轉(zhuǎn)到新界面,就會失去全局導航的意義,因為當出現(xiàn)多個info-task的時候,就需要用 戶不停的進入全局導航頁面來完成。