正常
- 刷新方式——自动刷新、手动刷新两种刷新方式选择
|| 备注：
自动刷新：进入页面后，产品自动与服务器提交一个请求，如果有内容更新就会自动推送过来，然后产品页面内容自动进行更新
手动刷新：一般分为下拉刷新和点击刷新
- 加载中样式——是否有加载中状态样式说明
- 刷新结果
- 刷新成功后，加载数据内容数量
- 刷新失败后，是否需要相应的提示
- 刷新后无内容时说明
|| 备注：刷新结果一般分三种：空白页面刷新失败有提示、缓存页面刷新失败无提示、缓存页面刷新失败有提示
空白页面刷新失败有提示：一般而言，空白页刷新失败之后会进行错误提示，一般提示为“网络有问题，请点击重试”。（参考 [ 读读日报 APP ] ）
场景：用户想要刷新内容，并且用户知道在这里可以刷出新内容，但是没有刷新成功，这时需要给用户一个反馈，需要提示用户出现该问题的原因。提示完用户之后需要给用户一个解决方法，这就是“点击重试”。
** 缓存页面刷新失败无提示：**采用缓存的形式，打开显示的是之前缓存的内容，然后功能系统会向服务器发送请求，如果有内容更新就会自动进行内容更新，对当前内容进行覆盖。当更新失败时没有任何提示。（参考 [ 微信朋友圈机制 ]）<br /> **场景：**用户只想看到有没有更新，并且用户已经做好了“没新内容”的心理预期时，即使没新内容更新，用户也不会产生任何负面情绪。相反，如果加上失败提示后，可能给用户心理带来细微的挫败感。**缓存页面刷新失败有提示：**采用缓存的形式，打开显示的是之前缓存内容，当进入功能时会向系统发送刷新请求，当选择刷新内容失败后，会有tips、toast等提示，提示说明刷新失败原因，如tips提示（嵌入页面内的提示条）：“当前网络不可用，请检查网络设置”。 （参考 [ 企鹅FM APP ] ）<br /> **场景：**内容都是实时推荐的，不存在时间连续性的问题，用户很难辨别阅读过的内容时，当进入该功能内容时，就应当进行提示，而不是当用户进入详情页时在进行提示。
- 加载形态说明
- 加载方式是否进行相应说明
- 当加载时间过长时，是否给出减少等待感的方案（加载中状态）
|| 备注：
六种加载方式选择：全屏加载、分布加载、占位色块加载、自动加载、智能加载、离线加载
全屏加载：将全屏数据内容进行加载，加载过程中整个页面会处于空白或只展示一个加载GIF
优点：能保证内容的统一性，全部加载完毕才可进行下一步的操作
缺点：加载时间过长时，就会使用户产生强烈的等待感，从而导致用户流失
**分布加载：**当页面内容既有文字又有图片信息内容时，可以优先将文字内容先进行加载，保证用户的阅读性，然后在进行图片等内容的加载<br /> **优点：**可以帮助用户快速的获取内容，以便进行信息的了解<br /> **缺点：**无法建立整体的阅读信息闭环，也许会丢失关键的阅读信息内容**占位色块加载：**即在用户进入页面时，对页面进行色块填充加载，等数据传输完成后，在进行内容的填充<br /> **优点：**适合布局相对固定的页面，体验感比全面加载流畅<br /> **缺点：**不适合页面布局多变的产品使用**自动加载：**适用于长列表内容页面（瀑布流布局），可以设定默认加载xx条规则，当滚动至该条内容时，在进行xx条加载<br /> **优点：**代入感很强，可以让用户一直浏览内容，不需进行上下页的跳页<br /> **缺点：**没有尽头，容易产生迷失，不方便定位单个内容**智能加载：**当用户为WiFi情况下，自动加载大图片、视频等内容，当用户为蜂窝数据的情况向下则切换为小图、视频封面等内容，根据网络环境自动调整<br /> ** 优点：**可以根据场景来控制使用流量和加载速度<br /> **缺点：**自动加载内容不一定是用户使用的真实需求，所以还需要给用户一定的设置项操作**离线加载：**当用户在有网的情况下，将页面加载缓存至本地，当用户在无网络情况下也可以进行内容的查看<br /> **优点：**解决了用户在没网情况下可以进行内容查看的需求，减少了流量的使用，保证了流畅度<br /> **缺点：**占用本地储存空间大四种减少 [ 加载中 ] 等待感的处理方法：**非模态加载方式、有趣的加载动画、加载进度的告知、提前加载**<br /> **非模态加载方式：**加载过程中不打断用户，等待加载过程中可以浏览该页其他内容，减少用户焦躁感**有趣的加载动画：**有趣的加载动画能提升产品本身的设计感，可以加入品牌元素，增强品牌感**加载进度的告知：**使用进度条告知用户加载进度，让用户有了更加明确的知情感，也能使用户更好的预知加载时间**尽量提前加载：**尽量在WiFi情况进行相应的离线缓存，把内容提前进行相应的加载，能最大程度的减少用户的等待感、卡顿感
若有收获，就点个赞吧
0 人点赞
