特殊情況下的APP設計⑥:交互走查表

2017年第29篇文章。

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

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

交互走查表


1.網絡異常

①頁面有緩存數據時

頁面有緩存數據時要考慮兩種情況:

A.網絡環境切換時(從WIFI到蜂窩數據;從蜂窩數據到WIFI),解決方案是“暫停播放并dialog提示”。

B.網絡異常時,解決方案有兩種,一是Toast提示;二是常駐list提示。

②頁面無緩存數據時

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


2.缺省頁面

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

②無頁面框架時:盡量采用情感化設計,同時可以引導用戶去看推薦內容。


3.加載刷新

①頁面有緩存數據時

A.設計加載loading;

B.考慮加載失敗的情況,加載失敗可分為網絡原因和其他原因。一般會采用Toast提示。

②頁面無緩存數據時

A.設計加載loading;

B.考慮加載失敗的情況,加載失敗可分為網絡原因和其他原因。一般會進行情感化設計。

③下拉刷新

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

④分段加載

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

⑤分布加載

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

⑥異步加載

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

⑦智能加載

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


4.其他情況

①是否支持游客模式

②APP啟動頁面的設計

③token失效時

④服務器異常時


不同產品根據自身的特點,需要走查的點是不一樣的,例如:涉及多媒體播放和下載的產品,才需要考慮網絡環境切換時的情況;必須強制登錄的產品就不需要考慮游客模式的設計,等等。《清單革命》這本書將人類所犯的錯分為兩類,一類是無知之錯;另一類是無能之錯。無知之錯是因為缺少相關的知識所犯的錯誤,而無能之錯并非因為沒有掌握正確的知識,而是因為沒有正確的使用這些知識。而交互走查表(清單)的建立,會減少我們犯無能之錯的概率。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,619評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,155評論 3 425
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,635評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,539評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,255評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,646評論 1 326
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,655評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,838評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,399評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,146評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,338評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,893評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,565評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,983評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,257評論 1 292
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,059評論 3 397
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,296評論 2 376

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,701評論 25 708
  • [產品設計] [用戶體驗] 轉載自:交互設計學堂 用戶在使用App時會碰到許多特殊場景:網絡異常、信息加載、頁面內...
    CoverUER閱讀 1,203評論 0 14
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,159評論 4 61
  • 你是不是有時候不知道如何正確使用“et cetera”(意為“等等”)?一般簡寫為“etc. ”。 很多同學在拼...
    春喜外語閱讀 12,981評論 0 0
  • 昨天在和同事一起,給辦公環境做了一下重新佈局,頓時覺得陽光明媚了,場地寬敞了。自己其實不喜歡坐在原來昏暗的角落里,...
    醫外習醫閱讀 145評論 0 1