?APP為了提供服務(wù)與內(nèi)容，信用已經(jīng)成了一種主流方式。但是，在各種服務(wù)如雨后春筍般蓬勃發(fā)展的市場(chǎng)上，怎樣讓你的移動(dòng)應(yīng)用更有幫助更具關(guān)聯(lián)性，讓用戶流連忘返就非常有必要了。這一次，我們介紹的是讓你的用戶獲得非常棒的移動(dòng)應(yīng)用體驗(yàn)的7個(gè)UX設(shè)計(jì)要點(diǎn)，那么，一起來(lái)看看吧。

目錄

• 一個(gè)屏幕，一個(gè)任務(wù)。
• 看不見的用戶界面。
• 充分留白。
• 讓導(dǎo)航變得簡(jiǎn)單。
• 單手操作
• 響應(yīng)快速。
• 讓推送更加人性化。

01.?一個(gè)屏幕，一個(gè)任務(wù)。

減輕用戶在獲取所需信息上花費(fèi)的努力。

為APP所設(shè)計(jì)的每一個(gè)屏幕畫面，都需要仔細(xì)斟酌讓每一個(gè)操作都發(fā)揮它的作用。在你所設(shè)計(jì)的每一個(gè)畫面中，推動(dòng)用戶行動(dòng)的短語(yǔ)只能有一個(gè)。這樣不僅會(huì)使它更加易學(xué)易用，在追加必要的構(gòu)造時(shí)也會(huì)更加容易。

我們來(lái)看看下面這個(gè)Uber的APP界面吧。用戶使用這個(gè)APP的目的是為了搭上出租車，所以在這個(gè)界面中，為了不使用戶感到混亂我們限制了其他情報(bào)的出現(xiàn)?；贕EO我們可以自動(dòng)的定位用戶所在的位置，用戶只需要選擇自己想去的位置就可以了。

02.?看不見的面板

內(nèi)容即界面。

為了讓用戶著眼于內(nèi)容，我們可以將一些不必要的要素進(jìn)行刪除。這樣可以縮短用戶的關(guān)注時(shí)間，將他們引導(dǎo)到他們所需要的內(nèi)容上。

以下面的谷歌地圖為例。谷歌把全部不必要的面板和按鈕統(tǒng)統(tǒng)省略，將地圖本身便是界面這一理念傳達(dá)出來(lái)。

03.?充分留白。

為了讓重要的內(nèi)容變得注目，讓我們來(lái)利用負(fù)空間吧。

負(fù)空間，又被人稱為留白，指的是在設(shè)計(jì)和布局的時(shí)候在要素的四周被空出來(lái)的部分，這部分往往被人無(wú)視。雖然有人認(rèn)為這是對(duì)有限空間的浪費(fèi)，但留白空間對(duì)于移動(dòng)應(yīng)用界面設(shè)計(jì)是非常必要的元素。

不管是在提高可讀性，排列內(nèi)容的優(yōu)先順序，還是進(jìn)行可視化操作的布局上都發(fā)揮著非常重要的作用。他不但可以簡(jiǎn)化用戶界面，還能改善用戶體驗(yàn)。

04.讓導(dǎo)航變得簡(jiǎn)單。

有助于用戶操作，不管對(duì)哪個(gè)APP來(lái)說(shuō)都是重中之重。導(dǎo)航菜單不管是在哪種情況、那種屏幕下都必須很容易的就能讓用戶找到。讓我們考慮畫面的尺寸限制和內(nèi)容的優(yōu)先級(jí)來(lái)采用易于訪問(wèn)的導(dǎo)航吧。

標(biāo)簽欄作為導(dǎo)航菜單的代替，他可以通過(guò)一個(gè)簡(jiǎn)單的點(diǎn)擊來(lái)實(shí)現(xiàn)跳轉(zhuǎn)到不同的頁(yè)面，這對(duì)移動(dòng)端APP來(lái)說(shuō)也是非常方便的設(shè)定。

05.?單手操作

