?
成都小超人网络科技

用户体验优化 | APP开发UXUI设计 | 专业机构

首页 / 技术研发 / 文章详情

APP开发中列表加载数据的9?#20013;?#20026;分析与展现设计

2018-07-12 11:391541
列表是APP中常见的数据展?#20013;?#24335;。它以表格为容器装载着文字、图像等,在视觉上整齐美观,用户接受度很高,常用于并列元素的展示,包括目录、分类、内容等。由于列表中一次性加载较多数据,如何在APP产品中设计好列表在各?#20013;?#20026;下的数据加载的展性形式,对整个APP的用户体验显得尤为重要。

接下来秉着“要设计一个产品,首先要彻底的了解它”的原则对列表的9中常见数据加载行为方式进行分析,并对其展?#20013;?#26524;进行设计。

行为一:初次加载

行为分析画面启动,列表数据经历从无?#25509;?#30340;过程。此时程序需要从网络请求数据,一般情况列表中显示的数据内容较多,会存在一个缓慢的加载过程。

展现设计:此时需要在列表中心设计一个加载提示,提醒用户正在进行数据加载。

UI效果:

行为分析,文/红胡子刚子(简书作者) 原文链接:http://www.jianshu.com/p/48d4d15f1571# 著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。  画面启动,列表数据经历从无?#25509;?#30340;过程。此时程序需要从网络请求数据,一般情况列表中显示的数据内容较多,会存在一个缓慢的加载过程。

行为二:二次更新

行为分析:列表已经历过一次加载,并在本地缓存了数据。首先加载本地数据,?#32531;?#21521;网络请求新的数据进行更新或追加。在网络请求过程中此时的页面也需要加载提示。

展现设计:此时的加载提示应放置在列表的头部,不要影响用户对已有数据的展示和操作。

UI效果:

列表已经历过一次加载,并在本地缓存了数据。首先加载本地数据,?#32531;?#21521;网络请求新的数据进行更新或追加。在网络请求过程中此时的页面也需要加载提示。

行为三?#21644;计?#25968;据加载

行为分析:列表所加载的数据中包含?#35745;?#26102;,由于?#35745;?#26159;在列表数据之外另行加载,通采用异步的方式进行。

展示设计:加载初期显示默认?#35745;?#21152;载完成后显示正常?#35745;?

UI效果:

列表所加载的数据中包含?#35745;?#26102;,由于?#35745;?#26159;在列表数据之外另行加载,通采用异步的方式进行。

行为四:网络失败

行为分析:在网络请求数据时,网络不可用或者请求服务或URL资源不可访问原因本次请求失败。

展现设计:弹出提示,随后消失。

UI效果:

在网络请求数据时,网络不可用或者请求服务或URL资源不可访问原因本次请求失败。

行为五:数据解析等其他失败

行为分析:在网络请求数据时,网络返回正常。但是返回数据由于传输过程破坏了完整性或者服务端逻辑处理失败返回错误,要求用户重新尝试。

展现设计:页面显示数据加载失败,请重试。

UI效果:

在网络请求数据时,网络返回正常。但是返回数据由于传输过程破坏了完整性或者服务端逻辑处理失败返回错误,要求用户重新尝试。

行为六:加载完成

行为分析:在网络请求数据时,网络返回正常列表完成加载。此时也存在网络返回的数据为空的情况。

展示设计:取消之前的加载提示。对于初次加载数据为空时页面显示“没?#24515;?#38656;要的数据”代替空白。

UI效果:

在网络请求数据时,网络返回正常列表完成加载。此时也存在网络返回的数据为空的情况。

行为七:下拉刷新

行为分析:一般来说有数据加载的列表都会存在上拉刷新的行为。

展示设计:下拉刷新过程中需要列表头部需要加载提示。

UI效果:

一般来说有数据加载的列表都会存在上拉刷新的行为。

行为八:上拉加载更多

行为分析:由于需要加载数据较多,初次只加载部分后续需要上拉进行加载更多。

展示设计:下拉刷新过程中需要列表尾部需要加载提示。

UI效果:

由于需要加载数据较多,初次只加载部分后续需要上拉进行加载更多。

行为七、八切记误将加载提示放置列表中心位置,影响用户对已存在数据的浏览和操作。

行为九?#21512;录?#39029;面返回时刷新

行为分析:单击行由列表数据进入到对应的?#24405;?#39029;面,此时从?#24405;?#39029;面返回时,考虑?#36739;录?#39029;面操作可能对原有列表数据有改动或者在?#24405;?#39029;面操作过程中其他用户改动了列表数据,此时有?#24405;?#39029;面返回时对列表进行刷新。

展示设计:此时可以在后台进行数据刷新或加载,不可有加载提示影响用户操作。

最新文章
?
北京水晶宫
北京pk直播 天津时时彩开奖走势 老时时360安全 彩票快速赛车哪里有玩 江西时时在线 好彩1今天开奖结果查询 体彩胜平负彩开奖 bbin体育官网 内蒙古时时玩法介绍图 5月9号黑龙江22选5开奖结果 海南七星彩开奖规律图 新时时彩走势图怎么不全 微信捕鱼拿现金红包 吉林时时是真的吗 安徽11选五前三直选遗漏号码 今天上海福利彩票开奖