【功能分析】之「加载更多」
在实际的产品设计中，我们经常会需要设计加载更多功能。那么在设计这个功能时，我们应该要考虑哪些地方呢？下文是我对这个问题的详细分析。
1.功能概述
功能名称：加载更多
功能描述：点击“加载更多”按钮、或上拉列表时，加载更多的内容。
1.1、使用场景：
当一个页面有较多的信息要展示给用户时，为了减少用户单次请求对办事器产生的性能压力和时间损耗，每次只加载固定数量的少量信息。用户浏览完之后，再向办事器发起请求，加载更多内容。
常用于内容列表，如图文列表、资讯列表、专题列表、评论列表等。
1.2、常见案例
淘宝搜索结果页商品列表、简书文章列表、网易云音乐精彩评论列表、脉脉匿名八卦的热门评论、混沌大学热文列表等。
2.功能分析
2.1、数据流向图
该功能实现逻辑是：
1. 前端通过接口，向后台发起请求；
2. 接口将用户信息、当前页数传到后台；
3. 后台接受信息，，获取下一页数据列表；
4. 从数据库中提取下一页数据；
5. 对数据进行排序；
6. 后台通过接口，将数据回传给前端；
7. 前端接收信息，并将信息按既定样式展示出来。
用数据流转图体现如下：
2.2、触发方式
大部分产品都使用以下两种方式来触发“加载更多”功能：
1.上拉列表页面：在淘宝的商品搜索结果页，当页内容浏览完后，上拉页面，将自动加载更多商品。
2.点击“加载更多”按钮：如人人都是产品经理点击列表页面底部的“加载更多”按钮加载。如下图：
2.3、需求点描述-交互
以“混沌大学热文列表”为例：
1. 页面滚动到底部时，稍微上拉列表：底部显示“上拉可以加载更多”提示，向办事器发起加载更多内容的请求。
-
SEO新站排名要多久时间？对于网站优化，网站的搜索排名是大家最关心的问题。一个新站优…
-
事实上，搜索关键词排名优化一直是有一定市场需求的，很多企业利用这种方法来提高网站…
-
很多运营推广人员都会问的一个问题是做seo需要哪些技能呢，其实作为一个seo比起技能更应…
-
企业的官网一般都是展示型或营销型的网站，以企业品牌营销为主，展示企业的形象与实力…
-
网站优化排名计划制作需要以下几个方面来做：站内结构优化:合理规划站点结构1、扁平化…
-
在整站优化行业，大家总是在谈论关键词和如何提高关键词排名，因为这是重中之重。早些…
-
现如今移动端流量的增长是非常迅速的。这也让越来越多的企业和公司，渐渐的重视起了移…
-
怎样优化网站关键字指数?下面来听听杭州共生网络小编的分享：1、常规优化与自刷率的利…
-
免费SEO工具，为什么要用seo工具，因为seo工具可以快速让网站收录以及排名以及检查网站出…
-
站点优化的目标是希望企业网站在搜索引擎上排名靠前，增加网站曝光，给企业带来在线订…
-
无论什么网站优化，总是不那么简单和容易，也会遇到各种问题，点击率就是其中之一，那…
-
网络不计其数的站点，为什么有的综合排名NO.1，有的翻查了几十页也没有找到。…
-
对每个SEOer来说，网站上的每个关键字都能很好的进入TOP10的搜索引擎，但是在实…
-
营销性网站所具有的功能是符合SEO原则的，重视这些标签等于在做好网站优化，是每一位推…
-
网站关键词排名尤为重要，关键词排名优化是指通过各种搜索引擎优化(搜索引擎优化)，使…
-
为了实现SEO优化关键词的快速排名，我们需要了解SEO优化的原理。只有这样，我们才能在短…
-
很多新手站长做好网站后，最期待的就是网站能被搜索引擎收录，那么网站首页一直没有收…
-
在网站优化的过程中，关键词也是一个非常重要的关键点，每天都会进行查询的基本工作，…
-
1.使用网站首页的关键词这一要素是指网站竞争关键字的定位，在网站上线前，你要仔细考…
微信扫码联系我们
