回到Fit的体验不好，将其主体的页面逻辑梳理了出来。这时候可以明显的看到在训练计划列表这一块是，其是重复的。将相同的内容放置到一起，能够简化流程。
Fit主要功能页面逻辑.png
于是，我们将同属性的内容放到一起，简化流程。这是我们在画完页面流程时候，经常要复盘的事情，看是否能够优化页面路径。
以下是优化后的页面流程。
优化后的页面流程 .png
从以上两个流程图的对比可以得到以下总结：
1、归类相似的内容；
2、思考路径上的优化，减少路径的长度。
当页面逻辑优化之后，再去思考单个页面的内容架构，摆放哪些内容，内容元素如何展现。
回到Fit的体验不好，将其主体的页面逻辑梳理了出来。这时候可以明显的看到在训练计划列表这一块是，其是重复的。将相同...
版本说明 优化目录 修改记录 目录 产品框架 页面流程图 页面展示及交互说明 封底
Axure案例——Toast 制作流程： 1、快速制作手机页面，添加toast动态面板，设置两个状态； 2、添加刷...
性能优化有两个方向 优化页面渲染 减小页面体积，提升网络加载 优化页面渲染 对于优化页面渲染可以进行如下方案来进行...
本文先总括Android性能优化的主要几个方面，后续再逐条详细说明。 1.启动页面优化： 启动页面网络请求优化（可...
数据库服务器优化步骤 整个流程划分成了观察（Show status）和行动（Action）两个部分。字母 S 的部...
准备工作 业务逻辑 》说明业务流程、页面流程、交互效果、页面主次 页面重点 》展示重点的部分：比如购物车弹层的按钮...
1、案例要求： 制作一个可以通过两个输入数字求和的页面 2、制作流程： 2.1、代码实现： wxml: js（用局...
需求背景： 项目主流程缓存优化，主流程页面（组件）切换时保持之前加载的状态，避免反复渲染影响页面性能，同时也可以很...
1、案例开始前的说明 今天的这个案例也是我们之前线上系统经历过的一个真实的生产JVM优化案例，这个优化的过程比较复...
本文标题：观察11|两个案例说明页面流程优化
本文链接：https://www.haomeiwen.com/subject/aowsrttx.html
网友评论