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

2017年第29篇文章。

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

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

交互走查表


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

①頁(yè)面有緩存數(shù)據(jù)時(shí)

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

A.網(wǎng)絡(luò)環(huán)境切換時(shí)(從WIFI到蜂窩數(shù)據(jù);從蜂窩數(shù)據(jù)到WIFI),解決方案是“暫停播放并dialog提示”。

B.網(wǎng)絡(luò)異常時(shí),解決方案有兩種,一是Toast提示;二是常駐list提示。

②頁(yè)面無緩存數(shù)據(jù)時(shí)

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


2.缺省頁(yè)面

①有頁(yè)面框架時(shí):顯示頁(yè)面框架+占位符;

②無頁(yè)面框架時(shí):盡量采用情感化設(shè)計(jì),同時(shí)可以引導(dǎo)用戶去看推薦內(nèi)容。


3.加載刷新

①頁(yè)面有緩存數(shù)據(jù)時(shí)

A.設(shè)計(jì)加載loading;

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

②頁(yè)面無緩存數(shù)據(jù)時(shí)

A.設(shè)計(jì)加載loading;

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

③下拉刷新

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

④分段加載

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

⑤分布加載

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

⑥異步加載

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

⑦智能加載

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


4.其他情況

①是否支持游客模式

②APP啟動(dòng)頁(yè)面的設(shè)計(jì)

③token失效時(shí)

④服務(wù)器異常時(shí)


不同產(chǎn)品根據(jù)自身的特點(diǎn),需要走查的點(diǎn)是不一樣的,例如:涉及多媒體播放和下載的產(chǎn)品,才需要考慮網(wǎng)絡(luò)環(huán)境切換時(shí)的情況;必須強(qiáng)制登錄的產(chǎn)品就不需要考慮游客模式的設(shè)計(jì),等等。《清單革命》這本書將人類所犯的錯(cuò)分為兩類,一類是無知之錯(cuò);另一類是無能之錯(cuò)。無知之錯(cuò)是因?yàn)槿鄙傧嚓P(guān)的知識(shí)所犯的錯(cuò)誤,而無能之錯(cuò)并非因?yàn)闆]有掌握正確的知識(shí),而是因?yàn)闆]有正確的使用這些知識(shí)。而交互走查表(清單)的建立,會(huì)減少我們犯無能之錯(cuò)的概率。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,769評(píng)論 25 709
  • [產(chǎn)品設(shè)計(jì)] [用戶體驗(yàn)] 轉(zhuǎn)載自:交互設(shè)計(jì)學(xué)堂 用戶在使用App時(shí)會(huì)碰到許多特殊場(chǎng)景:網(wǎng)絡(luò)異常、信息加載、頁(yè)面內(nèi)...
    CoverUER閱讀 1,265評(píng)論 0 14
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,054評(píng)論 4 61
  • 你是不是有時(shí)候不知道如何正確使用“et cetera”(意為“等等”)?一般簡(jiǎn)寫為“etc. ”。 很多同學(xué)在拼...
    春喜外語(yǔ)閱讀 14,138評(píng)論 0 0
  • 昨天在和同事一起,給辦公環(huán)境做了一下重新佈局,頓時(shí)覺得陽(yáng)光明媚了,場(chǎng)地寬敞了。自己其實(shí)不喜歡坐在原來昏暗的角落里,...
    醫(yī)外習(xí)醫(yī)閱讀 151評(píng)論 0 1

友情鏈接更多精彩內(nèi)容