手機(jī)端頁(yè)面設(shè)計(jì)你需要了解的4大原則

作為UI交互設(shè)計(jì)師，要想做好手機(jī)UI設(shè)計(jì)，就需要了解手機(jī)UI交互設(shè)計(jì)的8大原則，下面UI界面交互設(shè)計(jì)培訓(xùn)老師帶你了解這些原 則。

就是把后臺(tái)本來(lái)很復(fù)雜的事情通過(guò)設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié) 和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶的心理模型抓的越準(zhǔn)，界面就會(huì)越優(yōu)秀。

手機(jī)端頁(yè)面設(shè)計(jì)原則2：培養(yǎng)用戶使用情景的思維方式做設(shè)計(jì)

要做到這個(gè)原則其實(shí)是很難的，需要長(zhǎng)期的實(shí)戰(zhàn)經(jīng)驗(yàn)才能做到這點(diǎn)。

那我們都知道米聊出的比微信早，但后來(lái)被微信反超，個(gè)人認(rèn)為不光是QQ幫了微信很大忙，比如用戶登錄門檻低，用戶來(lái)源， 廣告打得響之類的，其實(shí)在用戶使用情景方面米聊研究的沒(méi)有微信透徹。

對(duì)于一個(gè)社交即時(shí)通訊產(chǎn)品，添加好友的功能是好友匯聚的來(lái)源，雖然米聊微信都綁定手機(jī)通訊錄，但話又說(shuō)回來(lái)，用戶找手機(jī)通訊錄聯(lián)系人語(yǔ)音聊天的還是比較少。添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友，找好友, 碰好友的一扇門。所以對(duì)于這么重要的功能放 置在應(yīng)用程序的哪個(gè)位置，在產(chǎn)品前期就會(huì)讓用戶明顯的去選擇用哪個(gè)應(yīng)用，因?yàn)榱奶旃ぞ叩那疤崾且腥撕湍懔奶?。再回到現(xiàn)實(shí) 的界面中來(lái)，看看下面的對(duì)比：

微信1.0的時(shí)候(4.0)把添加好友放置主Tab上，方便用戶很快的添加好友

米聊2.0時(shí)還是把添加好友放置在好友列表的第一排，用戶很難發(fā)現(xiàn)

手機(jī)端頁(yè)面設(shè)計(jì)原則3：盡量少的讓用戶輸入，輸入時(shí)盡量多給出參考

移動(dòng)端的虛擬鍵盤一直是科技界無(wú)法解決的一個(gè)難題，虛擬鍵盤的主要缺點(diǎn)：1.輸入定位無(wú)法反饋，所以無(wú)法形成高效的盲 打;2.虛擬鍵盤的空間限制，手指的點(diǎn)擊經(jīng)常造成誤按。光是上面這兩點(diǎn)就讓虛擬鍵盤在輸入上大打折扣，所以我們?cè)谠O(shè)計(jì)應(yīng)用程序 時(shí)，只要遇到Input Box的控件時(shí)，首先就要想到盡量讓用戶少輸入，或者智能的給出參考。

百度音樂(lè)的搜索先是把近期最熱門的歌曲依次排列在列表中，當(dāng)有字輸入時(shí)，會(huì)出現(xiàn)歌手的候選詞，這里值得稱贊的是百度音樂(lè) 的搜索能根據(jù)用戶輸入的字來(lái)判斷用戶是搜索歌手還是歌名。

百度地圖也是我用得比較順手的一個(gè)地圖導(dǎo)航應(yīng)用，在減少輸入方面也做的比較出色，百度地圖擁有cookies功能, 另外就是百度搜 索的技術(shù)應(yīng)用在地名的匹配中也很讓人欣喜，在用戶輸入到一半的時(shí)候，下面的候選列表就出現(xiàn)了目標(biāo)地址，用戶直接停止輸入點(diǎn) 擊列表即可。

手機(jī)端頁(yè)面設(shè)計(jì)原則4：全局導(dǎo)航需要一直存在，最好還能預(yù)覽其他模塊的動(dòng)態(tài)

全局導(dǎo)航在Web交互設(shè)計(jì)中比較容易做到，在手機(jī)移動(dòng)端全局導(dǎo)航要看產(chǎn)品設(shè)計(jì)的需求，什么功能需要全局導(dǎo)航，社交應(yīng)用通常 是：消息，通知，請(qǐng)求;音樂(lè)視頻應(yīng)用通常是：下載，搜索;工具類產(chǎn)品經(jīng)常是核心工具條(tool bar) 比如瀏覽器，語(yǔ)音助理，音樂(lè) 識(shí)別應(yīng)用等等。

全局導(dǎo)航的價(jià)值在于可以讓用戶在使用過(guò)程中不會(huì)丟失信息，減少主頁(yè)面和次級(jí)頁(yè)面之間的跳轉(zhuǎn)次數(shù)，當(dāng)然全局導(dǎo)航中的 info-task要能在當(dāng)前頁(yè)面完成，如果需要跳轉(zhuǎn)到新界面，就會(huì)失去全局導(dǎo)航的意義，因?yàn)楫?dāng)出現(xiàn)多個(gè)info-task的時(shí)候，就需要用 戶不停的進(jìn)入全局導(dǎo)航頁(yè)面來(lái)完成。