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

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

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

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

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

交互走查表

1. 網(wǎng)絡異常

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

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

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

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

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

2. 缺省頁面

有頁面框架時

顯示頁面框架+占位符;

無頁面框架時

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

3. 加載刷新

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

(1)設計加載loading;

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

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

(1)設計加載loading;

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

下拉刷新

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

分段加載

因為客戶端不可能一次性加載全部內(nèi)容,得進行分段加載,規(guī)定每次加載多少條,像今日頭條APP,我沒記錯的話應該是每次會加載60條數(shù)據(jù)。

分布加載

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

異步加載

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

智能加載

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

4. 其他情況

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

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

《清單革命》這本書將人類所犯的錯分為兩類,一類是無知之錯;另一類是無能之錯。無知之錯是因為缺少相關的知識所犯的錯誤,而無能之錯并非因為沒有掌握正確的知識,而是因為沒有正確的使用這些知識。而交互走查表(清單)的建立,會減少我們犯無能之錯的概率。

相關閱讀

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

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

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

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

#專欄作家#

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

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

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

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

    來自上海 回復
  2. 回復
  3. :mrgreen:

    來自北京 回復