文字/有點出色

 xinwen   2020-03-07 17:22   67 人閱讀  0 條評論

廢話不多說,直接在本文的輪廓圖上:

1.1正在加載什么

在用戶向客戶端發送指令之后,直到客戶端顯示反饋結果,計算機在此期間完成的一系列執行動作可能包括客戶端發送請求,服務器響應以及客戶端在接收到數據之后進行計算。渲染等 當我們單擊應用程序圖標時,軟件需要從Rom到Ram讀取文件或數據,這也是一個加載過程。

1.2加載有什么用

加載是計算機接收用戶指令并實現用戶目標所必須經歷的過程。 沒有加載,計算機將無法實現用戶的目標。

1.3個加載問題

一些加載過程可能會花費很長時間,并且甚至用戶此時都不知道應用程序是否被卡住或正在執行命令,這將導致較低的用戶體驗,并且用戶將失去對應用程序的耐心。

第一步:弄清應用程序中有哪些加載方案

為了設計App中加載場景帶來的問題,首先,首先列出App中的加載場景,然后為不同的加載場景選擇相應的方法。

以下列出了一些經常出現在不同應用程序中的加載方案。 實際上,我們自己設計的應用程序中的大多數加載方案都是這些。 當然,不同應用程序的情況并不完全相同。 我們仍然需要整理不同的應用程序。那么我們如何解決呢?列出發出指示后應用程序需要很長時間處理的所有加載過程。 簡而言之,找出那些緩慢的地方。

常見的加載方案:

應用啟動

登錄注冊

上傳下載

加載大量圖片文字,圖片列表等。

下拉刷新

上拉以加載數據

喜歡

進入新頁面

手機支付

步驟2:采取相應的解決方案

在App中整理好加載方案后,我們可以針對不同的加載方案采取相應的解決方案。 為什么這里有相應的解決方案?因為接下來要描述的解決方案不是您要使用的解決方案,所以我們必須根據情況選擇

第一種方法:選擇加載策略

以下是一些常見的加載策略。 我們可以為不同的加載方案選擇合適的加載策略。

1. 逐步加載:

優先加載占用較少網絡資源的元素。例如,在圖片之后顯示文本和默認圖標,并在加載圖片之前顯示占位符。

2. 延遲加載(也稱為延遲加載)

在網頁中,經常使用圖像,并且圖像消耗大量流量。通常情況下,瀏覽器將解析整個HTML代碼,然后從上到下加載圖片標簽。如果頁面很長,則隱藏在頁面下方的圖像實際上是由瀏覽器加載的。如果用戶不向下滾動頁面,則他們看不到這些圖片,這相當于浪費圖片流量,這不僅浪費流量,而且速度很慢。

但是,淘寶和京東。com擁有大量的電子商務,產品介紹頁面必須有很多圖片,因此這些頁面的圖片是“按需加載”的,即,用戶在滾動頁面時顯示時加載圖片。當網絡速度非??鞎r,用戶將無法感知延遲加載,從而節省了流量并且不影響用戶瀏覽。

3.預載

通常用于信息流中。例如搜索結果頁面,這是我們經??吹降牧斜硪晥D。當我們“滑到頁面的底部”時,頁面會自動請求數據以為您加載下一頁。因此,當您瀏覽如下圖所示的列表時,感覺非常流暢。因為頁面已預加載。

預裝是一件經過深思熟慮的棉質小外套,它將嘗試弄清楚用戶的思想并秘密進行事先準備。當用戶查看A頁面時,客戶端正在準備用戶可能看到的B頁面。 當用戶需要時,立即將其提供給他,然后準備C頁面以為用戶提供無縫的鏈接感覺。他們已經夠累了,并且會消耗更多來自用戶的流量。

延遲加載和預加載似乎是相反的策略,那么我們使用哪一種呢?如果用戶需要在列表中看到很多圖片而更少的文本,則在這種情況下,我們可以使用延遲加載。 如果用戶想要觀看的頁面不會花費很多流量,那么我們的預加載可能會更好,或者在wifi下使用預加載,并在使用4g網絡時進行延遲加載。

