移动端APP原型设计

  依据这多少年的产品经营教训总结得来,不一定合适所有的移动端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只晓得第二步“画页面”,往往疏忽定保真跟 加交互的主要性。

客户服务热线

185-1240-2593

在线客服