APP交互設計中的特殊情況解決方案

1.網絡異常

①網絡切換

A. 從WIFI到蜂窩數據,若在產品中有大量耗費流量的內容,需將暫停數據刷新并給予網絡切換的dialog提示。一般涉及到多媒體播放及下載的產品才會考慮這種情況,如各大視頻APP。

B.從蜂窩數據到WIFI,可以充分利用良好網絡環(huán)境優(yōu)勢,增加用戶體驗。如微博,在WIFI環(huán)境下當前頁面下的小視頻是自動播放的。

②信號間斷、信號丟失、信號減弱

信號間斷或丟失,常見場景如:從有WIFI的房間走到室外,中途有切換間隔,造成信號間斷;開啟飛行模式,或手機停機,造成信號丟失。有兩種頁面狀態(tài),根據不同的狀態(tài)有不同的設計方式。如下:

當頁面有緩存數據時,給予網絡異常的toast提示,用戶需再次下拉刷新或點擊再次進行后才能再次進行刷新。

當頁面無緩存數據時,給予網絡異常的toast提示,給用戶提供重新加載的Button/點擊空白頁面任意區(qū)域會觸發(fā)重新加載/提供前往設置WIFI的入口。

2.缺省頁面

①有頁面框架時:顯示頁面框架+占位符

②無頁面框架時:盡量采用情感化設計,同時可以引導用戶去看推薦的內容,如微博的關注界面,當用戶沒有關注任何人時,會引導用戶去關注。

3.加載刷新

①下拉刷新

設計下拉刷新動畫,每次給予刷新反饋信息,如果當前已經是最新內容,可以提示用戶已經是最新內容。如:微博和豆瓣,每次刷新的時候都會給予更新信息數量的反饋。

②分段加載

因為客戶端不可能一次性加載全部內容,得進行分段加載,需規(guī)定每次加載多少條。

③分布加載,部分內容先加載,剩余部分再加載,適用于內容型APP。

考慮是先加載文字,后加載圖片,如果頁面有框架,會最先展示頁面框架,再顯示文字和圖片。由于加載圖片的時間稍長,在加載圖片過程中會用一個默認的占位符來填充圖片的位置,可適當增加用戶的參與感。

④預加載

譬如閱讀類APP,當用戶閱讀到當前頁面時,已經給加載了下一頁的數據,用戶到第二頁的時候就不用再去等待加載了,APP已經幫忙給加載好了,需良好的預測用戶的下一步行為操作。并建議預加載機制在WIFI環(huán)境下進行,否則消耗用戶太多的流量。

⑤智能加載

根據產品自身的特性,考慮是否分網絡環(huán)境來加載不同的內容。例如知乎,在設置中可以選擇蜂窩環(huán)境下只加載文字不加載圖片,幫助用戶節(jié)省流量。

4.其他情況

①是否支持游客模式

②APP啟動頁面的設計

③token失效時

④服務器異常時

不同的產品根據自身的特點,需要考慮的特殊情況也不一樣。

發(fā)表評論