4.智能加載

根據不同的網絡條件加載不同的數據:

在WIFI條件下:優先加載高質量圖片,高質量音樂和視頻;

在4G條件下:自動終止下載行為,優先停止普通加載甚至圖片或音樂視頻的加載;

當網絡不可用時:默認情況下質量較低甚至停止加載圖片或音樂視頻;

5. 漸進式加載

當我們使用瀏覽器在PC上查看圖片時,通常會先看到模糊的圖片,然后逐漸變得清晰。 在觀看漫畫時,這種情況尤其常見。 這種效果稱為漸進式加載。漸進式加載可以大大增強體驗感。

6.后臺加載

用戶進行操作后,客戶端立即報告操作成功,然后將請求置于后臺以與服務器進行交互。 在這個過程中,用戶不需要知道,不需要等待,在正常情況下體驗是很棒的。

但是,在極端情況下,會發生一些莫名其妙的情況。 因為該請求記錄在后臺并與服務器交互,所以客戶端不會指示實際請求是否成功。 所有這些都顯示為成功的操作,這將使用戶認為該操作已成功,但是實際上,下一次我看到它并不成功。

因此,需要根據特定的使用場景來權衡此加載方法。 對于某些重要操作,建議使用模式加載。 對于某些小操作,例如點贊,訂閱和關注,您可以使用后臺加載。

摘要:

這些加載策略可以極大地改善用戶體驗,但是我們可以看到,除了后臺加載之外,其他加載策略基本上也用于加載圖像文本,這與我們剛剛列出的列表相對應。許多加載場景都加載了大量文本圖像并進入新頁面。 因此,我們可以看到這些加載策略可以解決的加載方案相對有限,但是這些加載方案也是我們應用程序中最常遇到的。正在加載場景。

第二種方法:提示

除了第一種方法,我們還能做什么?如果我們不能加快加載速度,我們會忽略它嗎?明顯不是。 實際上,用戶可以理解,應用程序中的合理加載過程相對較慢,因為許多操作本來就需要一定的時間。 您必須下載一個大型視頻,然后一次全部下載。 目前還沒有這樣的東西。技術,其次,緩慢的加載過程不是應用程序的錯。 您的電話卡怪我嗎?您的互聯網難怪我嗎?

但是我們也可以幫助用戶在設計應用程序時共享這些焦慮,并嘗試為用戶提供良好的體驗,然后我們應該在加載過程緩慢的這些地方添加合理的提示,以便用戶有良好的心態,而不是錯誤地認為 手機卡住,或應用程序失敗。這些合理的技巧顯然可以改善用戶體驗,讓我們看看如何提示用戶。

1. 提示類型:中斷用戶操作

在某些加載方案中,我們需要中斷用戶的其他操作,并且用戶只能等待加載方案結束,因為如果用戶執行其他操作,它將中斷正在進行的加載過程,并且如果用戶的目標無法完成 要實現此功能,用戶必須重新加載,那么我們如何知道哪些加載方案需要中斷用戶操作,哪些不需要?

通常,有兩種主要情況需要中斷用戶操作的加載過程。

①用戶的下一個操作與該步驟的操作密切相關。 如果未成功執行此步驟,則無法執行下一個操作。例如登錄,注銷,應用程序啟動,移動支付等。 確定此方案需要我們確定特定應用程序功能和業務方案的組合。

②用戶執行的操作不能與其他操作同時執行。 我不知道您是否已使用微信功能遷移聊天記錄。 在遷移聊天記錄的過程中,應用程序會提示:“請保持微信在屏幕上顯示”。如果我們做其他事情,傳輸過程將被中斷。 確定這種情況需要我們與開發人員進行溝通。

當我們確定提示類型需要中斷用戶操作時,如何提示用戶?

①如果中斷時間相對較短,我們可以使用模式提示。 模式提示是在屏幕中間彈出的提示框。 提示框以外的區域將顯示為灰色,這意味著無法單擊其他部分。 例如,下圖登錄,退出。

