移動(dòng)端界面設(shè)計(jì)的8個(gè)優(yōu)化要點(diǎn)
左邊界面:大眾點(diǎn)評(píng)新版的價(jià)格的搜索就比之前改得更符合用戶心里模型。
右邊界面:食神搖搖的搖動(dòng)手機(jī)找餐廳更加符合大眾用戶的心里,大家應(yīng)該都有那種中午不知道去哪家餐廳就餐,那么就搖一搖來隨機(jī)抽出一個(gè)附近的餐廳。
2、培養(yǎng)用戶使用情景的思維方式做設(shè)計(jì)
要做到這個(gè)原則其實(shí)是很難的,需要長(zhǎng)期的實(shí)戰(zhàn)經(jīng)驗(yàn)才能做到這點(diǎn),我們都知道米聊出的比微信早,但后來被微信反超,個(gè)人認(rèn)為不光是QQ幫了微信很大忙,比如用戶登錄門檻低,用戶來源,廣告打得響之類的,其實(shí)在用戶使用情景方面米聊研究的沒有微信透徹。
對(duì)于一個(gè)社交即時(shí)通訊產(chǎn)品,添加好友的功能是好友匯聚的來源,雖然米聊微信都綁定手機(jī)通訊錄,但話又說回來,用戶找手機(jī)通訊錄聯(lián)系人語音聊天的還是比較少,添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友,找好友,碰好友的一扇門,所以對(duì)于這么重要的功能放置在應(yīng)用程序的哪個(gè)位置,在產(chǎn)品前期就會(huì)讓用戶明顯的去選擇用哪個(gè)應(yīng)用,因?yàn)榱奶旃ぞ叩那疤崾且腥撕湍懔奶臁?br style="color: rgb(85, 85, 85); font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 30px; white-space: normal;"/>3、盡量少的讓用戶輸入,輸入時(shí)盡量多給出參考
移動(dòng)端的虛擬鍵盤一直是科技界無法解決的一個(gè)難題,虛擬鍵盤的主要缺點(diǎn):①、輸入定位無法反饋,所以無法形成高效的盲打;②、虛擬鍵盤的空間限制,手指的點(diǎn)擊經(jīng)常造成誤按。
光是上面這兩點(diǎn)就讓虛擬鍵盤在輸入上大打折扣,所以我們?cè)谠O(shè)計(jì)應(yīng)用程序時(shí),只要遇到Input Box的控件時(shí),首先就要想到盡量讓用戶少輸入,或者智能的給出參考。
移動(dòng)端界面設(shè)計(jì)的8個(gè)優(yōu)化要點(diǎn)
百度音樂的搜索先是把近期最熱門的歌曲依次排列在列表中,當(dāng)有字輸入時(shí),會(huì)出現(xiàn)歌手的候選詞,這里值得稱贊的是百度音樂的搜索能根據(jù)用戶輸入的字來判斷用戶是搜索歌手還是歌名。
移動(dòng)端界面設(shè)計(jì)的8個(gè)優(yōu)化要點(diǎn)
百度地圖也是我用得比較順手的一個(gè)地圖導(dǎo)航應(yīng)用,在減少輸入方面也做的比較出色,百度地圖擁有cookies功能, 另外就是百度搜索的技術(shù)應(yīng)用在地名的匹配中也很讓人欣喜,在用戶輸入到一半的時(shí)候,下面的候選列表就出現(xiàn)了目標(biāo)地址,用戶直接停止輸入點(diǎn)擊列表即可。
4、全局導(dǎo)航需要一直存在,最好還能預(yù)覽其他模塊的動(dòng)態(tài)
全局導(dǎo)航在Web交互設(shè)計(jì)中比較容易做到,在手機(jī)移動(dòng)端全局導(dǎo)航要看產(chǎn)品設(shè)計(jì)的需求,什么功能需要全局導(dǎo)航,
(1)、社交應(yīng)用通常是:消息,通知,請(qǐng)求;
(2)、音樂視頻應(yīng)用通常是:下載,搜索;
(3)、工具類產(chǎn)品經(jīng)常是核心工具條(tool bar)比如瀏覽器,語音助理,音樂識(shí)別應(yīng)用等等。
全局導(dǎo)航的價(jià)值在于可以讓用戶在使用過程中不會(huì)丟失信息,減少主頁面和次級(jí)頁面之間的跳轉(zhuǎn)次數(shù),當(dāng)然全局導(dǎo)航中的info-task要能在當(dāng)前頁面完成,如果需要跳轉(zhuǎn)到新界面,就會(huì)失去全局導(dǎo)航的意義,因?yàn)楫?dāng)出現(xiàn)多個(gè)info-task的時(shí)候,就需要用戶不停的進(jìn)入全局導(dǎo)航頁面來完成。
移動(dòng)端界面設(shè)計(jì)的8個(gè)優(yōu)化要點(diǎn)
5、提供非模態(tài)的反饋,不打斷任務(wù)流
模態(tài)彈出框的書面名稱在iphone OS中稱作:Alert-box,在Android OS中稱:Pop-up box,我們都知道彈框會(huì)打斷任務(wù)流,所以在有限的屏幕上怎樣讓這些彈框弱化,或者說優(yōu)雅、紳士的提醒用戶,這個(gè)需要設(shè)計(jì)師來定義。
模態(tài)是指界面中只有提醒彈框才具有可交互行為,其他一切都不可操作;非模態(tài)不會(huì)把提醒做成彈框,可能會(huì)處理成List Notification,Toast list等方式來提醒用戶。
移動(dòng)端界面設(shè)計(jì)的8個(gè)優(yōu)化要點(diǎn)
Gmail是第一個(gè)把刪除的模態(tài)彈框設(shè)計(jì)成List Notification這種方式的,提醒用戶撤銷剛才的刪除操作,這種非模態(tài)的處理,讓刪除的流程更加順暢和輕松自如。
K歌達(dá)人第二版的彈框就是模態(tài)處理,界面很不友好,用戶在K歌過程中要被打斷三次才能發(fā)表一首自己唱的歌曲,所以降低了用戶的參與度。
6、不要讓用戶等待任務(wù)完成,用戶還要發(fā)現(xiàn)更多有意思的地方
移動(dòng)互聯(lián)的核心就是給用戶帶來移動(dòng)體驗(yàn)的方便和高效,這是移動(dòng)互聯(lián)網(wǎng)Apps需要考慮的,用戶在使用你產(chǎn)品在很多情況下都是碎片時(shí)間,所以在設(shè)計(jì)上盡量讓用戶在短時(shí)間內(nèi)熟悉我們的產(chǎn)品,知道這個(gè)產(chǎn)品的誠(chéng)意,特別是某些等待界面需要設(shè)計(jì),不能把一個(gè)很枯燥的等待界面呈現(xiàn)在用戶的面前,那用戶很快就會(huì)換其他apps。
在Instagram拍完照片后,點(diǎn)擊上傳后,它的處理方式是回到首頁的位置,告訴你的照片正在提交,并不是顯示一個(gè)上傳進(jìn)度的界面,讓用戶看那上傳百分比。
移動(dòng)端界面設(shè)計(jì)的8個(gè)優(yōu)化要點(diǎn)
因此我們?cè)谠O(shè)計(jì)米吧上傳歌曲文件時(shí)也只是告知用戶后臺(tái)正在幫你上傳,叫用戶放心,用戶自然就會(huì)去玩其他的功能,沒有讓用戶焦慮的等待,等上傳完畢時(shí),我們?cè)儆肨oast list通知用戶已經(jīng)上傳成功,這樣把查看上傳結(jié)果的主動(dòng)權(quán)交給用戶。
7、自動(dòng)保存用戶的輸入成果
在移動(dòng)端,由于輸入面板的復(fù)雜性,而且觸摸輸入沒有物理按鍵的反饋?zhàn)匀唬貏e是手機(jī)上去輸入一段文字或者信息,對(duì)用戶而言本身就是一件很痛苦的事情;對(duì)產(chǎn)品而言,用戶的在你的產(chǎn)品中輸入是一個(gè)很值得慶幸的事情,所以設(shè)計(jì)人員需要讓你的apps自動(dòng)保存用戶的輸入成果。
長(zhǎng)沙科聯(lián)環(huán)?萍加邢薰
長(zhǎng)沙科聯(lián)環(huán)?萍加邢薰咀溆趪(guó)家級(jí)長(zhǎng)沙經(jīng)濟(jì)技術(shù)開發(fā)區(qū),星沙工業(yè)園、我們以“科技創(chuàng)新,聯(lián)合共...南京尚上防腐木
南京尚上防腐木是一家專業(yè)致力于加工、制作、銷售戶外景觀防腐木,并為客戶設(shè)計(jì)安裝一站式服務(wù)的現(xiàn)...長(zhǎng)沙昱霆機(jī)電有限公司
長(zhǎng)沙昱霆機(jī)電有限公司是長(zhǎng)沙空壓機(jī)_長(zhǎng)沙空壓機(jī)保養(yǎng)_湖南空壓機(jī)維修_長(zhǎng)沙空壓機(jī)機(jī)頭維修-長(zhǎng)沙昱...湖南省土地學(xué)會(huì),湖南土地學(xué)會(huì),湖南土地學(xué)會(huì)官網(wǎng)
湖南省土地學(xué)會(huì)是全省土地科技工作者自愿組成,并依法登記的學(xué)術(shù)性、非盈利性、公益性的法人社會(huì)團(tuán)...湖南為美環(huán)保技術(shù)有限公司,醫(yī)療污水凈化機(jī)組...
湖南為美環(huán)保技術(shù)有限公司應(yīng)“綠水青山就是金山銀山”之勢(shì)而生,秉持“為民環(huán)保,美麗干凈”理想信...長(zhǎng)沙租車公司-長(zhǎng)沙鑫晨租車
長(zhǎng)沙鑫晨租車(長(zhǎng)沙租車網(wǎng))于2008年,已精工細(xì)作多年,F(xiàn)以成為長(zhǎng)沙地區(qū)較早的租車公司之一。...聯(lián)系方式
地址:湖南省長(zhǎng)沙市天心區(qū)韶山南路248號(hào)南園503室
電話:13637482004 0731-88571521
網(wǎng)址:http:///
郵箱:123@123007.com
微信咨詢
掃一掃進(jìn)移動(dòng)端