APP交互設(shè)計(jì)中特殊情況設(shè)計(jì)方案

在開(kāi)發(fā)評(píng)審甚至開(kāi)發(fā)過(guò)程中肯定會(huì)遇到交互設(shè)計(jì)方案中的遺漏點(diǎn)，所以本篇文章主要匯總交互設(shè)計(jì)中出現(xiàn)的特殊情況，并提供了相應(yīng)的設(shè)計(jì)方案。小伙伴們?cè)谠O(shè)計(jì)的時(shí)候，可以系統(tǒng)的看一遍。

小編最近要扛起產(chǎn)品體驗(yàn)的大刀，準(zhǔn)備好好的去行走江湖了。平時(shí)還是閱讀了挺多的文章和書(shū)籍，運(yùn)用到工作到中后，會(huì)有一些對(duì)自己來(lái)說(shuō)比較寶貴的心得，從今天起打算將這些小財(cái)富記錄匯總分享給大家，每天都有一點(diǎn)成長(zhǎng)，積少成多。

今天呢先從APP中交互設(shè)計(jì)中的特殊情況開(kāi)始聊起，如果后期有關(guān)于此文章的新體會(huì)，會(huì)在此文章中進(jìn)行更新。

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

①網(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)勢(shì)，增加用戶體驗(yàn)。如微博，在WIFI環(huán)境下當(dāng)前頁(yè)面下的小視頻是自動(dòng)播放的。

②信號(hào)間斷、信號(hào)丟失、信號(hào)減弱

信號(hào)間斷或丟失，常見(jiàn)場(chǎng)景如：從有WIFI的房間走到室外，中途有切換間隔，造成信號(hào)間斷;開(kāi)啟飛行模式，或手機(jī)停機(jī)，造成信號(hào)丟失。有兩種頁(yè)面狀態(tài)，根據(jù)不同的狀態(tài)有不同的設(shè)計(jì)方式。如下：

當(dāng)頁(yè)面有緩存數(shù)據(jù)時(shí)，給予網(wǎng)絡(luò)異常的toast提示，用戶需再次下拉刷新或點(diǎn)擊再次進(jìn)行后才能再次進(jìn)行刷新。

當(dāng)頁(yè)面無(wú)緩存數(shù)據(jù)時(shí)，給予網(wǎng)絡(luò)異常的toast提示，給用戶提供重新加載的Button/點(diǎn)擊空白頁(yè)面任意區(qū)域會(huì)觸發(fā)重新加載/提供前往設(shè)置WIFI的入口。

2.缺省頁(yè)面

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

②無(wú)頁(yè)面框架時(shí)：盡量采用情感化設(shè)計(jì)，同時(shí)可以引導(dǎo)用戶去看推薦的內(nèi)容，如微博的關(guān)注界面，當(dāng)用戶沒(méi)有關(guān)注任何人時(shí)，會(huì)引導(dǎo)用戶去關(guān)注。

3.加載刷新

①下拉刷新

設(shè)計(jì)下拉刷新動(dòng)畫(huà)，每次給予刷新反饋信息，如果當(dāng)前已經(jīng)是最新內(nèi)容，可以提示用戶已經(jīng)是最新內(nèi)容。如：微博和豆瓣，每次刷新的時(shí)候都會(huì)給予更新信息數(shù)量的反饋。

②分段加載

因?yàn)榭蛻舳瞬豢赡芤淮涡约虞d全部?jī)?nèi)容，得進(jìn)行分段加載，需規(guī)定每次加載多少條。

③分布加載，部分內(nèi)容先加載，剩余部分再加載，適用于內(nèi)容型APP。

考慮是先加載文字，后加載圖片，如果頁(yè)面有框架，會(huì)最先展示頁(yè)面框架，再顯示文字和圖片。由于加載圖片的時(shí)間稍長(zhǎng)，在加載圖片過(guò)程中會(huì)用一個(gè)默認(rèn)的占位符來(lái)填充圖片的位置，可適當(dāng)增加用戶的參與感。

④預(yù)加載

譬如閱讀類(lèi)APP，當(dāng)用戶閱讀到當(dāng)前頁(yè)面時(shí)，已經(jīng)給加載了下一頁(yè)的數(shù)據(jù)，用戶到第二頁(yè)的時(shí)候就不用再去等待加載了，APP已經(jīng)幫忙給加載好了，需良好的預(yù)測(cè)用戶的下一步行為操作。并建議預(yù)加載機(jī)制在WIFI環(huán)境下進(jìn)行，否則消耗用戶太多的流量。

⑤智能加載

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

4.其他情況

①是否支持游客模式

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

③token失效時(shí)

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

不同的產(chǎn)品根據(jù)自身的特點(diǎn)，需要考慮的特殊情況也不一樣。

分享文章：APP交互設(shè)計(jì)中特殊情況設(shè)計(jì)方案
網(wǎng)頁(yè)路徑：http://www.bm7419.com/news/173632.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、企業(yè)網(wǎng)站制作、虛擬主機(jī)、標(biāo)簽優(yōu)化、軟件開(kāi)發(fā)、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)