移動(dòng)端界面設計的8個(gè)優(yōu)化要點(diǎn)
左邊界面:大眾點(diǎn)評新版的價(jià)格的搜索就比之前改得更符合用戶(hù)心里模型。
右邊界面:食神搖搖的搖動(dòng)手機找餐廳更加符合大眾用戶(hù)的心里,大家應該都有那種中午不知道去哪家餐廳就餐,那么就搖一搖來(lái)隨機抽出一個(gè)附近的餐廳。
2、培養用戶(hù)使用情景的思維方式做設計
要做到這個(gè)原則其實(shí)是很難的,需要長(cháng)期的實(shí)戰經(jīng)驗才能做到這點(diǎn),我們都知道米聊出的比微信早,但后來(lái)被微信反超,個(gè)人認為不光是QQ幫了微信很大忙,比如用戶(hù)登錄門(mén)檻低,用戶(hù)來(lái)源,廣告打得響之類(lèi)的,其實(shí)在用戶(hù)使用情景方面米聊研究的沒(méi)有微信透徹。
對于一個(gè)社交即時(shí)通訊產(chǎn)品,添加好友的功能是好友匯聚的來(lái)源,雖然米聊微信都綁定手機通訊錄,但話(huà)又說(shuō)回來(lái),用戶(hù)找手機通訊錄聯(lián)系人語(yǔ)音聊天的還是比較少,添加好友是引導用戶(hù)去發(fā)現好友,找好友,碰好友的一扇門(mén),所以對于這么重要的功能放置在應用程序的哪個(gè)位置,在產(chǎn)品前期就會(huì )讓用戶(hù)明顯的去選擇用哪個(gè)應用,因為聊天工具的前提是要有人和你聊天。
3、盡量少的讓用戶(hù)輸入,輸入時(shí)盡量多給出參考
移動(dòng)端的虛擬鍵盤(pán)一直是科技界無(wú)法解決的一個(gè)難題,虛擬鍵盤(pán)的主要缺點(diǎn):①、輸入定位無(wú)法反饋,所以無(wú)法形成高效的盲打;②、虛擬鍵盤(pán)的空間限制,手指的點(diǎn)擊經(jīng)常造成誤按。
光是上面這兩點(diǎn)就讓虛擬鍵盤(pán)在輸入上大打折扣,所以我們在設計應用程序時(shí),只要遇到Input Box的控件時(shí),首先就要想到盡量讓用戶(hù)少輸入,或者智能的給出參考。
移動(dòng)端界面設計的8個(gè)優(yōu)化要點(diǎn)
百度音樂(lè )的搜索先是把近期最熱門(mén)的歌曲依次排列在列表中,當有字輸入時(shí),會(huì )出現歌手的候選詞,這里值得稱(chēng)贊的是百度音樂(lè )的搜索能根據用戶(hù)輸入的字來(lái)判斷用戶(hù)是搜索歌手還是歌名。
移動(dòng)端界面設計的8個(gè)優(yōu)化要點(diǎn)
百度地圖也是我用得比較順手的一個(gè)地圖導航應用,在減少輸入方面也做的比較出色,百度地圖擁有cookies功能, 另外就是百度搜索的技術(shù)應用在地名的匹配中也很讓人欣喜,在用戶(hù)輸入到一半的時(shí)候,下面的候選列表就出現了目標地址,用戶(hù)直接停止輸入點(diǎn)擊列表即可。
4、全局導航需要一直存在,最好還能預覽其他模塊的動(dòng)態(tài)
全局導航在Web交互設計中比較容易做到,在手機移動(dòng)端全局導航要看產(chǎn)品設計的需求,什么功能需要全局導航,
(1)、社交應用通常是:消息,通知,請求;
(2)、音樂(lè )視頻應用通常是:下載,搜索;
(3)、工具類(lèi)產(chǎn)品經(jīng)常是核心工具條(tool bar)比如瀏覽器,語(yǔ)音助理,音樂(lè )識別應用等等。
全局導航的價(jià)值在于可以讓用戶(hù)在使用過(guò)程中不會(huì )丟失信息,減少主頁(yè)面和次級頁(yè)面之間的跳轉次數,當然全局導航中的info-task要能在當前頁(yè)面完成,如果需要跳轉到新界面,就會(huì )失去全局導航的意義,因為當出現多個(gè)info-task的時(shí)候,就需要用戶(hù)不停的進(jìn)入全局導航頁(yè)面來(lái)完成。
移動(dòng)端界面設計的8個(gè)優(yōu)化要點(diǎn)
5、提供非模態(tài)的反饋,不打斷任務(wù)流
模態(tài)彈出框的書(shū)面名稱(chēng)在iphone OS中稱(chēng)作:Alert-box,在A(yíng)ndroid OS中稱(chēng):Pop-up box,我們都知道彈框會(huì )打斷任務(wù)流,所以在有限的屏幕上怎樣讓這些彈框弱化,或者說(shuō)優(yōu)雅、紳士的提醒用戶(hù),這個(gè)需要設計師來(lái)定義。
模態(tài)是指界面中只有提醒彈框才具有可交互行為,其他一切都不可操作;非模態(tài)不會(huì )把提醒做成彈框,可能會(huì )處理成List Notification,Toast list等方式來(lái)提醒用戶(hù)。
移動(dòng)端界面設計的8個(gè)優(yōu)化要點(diǎn)
Gmail是第一個(gè)把刪除的模態(tài)彈框設計成List Notification這種方式的,提醒用戶(hù)撤銷(xiāo)剛才的刪除操作,這種非模態(tài)的處理,讓刪除的流程更加順暢和輕松自如。
K歌達人第二版的彈框就是模態(tài)處理,界面很不友好,用戶(hù)在K歌過(guò)程中要被打斷三次才能發(fā)表一首自己唱的歌曲,所以降低了用戶(hù)的參與度。
6、不要讓用戶(hù)等待任務(wù)完成,用戶(hù)還要發(fā)現更多有意思的地方
移動(dòng)互聯(lián)的核心就是給用戶(hù)帶來(lái)移動(dòng)體驗的方便和高效,這是移動(dòng)互聯(lián)網(wǎng)Apps需要考慮的,用戶(hù)在使用你產(chǎn)品在很多情況下都是碎片時(shí)間,所以在設計上盡量讓用戶(hù)在短時(shí)間內熟悉我們的產(chǎn)品,知道這個(gè)產(chǎn)品的誠意,特別是某些等待界面需要設計,不能把一個(gè)很枯燥的等待界面呈現在用戶(hù)的面前,那用戶(hù)很快就會(huì )換其他apps。
在Instagram拍完照片后,點(diǎn)擊上傳后,它的處理方式是回到首頁(yè)的位置,告訴你的照片正在提交,并不是顯示一個(gè)上傳進(jìn)度的界面,讓用戶(hù)看那上傳百分比。
移動(dòng)端界面設計的8個(gè)優(yōu)化要點(diǎn)
因此我們在設計米吧上傳歌曲文件時(shí)也只是告知用戶(hù)后臺正在幫你上傳,叫用戶(hù)放心,用戶(hù)自然就會(huì )去玩其他的功能,沒(méi)有讓用戶(hù)焦慮的等待,等上傳完畢時(shí),我們再用Toast list通知用戶(hù)已經(jīng)上傳成功,這樣把查看上傳結果的主動(dòng)權交給用戶(hù)。
7、自動(dòng)保存用戶(hù)的輸入成果
在移動(dòng)端,由于輸入面板的復雜性,而且觸摸輸入沒(méi)有物理按鍵的反饋自然,特別是手機上去輸入一段文字或者信息,對用戶(hù)而言本身就是一件很痛苦的事情;對產(chǎn)品而言,用戶(hù)的在你的產(chǎn)品中輸入是一個(gè)很值得慶幸的事情,所以設計人員需要讓你的apps自動(dòng)保存用戶(hù)的輸入成果。