特殊情況下的APP設(shè)計(6):交互走查表

3 評論 17610 瀏覽 206 收藏 6 分鐘

本文作者將用交互走查表的形式,對系列文章“特殊情況下的APP設(shè)計”進(jìn)行一個總結(jié)。enjoy~

你如果已經(jīng)在做設(shè)計,肯定會遇到這種情況:在開設(shè)計評審會的時候,開發(fā)或者QA總能找到設(shè)計方案中遺漏的點(diǎn)。出現(xiàn)這種問題的原因并不是因?yàn)槿鄙僦R,而是因?yàn)橛袝r候要考慮的情況太多,難免會遇到遺漏的情況。而建立一個適合自身產(chǎn)品的交互走查表,會盡可能的減少遺漏的情況。

經(jīng)過前面幾篇“特殊情況下的APP設(shè)計”相關(guān)文章的介紹,已經(jīng)把在APP設(shè)計中,和主業(yè)務(wù)不太相關(guān)的特殊情況下的APP設(shè)計點(diǎn)介紹的差不多,還沒看過的小伙伴,可以系統(tǒng)地看一遍,希望能對你有用。今天,就用交互走查表的形式,對這個系列的文章進(jìn)行一個總結(jié)。

交互走查表

1. 網(wǎng)絡(luò)異常

頁面有緩存數(shù)據(jù)時

頁面有緩存數(shù)據(jù)時要考慮兩種情況:

  1. 網(wǎng)絡(luò)環(huán)境切換時(從WIFI到蜂窩數(shù)據(jù);從蜂窩數(shù)據(jù)到WIFI),解決方案是“暫停播放并dialog提示”。
  2. 網(wǎng)絡(luò)異常時,解決方案有兩種,一是Toast提示;二是常駐list提示。

頁面無緩存數(shù)據(jù)時

這種情況下,要有點(diǎn)擊頁面重新加載的功能,有些APP是提供重新加載的button,有些是點(diǎn)擊空白頁面任意區(qū)域都會觸發(fā)重新加載,另外,還有很多APP會提供前往設(shè)置WIFI的入口。

2. 缺省頁面

有頁面框架時

顯示頁面框架+占位符;

無頁面框架時

盡量采用情感化設(shè)計,同時可以引導(dǎo)用戶去看推薦內(nèi)容。

3. 加載刷新

頁面有緩存數(shù)據(jù)時

(1)設(shè)計加載loading;

(2)考慮加載失敗的情況,加載失敗可分為網(wǎng)絡(luò)原因和其他原因。一般會采用Toast提示。

頁面無緩存數(shù)據(jù)時

(1)設(shè)計加載loading;

(2)考慮加載失敗的情況,加載失敗可分為網(wǎng)絡(luò)原因和其他原因。一般會進(jìn)行情感化設(shè)計。

下拉刷新

設(shè)計下拉刷新動畫,每次刷新可以給予Toast反饋,例如豆瓣首頁,每次刷新都會提示更新了多少條;如果當(dāng)前內(nèi)容已經(jīng)是最新,可以提示用戶已經(jīng)是最新內(nèi)容。

分段加載

因?yàn)榭蛻舳瞬豢赡芤淮涡约虞d全部內(nèi)容,得進(jìn)行分段加載,規(guī)定每次加載多少條,像今日頭條APP,我沒記錯的話應(yīng)該是每次會加載60條數(shù)據(jù)。

分布加載

考慮分布加載,先加載文字,后加載圖片,如果頁面有框架,會最先出現(xiàn)頁面框架,再顯示文字和圖片。由于加載圖片時間稍長,所以在加載圖片過程中會用一個默認(rèn)的占位符來填充圖片位置。

異步加載

為了減少用戶等待時間,可以考慮需不需要采用異步加載。

智能加載

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

4. 其他情況

  1. 是否支持游客模式
  2. APP啟動頁面的設(shè)計
  3. token失效時
  4. 服務(wù)器異常時

不同產(chǎn)品根據(jù)自身的特點(diǎn),需要走查的點(diǎn)是不一樣的,例如:涉及多媒體播放和下載的產(chǎn)品,才需要考慮網(wǎng)絡(luò)環(huán)境切換時的情況;必須強(qiáng)制登錄的產(chǎn)品就不需要考慮游客模式的設(shè)計,等等。

《清單革命》這本書將人類所犯的錯分為兩類,一類是無知之錯;另一類是無能之錯。無知之錯是因?yàn)槿鄙傧嚓P(guān)的知識所犯的錯誤,而無能之錯并非因?yàn)闆]有掌握正確的知識,而是因?yàn)闆]有正確的使用這些知識。而交互走查表(清單)的建立,會減少我們犯無能之錯的概率。

相關(guān)閱讀

特殊情況下的APP設(shè)計(1):注冊登錄頁設(shè)計

特殊情況下的APP設(shè)計(2):啟動頁的設(shè)計

特殊情況下的APP設(shè)計(3):如何處理加載頁面

特殊情況下的APP設(shè)計(4):網(wǎng)絡(luò)異常時該如何設(shè)計?

#專欄作家#

鄒志楠,微信公眾號:鄒志楠,人人都是產(chǎn)品經(jīng)理專欄作家。用戶體驗(yàn)設(shè)計師,專注于互聯(lián)網(wǎng)產(chǎn)品設(shè)計。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 攝圖網(wǎng),基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 贊!很全面的說明,學(xué)習(xí)了~~

    來自上海 回復(fù)
  2. 回復(fù)
  3. :mrgreen:

    來自北京 回復(fù)