移動(dòng)交互：App加載從當(dāng)前窗口到新窗口.docx

《移動(dòng)交互：App加載從當(dāng)前窗口到新窗口.docx》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、移動(dòng)交互：App加載從當(dāng)前窗口到新窗口如題，本文主要介紹列表窗口進(jìn)入詳情頁的loading方式，App窗口的加載通常有以下兩種方式：方式一：在新窗口載入（A到B，在B窗口載入）這種方式沿用了傳統(tǒng)互聯(lián)網(wǎng)的頁面載入方式，也很常用。優(yōu)點(diǎn)：窗口即時(shí)切換。適用：B窗口信息量大，如長(zhǎng)篇圖文混排信息頁。建議：1).進(jìn)入B時(shí)不要使用空白窗口，采用預(yù)置的格式化信息（圖片的占位符，信息分隔樣式等）；2).帶入A窗口面已加載過的的部分信息，3).對(duì)B窗口的信息進(jìn)行分段載入。(這樣用戶邊閱讀提前載入的信息，邊等待，減少焦躁情緒)?范例：圖01圖02圖03圖04方式二：在當(dāng)前

2、窗口載入完成后，再切換下一窗口（A到B，在A窗口載入完成，再進(jìn)入B）這種方式相對(duì)使用的較少優(yōu)點(diǎn)：不會(huì)出現(xiàn)空白頁面，切換頁面完整性好。適用：B窗口信息少，載入時(shí)間快，以文字為主的頁面?；蛘逜窗口已在執(zhí)行某個(gè)任務(wù)，且有延續(xù)性。比如A窗口為一個(gè)音頻播放頁，用戶在進(jìn)入B頁前可以繼續(xù)收聽。建議：需要考慮網(wǎng)絡(luò)極端不好的情況，載入信息極少時(shí)使用，如圖05，ios原生短信應(yīng)用采用的就是當(dāng)前頁載入，當(dāng)遇到手機(jī)報(bào)之類的大量信息，就感覺界面卡上一小會(huì)。不過介于大部分短信都是文字為主，這樣設(shè)計(jì)無可厚非，如果加載時(shí)間長(zhǎng)的情況下如圖06一樣提供狀態(tài)就更完美。?范例：另外提交信息

3、（如注冊(cè)、登錄等）一般都在當(dāng)前窗口返回狀態(tài)并處理加載。?App窗口的加載是一個(gè)容易被忽略的問題，設(shè)計(jì)師們都習(xí)慣了Web端先進(jìn)入新頁面，后等待加載的方式，app直接沿用了，而且網(wǎng)速好的情況下，兩種加載方式使用體驗(yàn)沒太大差別。另外，設(shè)計(jì)師、產(chǎn)品經(jīng)理通常覺得加載是工程師該考慮的，可是除非項(xiàng)目時(shí)間充裕，且遇到非常有sense工程師才會(huì)有考慮提前加載。然而，很多情況下提前加載的好處非常明顯，gmail，alipay、iosNativeSMS也都在默默的使用。?當(dāng)然，加載方式是死的，上面提到的兩種方式其實(shí)也可以根據(jù)具體情況結(jié)合靈活使用。比如在A窗口載入的列表數(shù)據(jù)

4、前幾條拉取完整的數(shù)據(jù)信息，用戶切換到詳情B的情況下就直接可以看了。然后后臺(tái)預(yù)讀取余下的信息。減少用戶切換延遲。(gmail就是這么干滴。前面5封郵件先預(yù)取)這樣做對(duì)服務(wù)器來說，要求高了些，但體驗(yàn)Smooth很多，大家具體用的時(shí)候自己權(quán)衡。?最后重點(diǎn)提示，進(jìn)入前務(wù)必保存A當(dāng)前的狀態(tài)，B返回A時(shí)回到進(jìn)入前狀態(tài)（如在第15條進(jìn)入，返回時(shí)第15條信息在原來位置，并且配合原高亮消失效果）?綜上，無論是作為一名設(shè)計(jì)師還是工程師，都需要保持對(duì)產(chǎn)品體驗(yàn)的敏感性，很多時(shí)候超越并非來源于復(fù)雜的技術(shù)創(chuàng)新，而在于團(tuán)隊(duì)對(duì)產(chǎn)品的細(xì)節(jié)把握，產(chǎn)品面對(duì)的是用戶群體，相對(duì)于技術(shù)而言，體

5、驗(yàn)對(duì)于用戶永遠(yuǎn)是最實(shí)在和直接的。個(gè)人看法，僅供讀者評(píng)鑒。