?
中超全明星赛

用戶體驗優化 | APP開發UXUI設計 | 專業機構

中超颁奖典礼投票:APP開發中列表加載數據的9種行為分析與展現設計

2018-07-12 11:391784
列表是APP中常見的數據展現形式。它以表格為容器裝載著文字、圖像等,在視覺上整齊美觀,用戶接受度很高,常用于并列元素的展示,包括目錄、分類、內容等。由于列表中一次性加載較多數據,如何在APP產品中設計好列表在各種行為下的數據加載的展性形式,對整個APP的用戶體驗顯得尤為重要。

中超全明星赛 www.oflyb.icu 接下來秉著“要設計一個產品,首先要徹底的了解它”的原則對列表的9中常見數據加載行為方式進行分析,并對其展現效果進行設計。

行為一:初次加載

行為分析畫面啟動,列表數據經歷從無到有的過程。此時程序需要從網絡請求數據,一般情況列表中顯示的數據內容較多,會存在一個緩慢的加載過程。

展現設計:此時需要在列表中心設計一個加載提示,提醒用戶正在進行數據加載。

UI效果:

行為分析,文/紅胡子剛子(簡書作者) 原文鏈接://www.jianshu.com/p/48d4d15f1571# 著作權歸作者所有,轉載請聯系作者獲得授權,并標注“簡書作者”。  畫面啟動,列表數據經歷從無到有的過程。此時程序需要從網絡請求數據,一般情況列表中顯示的數據內容較多,會存在一個緩慢的加載過程。

行為二:二次更新

行為分析:列表已經歷過一次加載,并在本地緩存了數據。首先加載本地數據,然后向網絡請求新的數據進行更新或追加。在網絡請求過程中此時的頁面也需要加載提示。

展現設計:此時的加載提示應放置在列表的頭部,不要影響用戶對已有數據的展示和操作。

UI效果:

列表已經歷過一次加載,并在本地緩存了數據。首先加載本地數據,然后向網絡請求新的數據進行更新或追加。在網絡請求過程中此時的頁面也需要加載提示。

行為三:圖片數據加載

行為分析:列表所加載的數據中包含圖片時,由于圖片是在列表數據之外另行加載,通采用異步的方式進行。

展示設計:加載初期顯示默認圖片加載完成后顯示正常圖片。

UI效果:

列表所加載的數據中包含圖片時,由于圖片是在列表數據之外另行加載,通采用異步的方式進行。

行為四:網絡失敗

行為分析:在網絡請求數據時,網絡不可用或者請求服務或URL資源不可訪問原因本次請求失敗。

展現設計:彈出提示,隨后消失。

UI效果:

在網絡請求數據時,網絡不可用或者請求服務或URL資源不可訪問原因本次請求失敗。

行為五:數據解析等其他失敗

行為分析:在網絡請求數據時,網絡返回正常。但是返回數據由于傳輸過程破壞了完整性或者服務端邏輯處理失敗返回錯誤,要求用戶重新嘗試。

展現設計:頁面顯示數據加載失敗,請重試。

UI效果:

在網絡請求數據時,網絡返回正常。但是返回數據由于傳輸過程破壞了完整性或者服務端邏輯處理失敗返回錯誤,要求用戶重新嘗試。

行為六:加載完成

行為分析:在網絡請求數據時,網絡返回正常列表完成加載。此時也存在網絡返回的數據為空的情況。

展示設計:取消之前的加載提示。對于初次加載數據為空時頁面顯示“沒有您需要的數據”代替空白。

UI效果:

在網絡請求數據時,網絡返回正常列表完成加載。此時也存在網絡返回的數據為空的情況。

行為七:下拉刷新

行為分析:一般來說有數據加載的列表都會存在上拉刷新的行為。

展示設計:下拉刷新過程中需要列表頭部需要加載提示。

UI效果:

一般來說有數據加載的列表都會存在上拉刷新的行為。

行為八:上拉加載更多

行為分析:由于需要加載數據較多,初次只加載部分后續需要上拉進行加載更多。

展示設計:下拉刷新過程中需要列表尾部需要加載提示。

UI效果:

由于需要加載數據較多,初次只加載部分后續需要上拉進行加載更多。

行為七、八切記誤將加載提示放置列表中心位置,影響用戶對已存在數據的瀏覽和操作。

行為九:下級頁面返回時刷新

行為分析:單擊行由列表數據進入到對應的下級頁面,此時從下級頁面返回時,考慮到下級頁面操作可能對原有列表數據有改動或者在下級頁面操作過程中其他用戶改動了列表數據,此時有下級頁面返回時對列表進行刷新。

展示設計:此時可以在后臺進行數據刷新或加載,不可有加載提示影響用戶操作。

最新文章
?
pk10计划软件2期手机版 炸金花手机版赢现金 中国体育彩票手机投注 重庆时时历史开奖号码 重庆时时开奖最快直播 什么斗地主有好友房 发发棋牌 雪缘园即时比分直播 玩牛牛拼牌口诀 斗牛技巧和概率4张牌 幸运飞艇六码如何选码 彩票店承包合同 内蒙古时时综合走势图百度百度贴吧 重庆时时2期必中计划 重庆时时开奖结果记录现场 北京pk赛车四码计划