APP用戶體驗(yàn)–通過設(shè)計(jì)讓APP變快

4 評論 3638 瀏覽 4 收藏 7 分鐘

做了設(shè)計(jì)轉(zhuǎn)眼間也4年多了,從2011年由網(wǎng)頁設(shè)計(jì)師轉(zhuǎn)到手機(jī)APP設(shè)計(jì)師;最近的工作不是很忙,就靜下心來去閱讀學(xué)習(xí)下互聯(lián)網(wǎng)的一些發(fā)展趨勢來彌補(bǔ)自己在這方面的不足(因?yàn)楣ぷ鞯臅r(shí)間大部份都是做設(shè)計(jì));之前一直以為用戶體驗(yàn)方面的工作是有專門的研究人員去做的,與設(shè)計(jì)人員沒有關(guān)系,通過這幾天的學(xué)習(xí),發(fā)現(xiàn)做設(shè)計(jì)的也可以做到用戶體驗(yàn)啊,下面我就給大家一一介紹下,大家互相學(xué)習(xí)~

 

一、后臺的執(zhí)行

1、核心思想:通過在狀態(tài)欄運(yùn)行加載的程序的同時(shí),可以使用戶可以做其他的事情~

2、舉例說明:

 

A、instagram

  1. 當(dāng)點(diǎn)擊“贊”的按鈕后,按鈕的字樣立馬就變成了“已贊”的狀態(tài);
  2. ?其實(shí)看圖中的紅色框的app2013121203加載圖標(biāo),它只是在后臺運(yùn)行默默的加載程序;
  3. ?這樣做的好處就是讓用戶不需要一秒鐘的等待,避免了當(dāng)網(wǎng)絡(luò)不好的時(shí)候那個(gè)圈一直在轉(zhuǎn)的情況

app2013121202

B、發(fā)微博平臺

  1. 例如:我剛發(fā)表了一條評論,右邊紅色框的區(qū)域立馬顯示在評論列表,但實(shí)際上我回復(fù)的這句評論,對方不能立即收到消息提醒;是因?yàn)樵诳礌顟B(tài)欄的app2013121204?,我發(fā)的那句話正在后臺程序默默的加載運(yùn)行呢;
  2. 這樣后臺執(zhí)行它的任務(wù),我可以繼續(xù)查看其他的評論內(nèi)容,也不耽誤事啊~

二、在載入前顯示內(nèi)容

1、核心思想:讓用戶感覺很快想看到相關(guān)產(chǎn)品的信息~

2、舉例說明:

app2013121205?

A、appstore詳情頁

  1. 當(dāng)用戶從列表進(jìn)入詳情頁的時(shí)候,最上面也就是左邊圖紅色框的區(qū)域,毫無加載狀態(tài),立馬有產(chǎn)品的信息顯示;
  2. 讓人感覺點(diǎn)擊后內(nèi)容立馬就出來了。

三、充分利用好緩存

1、核心思想:利用緩存機(jī)制,提高頁面的打開速度~

2、舉例說明:蟬游記的“游記”和陌陌的“添加微博好友”等頁面,都利用了緩存;

  1. ?緩存可以把網(wǎng)絡(luò)數(shù)據(jù)保存在本地,下次打開時(shí)無需要再次向網(wǎng)絡(luò)請求,減少流量并減少等待時(shí)間。
  2. ?在設(shè)計(jì)時(shí),可以先顯示緩存內(nèi)容,同時(shí)后臺到網(wǎng)絡(luò)上拉取新內(nèi)容,若有新內(nèi)容立即換或下次訪問時(shí)替換。

app2013121206?

四、界面先行,網(wǎng)絡(luò)隨后

1、核心思想:對于一些數(shù)據(jù)量很小,且失敗可能性較小的網(wǎng)絡(luò)交互,或者是在沒有網(wǎng)絡(luò)的情況下,用戶也能夠順暢地使用APP。

2、舉例說明:微信朋友圈的“發(fā)圖片”和微博的“收藏”功能;

  1. 朋友圈即使在沒有網(wǎng)絡(luò)的情況下,也可以發(fā)布圖片,等有了網(wǎng)絡(luò)之后自動(dòng)上傳剛發(fā)布的內(nèi)容,這一點(diǎn)體驗(yàn)做的很棒(PS:希望微信可以快點(diǎn)更新ios7扁平化)~
  2. 微博的收藏,當(dāng)不想收藏的時(shí)候,再次點(diǎn)擊,幫你可以做其他的事情了,此時(shí)會(huì)在狀態(tài)欄自己努力加載~

app2013121207?

五、預(yù)測用戶行為,提前開始任務(wù)

1、核心思想:預(yù)測用戶下一步操作是什么,提前為用戶鋪好道路~

2、舉例說明:

app2013121208?

A、網(wǎng)易云閱讀

  1. 當(dāng)用戶從列表頁進(jìn)入詳情頁,查看一條信息之后往下拉就會(huì)看下一條,并且內(nèi)容已經(jīng)加載出來,往上拉就會(huì)回到上一條,這樣很符合大眾的習(xí)慣;
  2. ?這樣做避免看完一條之后點(diǎn)擊返回在從列表點(diǎn)擊進(jìn)去看另外一條;

app2013121209?

B、android的更新提醒 a、它是在安裝包自動(dòng)下載完成之后提示,避免了讓用戶等待下載的過程;

六、盡量少的讓用戶輸入,輸入時(shí)盡量多給出參考

1、核心思想:移動(dòng)端的虛擬鍵盤既有它的優(yōu)點(diǎn),又有它的缺點(diǎn),缺點(diǎn)主要有:

  1. 虛擬鍵盤的空間限制,手指的點(diǎn)擊經(jīng)常造成誤按;
  2. 輸入定位無法反饋(比如說我輸入丁丁,結(jié)果搜索列表出現(xiàn)丁丁歷險(xiǎn)記,其實(shí)我是想搜索中國好聲音的丁丁啊,嘿嘿~)

2、舉例說明:

app2013121210

A、百度地圖

  1. ?例如:我想找萬達(dá)國際影城,當(dāng)在輸入框搜索app2013121211幾個(gè)字母的時(shí)候就會(huì)列出所有關(guān)于萬達(dá)方面的內(nèi)容,很容易就找到app2013121212?
  2. 這樣避免用戶多輸入的狀況,很貼心;

 

有些觀點(diǎn)來自http://www.aharts.cn/ucd/50840.html?,多謝此文章大俠@亞茹有李~

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 好的設(shè)計(jì)也是為了讓用戶有更好的用戶體驗(yàn),兩者有相通的,頂!

    來自廣東 回復(fù)