提高移動應(yīng)用體驗的7個UX設(shè)計要點
?APP為了提供服務(wù)與內(nèi)容,信用已經(jīng)成了一種主流方式。但是,在各種服務(wù)如雨后春筍般蓬勃發(fā)展的市場上,怎樣讓你的移動應(yīng)用更有幫助更具關(guān)聯(lián)性,讓用戶流連忘返就非常有必要了。這一次,我們介紹的是讓你的用戶獲得非常棒的移動應(yīng)用體驗的7個UX設(shè)計要點,那么,一起來看看吧。
目錄
- 一個屏幕,一個任務(wù)。
- 看不見的用戶界面。
- 充分留白。
- 讓導(dǎo)航變得簡單。
- 單手操作
- 響應(yīng)快速。
- 讓推送更加人性化。
01.?一個屏幕,一個任務(wù)。
減輕用戶在獲取所需信息上花費的努力。
為APP所設(shè)計的每一個屏幕畫面,都需要仔細斟酌讓每一個操作都發(fā)揮它的作用。在你所設(shè)計的每一個畫面中,推動用戶行動的短語只能有一個。這樣不僅會使它更加易學易用,在追加必要的構(gòu)造時也會更加容易。
我們來看看下面這個Uber的APP界面吧。用戶使用這個APP的目的是為了搭上出租車,所以在這個界面中,為了不使用戶感到混亂我們限制了其他情報的出現(xiàn)?;贕EO我們可以自動的定位用戶所在的位置,用戶只需要選擇自己想去的位置就可以了。
02.?看不見的面板
內(nèi)容即界面。
為了讓用戶著眼于內(nèi)容,我們可以將一些不必要的要素進行刪除。這樣可以縮短用戶的關(guān)注時間,將他們引導(dǎo)到他們所需要的內(nèi)容上。
以下面的谷歌地圖為例。谷歌把全部不必要的面板和按鈕統(tǒng)統(tǒng)省略,將地圖本身便是界面這一理念傳達出來。
03.?充分留白。
為了讓重要的內(nèi)容變得注目,讓我們來利用負空間吧。
負空間,又被人稱為留白,指的是在設(shè)計和布局的時候在要素的四周被空出來的部分,這部分往往被人無視。雖然有人認為這是對有限空間的浪費,但留白空間對于移動應(yīng)用界面設(shè)計是非常必要的元素。
不管是在提高可讀性,排列內(nèi)容的優(yōu)先順序,還是進行可視化操作的布局上都發(fā)揮著非常重要的作用。他不但可以簡化用戶界面,還能改善用戶體驗。
04.讓導(dǎo)航變得簡單。
有助于用戶操作,不管對哪個APP來說都是重中之重。導(dǎo)航菜單不管是在哪種情況、那種屏幕下都必須很容易的就能讓用戶找到。讓我們考慮畫面的尺寸限制和內(nèi)容的優(yōu)先級來采用易于訪問的導(dǎo)航吧。
標簽欄作為導(dǎo)航菜單的代替,他可以通過一個簡單的點擊來實現(xiàn)跳轉(zhuǎn)到不同的頁面,這對移動端APP來說也是非常方便的設(shè)定。
05.?單手操作
對應(yīng)大屏來設(shè)計大尺寸吧。自從iphone?6?和?6?Plus?發(fā)售之后,大屏幕已經(jīng)是今后主流的趨勢了。
下面這張圖片展示了大部分人是怎樣持握移動設(shè)備的。(單手操作:?49%?|?一只手托著操作:?36%?|?雙手操作:?15%)
參加試驗的用戶中有85%是用單手操作手機的。接下來的這張熱度圖反映的是自2007年以后發(fā)售的IPhone的屏幕上單手大拇指所能操作的范圍。正如你所看到的,隨著屏幕的不斷變大,所能操作的部分(圖中綠色區(qū)域)正在逐漸變小。
為了改善用戶體驗,你也需要將上面的數(shù)據(jù)應(yīng)用到設(shè)計之中。在制作對應(yīng)大屏幕(如IPhone6或7等等)的APP時,你也需要考慮到單手能操作的范圍。然后,在大拇指所能接觸到的范圍內(nèi)配置你的導(dǎo)航菜單。
06.快速響應(yīng)
顯示內(nèi)容,不要讓用戶將時間浪費在等待上。
你應(yīng)該把快速啟動時刻放在心上。通過后臺提前運行,你可以讓他看起來變得響應(yīng)快速。這樣做會有兩個好處,用戶看不見它們的加載過程且在用戶實際操作之前項目就已經(jīng)加載完成。一個很棒的參考案例,就拿Instagram的照片上傳功能來說,用戶選擇好想要分享的照片時,上傳就已經(jīng)開始了。
在Instagram上傳照片的時候,他還會提醒用戶添加標簽。直到用戶按下分享按鈕,照片的上傳工作就已經(jīng)完成了,用戶可以立即分享他們的照片。
07.讓推送更加人性化。
在發(fā)送信息之前多想想。
每天通過APP給用戶進行大量的推送會讓用戶的注意力變得分散甚至給他們帶來煩惱。這些讓人厭煩的推送也是用戶選擇卸載它們的原因之一(有71%的受訪者這樣回答)。
不要識圖為了吸引用戶而去給他們推送消息。而是將對用戶來說非常重要的消息進行整理之后,再給他們進行推送。
為了有效的給移動端的用戶推送通知,我們可以使用如推送通知、E-mail、應(yīng)用內(nèi)通知等各種各樣的手段。增加你的消息推送方式,將他們很好的結(jié)合在一起,可以讓你的用戶體驗變得更加友好。
最后
在制作移動應(yīng)用的時候,要將便利性(英:?Useful)與直觀性(英:?Intuitive)這兩點時刻記在心上。如果應(yīng)用對用戶并沒有多大幫助,誰也沒有理由去使用它的;如果應(yīng)用很便利,但使用又需要花費一番功夫,也沒有幾個人會去真正學習該怎樣使用的。好的UI設(shè)計和UX設(shè)計,應(yīng)該將以上兩點問題全部解決。
那么,一起享受設(shè)計的樂趣吧。
原文地址:http://photoshopvip.net/964504
翻譯:喪心病狂的翻譯站
譯文地址:公眾號:喪心病狂的翻譯站
版權(quán):人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范,任何轉(zhuǎn)載的稿件都會明確標注作者和來源,若標注有誤,請聯(lián)系主編QQ:419297645
- 目前還沒評論,等你發(fā)揮!