在開發(fā)評審甚至開發(fā)過程中肯定會(huì)遇到交互設(shè)計(jì)方案中的遺漏點(diǎn),所以本篇文章主要匯總交互設(shè)計(jì)中出現(xiàn)的特殊情況,并提供了相應(yīng)的設(shè)計(jì)方案。小伙伴們在設(shè)計(jì)的時(shí)候,可以系統(tǒng)的看一遍。
小編最近要扛起產(chǎn)品體驗(yàn)的大刀,準(zhǔn)備好好的去行走江湖了。平時(shí)還是閱讀了挺多的文章和書籍,運(yùn)用到工作到中后,會(huì)有一些對自己來說比較寶貴的心得,從今天起打算將這些小財(cái)富記錄匯總分享給大家,每天都有一點(diǎn)成長,積少成多。
今天呢先從APP中交互設(shè)計(jì)中的特殊情況開始聊起,如果后期有關(guān)于此文章的新體會(huì),會(huì)在此文章中進(jìn)行更新。
①網(wǎng)絡(luò)切換
A. 從WIFI到蜂窩數(shù)據(jù),若在產(chǎn)品中有大量耗費(fèi)流量的內(nèi)容,需將暫停數(shù)據(jù)刷新并給予網(wǎng)絡(luò)切換的dialog提示。一般涉及到多媒體播放及下載的產(chǎn)品才會(huì)考慮這種情況,如各大視頻APP。
B.從蜂窩數(shù)據(jù)到WIFI,可以充分利用良好網(wǎng)絡(luò)環(huán)境優(yōu)勢,增加用戶體驗(yàn)。如微博,在WIFI環(huán)境下當(dāng)前頁面下的小視頻是自動(dòng)播放的。
②信號間斷、信號丟失、信號減弱
信號間斷或丟失,常見場景如:從有WIFI的房間走到室外,中途有切換間隔,造成信號間斷;開啟飛行模式,或手機(jī)停機(jī),造成信號丟失。有兩種頁面狀態(tài),根據(jù)不同的狀態(tài)有不同的設(shè)計(jì)方式。如下:
當(dāng)頁面有緩存數(shù)據(jù)時(shí),給予網(wǎng)絡(luò)異常的toast提示,用戶需再次下拉刷新或點(diǎn)擊再次進(jìn)行后才能再次進(jìn)行刷新。
當(dāng)頁面無緩存數(shù)據(jù)時(shí),給予網(wǎng)絡(luò)異常的toast提示,給用戶提供重新加載的Button/點(diǎn)擊空白頁面任意區(qū)域會(huì)觸發(fā)重新加載/提供前往設(shè)置WIFI的入口。
①有頁面框架時(shí):顯示頁面框架+占位符
②無頁面框架時(shí):盡量采用情感化設(shè)計(jì),同時(shí)可以引導(dǎo)用戶去看推薦的內(nèi)容,如微博的關(guān)注界面,當(dāng)用戶沒有關(guān)注任何人時(shí),會(huì)引導(dǎo)用戶去關(guān)注。
①下拉刷新
設(shè)計(jì)下拉刷新動(dòng)畫,每次給予刷新反饋信息,如果當(dāng)前已經(jīng)是最新內(nèi)容,可以提示用戶已經(jīng)是最新內(nèi)容。如:微博和豆瓣,每次刷新的時(shí)候都會(huì)給予更新信息數(shù)量的反饋。
②分段加載
因?yàn)榭蛻舳瞬豢赡芤淮涡约虞d全部內(nèi)容,得進(jìn)行分段加載,需規(guī)定每次加載多少條。
③分布加載,部分內(nèi)容先加載,剩余部分再加載,適用于內(nèi)容型APP。
考慮是先加載文字,后加載圖片,如果頁面有框架,會(huì)最先展示頁面框架,再顯示文字和圖片。由于加載圖片的時(shí)間稍長,在加載圖片過程中會(huì)用一個(gè)默認(rèn)的占位符來填充圖片的位置,可適當(dāng)增加用戶的參與感。
④預(yù)加載
譬如閱讀類APP,當(dāng)用戶閱讀到當(dāng)前頁面時(shí),已經(jīng)給加載了下一頁的數(shù)據(jù),用戶到第二頁的時(shí)候就不用再去等待加載了,APP已經(jīng)幫忙給加載好了,需良好的預(yù)測用戶的下一步行為操作。并建議預(yù)加載機(jī)制在WIFI環(huán)境下進(jìn)行,否則消耗用戶太多的流量。
⑤智能加載
根據(jù)產(chǎn)品自身的特性,考慮是否分網(wǎng)絡(luò)環(huán)境來加載不同的內(nèi)容。例如知乎,在設(shè)置中可以選擇蜂窩環(huán)境下只加載文字不加載圖片,幫助用戶節(jié)省流量。
①是否支持游客模式
②APP啟動(dòng)頁面的設(shè)計(jì)
③token失效時(shí)
④服務(wù)器異常時(shí)
不同的產(chǎn)品根據(jù)自身的特點(diǎn),需要考慮的特殊情況也不一樣。
以上就是類似于app交互設(shè)計(jì)案例的內(nèi)容,如果想要了解關(guān)于建站 教程及建站基本知識,可直接點(diǎn)擊查看