江苏龙网

  1. 首页 > 资讯 > 科技 > >

流程图|从0设计App（5）：2套方法绘制业务、页面流程图（下）( 三 )

  • 根据业务流程 ， 连线；
  • 判定处理 。
    • 我们直接回到职得APP来 ， 其实我画完业务流程图之后 ， 脑子里就蛮清晰得知道该怎么画页面流程图 ， 是水到渠成的 ， 直接给答案吧 。
    流程图|从0设计App（5）：2套方法绘制业务、页面流程图（下）
    本文插图

    1. 层级：一共是3个层级 ， 也就是说最深的页面也只用点3次就能抵达 。 一级页面代表了3个Tab 。
    2. 元素：每个页面有序号、页面名称、页面关键功能、跳转按钮（灰底） 。
    3. 指向：用箭头线段链接跳转按钮和所指向的页面
    4. 判定：有时候根据不同情况同一个按钮跳转到不同页面 ， 如未支付等情况 。
    说明下：在这张图里可能比较复杂 ， 实际情况中基本没有一个需求是一口气设计15个页面的 。 除非和职得一样也是从0设计的v1.0.0版本 。 因此如果学会了多页面 ， 少页面也会轻松掌握 。
    四、总结
    OK ， 至此 ， 我们已经得到了职得APP的10个页面流程图和一张页面流程“地图” 。 从一个理念到调研再到定位和演进蓝图 ， 这次 ， 我们终于有了施工图 。
    参考学习内容：
    作者：朱鲁斌 ， 公众号：字字朱心 。 每周深度思考一个问题 ， 不稳定的世界里找到一份笃定 。
    本文由@朱鲁斌 原创发布于人人都是产品经理 ， 未经许可 ， 禁止转载 。
    【流程图|从0设计App（5）：2套方法绘制业务、页面流程图（下）】题图来自Unsplash ，基于CC0协议 。


    推荐阅读


    上一篇：浙江艾维科技有限公司|【艾维科技】WIFI全覆盖智能系统

    下一篇：|转转&找靓机联合618年中大促：亿万补贴，手机、电脑数码抄底价