對(duì)應(yīng)大屏來(lái)設(shè)計(jì)大尺寸吧。自從iphone?6?和?6?Plus?發(fā)售之后，大屏幕已經(jīng)是今后主流的趨勢(shì)了。

下面這張圖片展示了大部分人是怎樣持握移動(dòng)設(shè)備的。（單手操作:?49%?|?一只手托著操作:?36%?|?雙手操作:?15%）

參加試驗(yàn)的用戶中有85%是用單手操作手機(jī)的。接下來(lái)的這張熱度圖反映的是自2007年以后發(fā)售的IPhone的屏幕上單手大拇指所能操作的范圍。正如你所看到的，隨著屏幕的不斷變大，所能操作的部分（圖中綠色區(qū)域）正在逐漸變小。

為了改善用戶體驗(yàn)，你也需要將上面的數(shù)據(jù)應(yīng)用到設(shè)計(jì)之中。在制作對(duì)應(yīng)大屏幕（如IPhone6或7等等）的APP時(shí)，你也需要考慮到單手能操作的范圍。然后，在大拇指所能接觸到的范圍內(nèi)配置你的導(dǎo)航菜單。

06.快速響應(yīng)

顯示內(nèi)容，不要讓用戶將時(shí)間浪費(fèi)在等待上。

你應(yīng)該把快速啟動(dòng)時(shí)刻放在心上。通過(guò)后臺(tái)提前運(yùn)行，你可以讓他看起來(lái)變得響應(yīng)快速。這樣做會(huì)有兩個(gè)好處，用戶看不見它們的加載過(guò)程且在用戶實(shí)際操作之前項(xiàng)目就已經(jīng)加載完成。一個(gè)很棒的參考案例，就拿Instagram的照片上傳功能來(lái)說(shuō)，用戶選擇好想要分享的照片時(shí)，上傳就已經(jīng)開始了。

在Instagram上傳照片的時(shí)候，他還會(huì)提醒用戶添加標(biāo)簽。直到用戶按下分享按鈕，照片的上傳工作就已經(jīng)完成了，用戶可以立即分享他們的照片。

07.讓推送更加人性化。

在發(fā)送信息之前多想想。

每天通過(guò)APP給用戶進(jìn)行大量的推送會(huì)讓用戶的注意力變得分散甚至給他們帶來(lái)煩惱。這些讓人厭煩的推送也是用戶選擇卸載它們的原因之一（有71%的受訪者這樣回答）。

不要識(shí)圖為了吸引用戶而去給他們推送消息。而是將對(duì)用戶來(lái)說(shuō)非常重要的消息進(jìn)行整理之后，再給他們進(jìn)行推送。

為了有效的給移動(dòng)端的用戶推送通知，我們可以使用如推送通知、E-mail、應(yīng)用內(nèi)通知等各種各樣的手段。增加你的消息推送方式，將他們很好的結(jié)合在一起，可以讓你的用戶體驗(yàn)變得更加友好。

最后

在制作移動(dòng)應(yīng)用的時(shí)候，要將便利性（英:?Useful）與直觀性（英:?Intuitive）這兩點(diǎn)時(shí)刻記在心上。如果應(yīng)用對(duì)用戶并沒(méi)有多大幫助，誰(shuí)也沒(méi)有理由去使用它的；如果應(yīng)用很便利，但使用又需要花費(fèi)一番功夫，也沒(méi)有幾個(gè)人會(huì)去真正學(xué)習(xí)該怎樣使用的。好的UI設(shè)計(jì)和UX設(shè)計(jì)，應(yīng)該將以上兩點(diǎn)問(wèn)題全部解決。

那么，一起享受設(shè)計(jì)的樂(lè)趣吧。

原文地址：http://photoshopvip.net/964504

翻譯：?jiǎn)市牟】竦姆g站

譯文地址：公眾號(hào)：?jiǎn)市牟】竦姆g站

版權(quán)：人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范，任何轉(zhuǎn)載的稿件都會(huì)明確標(biāo)注作者和來(lái)源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645