當然,這并不是說只能使用模式提示。 啟動我們的應用程序時,它需要從Rom到Ram讀取文件和數據。 此過程相對較長,并且用戶無法執行任何操作。 幾乎所有的應用程序這次都使用廣告頁面而不是模式提示來占據,因此我們仍然必須靈活地使用它們。除了廣告頁面,我們還可以使用品牌頁面,活動頁面來承擔加載過程。

②如果中斷時間比較長,我們需要使用特殊的頁面來提示用戶吸引用戶的注意力。

注意:當加載過程需要中斷用戶的其他操作時,我們最好留下一個按鈕供用戶取消加載過程。 當用戶不想加載時,他可以取消加載。

通常,需要中斷用戶操作的加載場景是相對不中斷的。

2. 提示類型:請勿打斷用戶操作

如果加載場景不需要中斷用戶的操作,則常見的提示方法包括導航欄提示用戶,控件本身中的用戶或頁面本地提示用戶。

在導航欄中提示用戶是一個不錯的選擇,但是我看到了很多應用程序,并且沒有將提示內容放入導航欄中。 為什么?由于大多數應用程序的導航欄都被各種搜索框或各種選項卡占據,因此提示內容根本沒有空間。

這種提示控件本身的方法也更好。 它允許用戶知道其操作針對的對象。 該提示方法通常適用于特定操作對象的加載過程。 如果我要刷新,顯然我不能這樣做,因為刷新沒有特定的對象。

第一張圖片是您下拉刷新時的提示。 輸入新頁面時,第二個圖片將顯示在頁面中央。 一些成都網站制作的學生可能想問一下。 第二張圖片為空白。計算用戶中斷的類型?

實際上,在這種情況下,我們仍然可以單擊底部菜單欄和導航欄中的選項卡欄,因此不能將其視為中斷用戶的操作。頁面上的局部提示可以說是幾乎每個應用程序中使用最廣泛的提示方法。 此應用程序中有這樣的提示方法。 此方法是最簡單,最成熟的設計方法。

3. 提示內容

提示包括文本和圖片。

如果使用文本,則文本應盡可能準確地告訴用戶應用程序正在加載什么,并且不要讓用戶猜測。 例如,圖中使用了我之前輸入的登錄屏幕截圖。 正在加載。 如果您可以將其更改為登錄名,甚至更好,您可以觀察微信的提示文本如何寫入此提示的內容,收費。,連接。 等等 我相信用戶更愿意看到這樣的提示,而不是枯燥的加載。

實際上,在大多數情況下,提示的內容是文本,使用圖片的機會更少。 這是圖片,其中有些將具有動畫效果,而不是圓圈中的小圖標。 為什么使用圖片?更少,因為圖片占用大量空間。 通常,僅當進入新頁面時,某些應用程序才會使用一些可愛的圖片來分散用戶的注意力,但是我相信,即使用戶是第一次,第二次,也是第一次對您的圖片感興趣,對于 長期以來,無論多么漂亮的圖片都會使用戶感到無聊。

摘要:

好了,我們為用戶完成提示的第二種方法已經完成,這里要添加一件事,就是無論哪種形式的提示,如果可以給出進度條,最好使用進度條 方法,但是它可以提供進度條的加載場景并不多,因為我們的大多數加載場景都與網絡有關。 如果網絡不好,誰知道何時加載它。 一般來說,下載和上傳此類方案可以取得進展。文章。

寫了這么多書之后,設計加載場景的本質實際上并不復雜:

首先找出應用程序中加載時間慢的操作,只要它們很慢

然后根據加載方案,如果可以使用加載策略,請使用加載策略;如果不使用加載策略,請合理提示用戶。 當然,這并不意味著您在使用加載策略時無需提示用戶。 如果您使用加載策略,將會有點慢。我們還想提示用戶

最后,實際上,大多數加載方案都有成熟的解決方案。 我們只需要整理應用程序中的加載方案,然后在其他人的應用程序中找到靈感,哈哈。

本文地址:http://www.hkdealsale.com/webnews/?id=507
版權聲明:本文為原創文章,版權歸 xinwen 所有,歡迎分享本文,轉載請保留出處!

評論已關閉!