宿迁官网建站分享移动APP原型设计的三大方法

 

　　一、定保真

　　正式画App原型之前，需要明确“原型该画到什么程度”。因为它决定了PM的工作量多少以及产品上线的质量。原型画到什么程度，一般取决于上级的要求，或者延续团队之前的习惯。当然也可以根据团队实际能力以及上线要求来优化原型交付标准。不建议大家按照所谓的高保真、中保真、低保真原型来理解。看上去划分很专业，实际概念不清晰。所以我明确了他们的概念，方便大家理解其中的差异。

　　低保真=黑白线框图，无交互

　　中保真=黑白线框图，带主要交互

　　高保真=配色线框图，带全部交互

　　宿迁官网建站一般来说低保真原型就能够满足设计和开发需求。如果给甲方看可以使用中保真原型。高保真原型除了装B很少用到。

　　二、画页面

　　画页面是画原型的必备工作，比如需要提前确定页面的尺寸和位置，不过初级PM容易忽视关键步骤。

　　建议使用375×667来画APP原型页面，能够上下兼容目前主流的所有屏幕分辨率。可参考旧文章《为什么375×667是移动端原型的最佳分辨率》。如果你的手机是Android，那么使用360×640也可以。其他尺寸画页面会影响视觉设计师画出有一定误差的视觉稿。
 

 

　　至于位置更少有PM关注，但是它影响着你在手机上预览原型的展示区域。像墨刀、xiaopu、justmind默认帮你把位置设为(0,0)，而Axure，mockplus是无限画布需要PM手动设置。不设置的后果就是手机上预览原型的时候很难看到页面内容。确定页面尺寸和位置后，接下来就是用原型软件画出一个个页面。宿迁官网建站不是特别建议PM在原型阶段就把页面中的元素进行配色，会妨碍了视觉设计师的发挥。当然如果你想提升自己对视觉的感觉，请配色之后只输出黑白线框图交付给视觉设计师(Axure是支持这样的功能)。

　　三、加交互

　　如果你只画了所有页面，就交付给设计和开发，那么无疑是低保真原型。建议加上主要交互，以中保真原型的标准交付给大家。

　　所谓的主要交互，首先是指页面之间的跳转。这个做起来很简单，但是能够展示整个产品的页面关系。能够让设计和开发快速的评估整个版本大概需要多少工作量。其次，可以把APP中的下导航、上导航、常见toast、弹层一并画出来，方便让大家了解页面内的交互体验。如果提前做成APP元件库然后快速调用，效率就特别高。不建议100%的把所有交互画出来，部分交互特别复杂会浪费很多时间，还不如直接写文字逻辑表述。定保真&画页面&加交互，这就是我理解的APP原型设计三部曲。就我所知大部分初级PM只知道第二步“画页面”，往往忽视定保真和加交互的重要性。

　　了解了上面四个步骤，想设计一个好的App就不是很难了。app设计师应经常举行关于App设计的交流会议，了解各自制作APP要经过哪些流程，目的是让大家不要过于沉浸在自己设计里面。另外，移动APP设计师也要多学习和多欣赏好的app界面和app设计干货。App应用设计效果如何，更多的是由用户的体验效果决定。一个优秀的App设计者，应该多从用户的角度去设计，这样的效果才会让大家满意。设计的APP是用户喜欢的，才是成功的APP设计。