加入收藏 | 设为首页 | 会员中心 | 我要投稿 济南站长网 (https://www.0531zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

【功能分析】之「加载更多」

发布时间:2017-09-04 08:16:06 所属栏目:优化 来源:枯叶咖啡馆
导读:副标题#e# 导读 在实际的产品设计中,我们经常会需要设计加载更多功能。那么在设计这个功能时,我们应该要考虑哪些地方呢?下文是我对这个问题的详细分析。 1.功能概述 功能名称:加载更多 功能描述:点击“加载更多”按钮、或上拉列表时,加载更多的内容。

2. 上拉列表:底部显示“松开立即加载更多”提示。

【功能分析】之「加载更多」

3. 松开:底部显示“正在加载更多的数据”提示和loading动画,向服务器发起加载更多内容的请求。

【功能分析】之「加载更多」

4. 加载完成:loading动画和提示消失,直接显示加载的内容。

需要说明的是,每次加载的内容数,根据需要设定,不建议加载过多,导致请求时间过长。如每条记录都希望用户点进去看,最好 10 条以内。若每条记录都只需用户一扫而过,可适当增加数量。

2.4、需求点描述-异常

1. 无网络或服务器繁忙:请求失败后,弹出toast提示“网络异常”。

【功能分析】之「加载更多」

2. 无更多内容:当内容列表中没有更多内容时,弹出toast提示“暂无更多内容,请稍后再试”。

2.5、体验细节

在做功能点调研时,我看到了一些不错的微交互设计。

  • 1. 页面滚动到某个位置时,自动加载更多,不需要用户可以去拉。如淘宝的商品列表;

  • 2. 页面滚动到底部时,适当上拉,即自动开始发起加载更多请求,并显示“正在加载”提示和loading动画,省略了其他的显示逻辑。如得到app的专栏文章列表。

(编辑:济南站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!