欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

移动端APP原型设计三部曲

发布时间:2017:12:20 01:20:09 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1292个文字,预计阅读时间4分钟
导语
画原型是移动端PM的必备技能,今天我来系统性的讲解一下移动端APP原型设计三部曲:定保真;画页面;加交互。

  画原型是移动端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只知道第二步“画页面”,往往忽视定保真和加交互的重要性。希望本文的经验能够让大家改变这样的认知。

  #专栏作家#

  浪子,业务型PM,浪子PRD文档51prd.com,公众号langzisay。

  本文由 @浪子 原创发布。未经许可,禁止转载。

  题图来自 unsplash,基于 CC0 协议

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:原型剖析|如何制作出一款好玩的打地鼠游戏?

下一篇:网页设计中有那些内容区块是必须要的

  • 18900 文章总数
  • 2374143访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信