P1学习:5.原型设计与PRD入门

1.初始原型设计与prd

    p1:简单的原型图

    p2:复杂些的原型图

    p3:完成的原型图


2.页面流程与页面结构

    1.什么是页面流程图

        a.交互设计/原型设计的底子,基础依据

        b.侧重于用户操作

        c.重点突出页面元素与逻辑关系

示意图

    2.信息架构图与页面流程图的区别

左信息架构图;右页面结构图

ps:信息架构图偏向功能点(产品视角);页面流程图偏向页面流转(用户视角);业务流程图偏向服务端交互(产品视角);

    3.页面流程图包含什么

        a.四方形

        b.流向:主干流向、辅助流向

        c.重点元素

    4.页面流程图怎么画

        a.明确业务流程图

全业务流程

   

单个业务详细流程1


单个业务详细流程2


剥离出来的用户主线业务流程

        b.明确重点元素

            有哪些需要表现的元素;

            异常流程;

            辅助页面;

            下游触发点;


示意图

        c.沟通与优化

你可能感兴趣的:(P1学习:5.原型设计与PRD入门)