如何设计app原型设计软件?(设计app原型设计软件的3步曲)

画原型是移动端PM的必备技术,今日我来系统性的解说一下移动端APP原型规划三部曲:定保真;画页面;加交互。

移动端APP原型规划三部曲

期望经过这篇文章,可以让初级PM知道比较规范的原型规划过程,而不是盲目的依据自己的感觉来画原型,来规划APP。期望可以让我们少走一些弯路。

依据7年的产品运营经历总结得来,不必定合适一切的移动端APP团队,可是关于大部分中小团队仍是比较有学习价值。

移动端APP原型规划三部曲,是方法论,所以适用于一切的原型软件,并不局限于Axure RP。

定保真

正式画App原型之前,需求明晰“原型该画到什么程度”。由于它决议了PM的作业量多少以及产品上线的质量。

原型画到什么程度,一般取决于上级的要求,或许连续团队之前的习气。当然也可以依据团队实践才能以及上线要求来优化原型交给规范。

不主张我们依照所谓的高保真、中保真、低保真原型来了解。看上去区分很专业,实践概念不明晰。所以我明晰了他们的概念,便利我们了解其间的差异。

  • 低保真=是非线框图,无交互
  • 中保真=是非线框图,带首要交互
  • 高保真=配色线框图,带悉数交互

一般来说低保真原型就可以满意规划和开发需求。假如给甲方看可以运用中保真原型。高保真原型除了装B很少用到。

画页面

画页面是画原型的必备作业,比方需求提早确认页面的尺度和方位,不过初级PM简单忽视关键过程。

主张运用375×667来画APP原型页面,可以上下兼容现在干流的一切屏幕分辨率。可参阅旧文章《为什么375×667是移动端原型的最佳分辨率》。假如你的手机是Android,那么运用360×640也可以。其他尺度画页面会影响视觉规划师画出有必定差错的视觉稿。

至于方位更少有PM重视,可是它影响着你在手机上预览原型的展现区域。像墨刀、xiaopu、justmind默许帮你把方位设为(0,0),而Axure,mockplus是无限画布需求PM手动设置。不设置的结果便是手机上预览原型的时分很难看到页面内容。

确认页面尺度和方位后,接下来便是用原型软件画出一个个页面。可参阅旧文章《怎么运用Axure规范的画出页面的线框图》。

不是特别主张PM在原型阶段就把页面中的元素进行配色,会阻碍了视觉规划师的发挥。当然假如你想提高自己对视觉的感觉,请配色之后只输出是非线框图交给给视觉规划师(Axure是支撑这样的功用)。

加交互

假如你只画了一切页面,就交给给规划和开发,那么无疑是低保真原型。主张加上首要交互,以中保真原型的规范交给给我们。

所谓的首要交互,首先是指页面之间的跳转。这个做起来很简单,可是可以展现整个产品的页面联系。可以让规划和开发快速的评价整个版别大约需求多少作业量。可参阅旧文章 《怎么正确地画出页面流程图》。

其次,可以把APP中的下导航、上导航、常见toast、弹层同时画出来,便利让我们了解页面内的交互体会。假如提早做成APP元件库然后快速调用,功率就特别高。

不主张100%的把一切交互画出来,部分交互特别杂乱会糟蹋许多时刻,还不如直接写文字逻辑表述。

总结

定保真& 画页面& 加交互,这便是我了解的APP原型规划三部曲。

就我所知大部分初级PM只知道第二步“画页面”,往往忽视定保真和加交互的重要性。期望本文的经历可以让我们改动这样的认知。

注:内容来源网络经过本站编辑后发布如有侵犯您的权益请联系我们删除谢谢支持!

1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
滴水壶营销获客 » 如何设计app原型设计软件?(设计app原型设计软件的3步曲)
网站优化推广

发表评论

加载中~

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员