【原型训练】AppSo页面流程/原型还原

【原型训练】AppSo页面流程/原型还原_第1张图片

最近,在看别人画的页面流程图和原型图时,发现自己初学时的页面流程图和页面原型图真的不太美观,在前辈的指导下,重新绘制一版。

体验发布产品到「AppWall」的功能:体验整个功能逻辑:点击发布——搜索app——编写内容——等待审核——发布成功

梳理上述体验的页面流程,并绘制出原型。

页面流程图:

【原型训练】AppSo页面流程/原型还原_第2张图片

--------------------------------------------------------------------------------------------------------------------------------------------------

注:本文完成于2017年11月19日。

在手机应用商店搜索「AppSo」,下载并体验,要求:

体验发布产品到「AppWall」的功能:体验整个功能逻辑:点击发布——搜索app——编写内容——等待审核——发布成功

要求:梳理整个体验的页面流程

tips:

1.区分页面层级

2.注意流程线流向,尽可能不交叉

3.梳理出页面跳转的触发点,提醒内容一并梳理出来

4.页面流程不是页面,不要贴页面上来~

产品截图:

【原型训练】AppSo页面流程/原型还原_第3张图片

一句话描述AppSo

        AppSo 是一个让手机更好用的数字生活社区。

        通过它可以轻松发现优秀(颜值高、功能好)的移动互联网产品,还能了解到有关智能手机、个人电脑等科技产品的使用技巧,从此拥抱更有品质的数字生活。

发布产品到「AppWall」功能:

体验整个功能逻辑:点击发布——搜索app——编写内容——等待审核——发布成功

页面流程:

【原型训练】AppSo页面流程/原型还原_第4张图片

原型还原:

【原型训练】AppSo页面流程/原型还原_第5张图片
【原型训练】AppSo页面流程/原型还原_第6张图片
【原型训练】AppSo页面流程/原型还原_第7张图片
【原型训练】AppSo页面流程/原型还原_第8张图片
【原型训练】AppSo页面流程/原型还原_第9张图片
【原型训练】AppSo页面流程/原型还原_第10张图片
【原型训练】AppSo页面流程/原型还原_第11张图片
【原型训练】AppSo页面流程/原型还原_第12张图片
【原型训练】AppSo页面流程/原型还原_第13张图片

你可能感兴趣的:(【原型训练】AppSo页面流程/原型还原)