画原型是移动端PM的必备技能,今天我来系统性的讲解一下移动端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只知道第二步“画页面”,往往忽视定保真和加交互的重要性。希望本文的经验能够让大家改变这样的认知。
以上就是什么是app原型(讲解一下移动端APP原型设计3部曲)的相关内容了,更多精彩内容请关注科猫号SEO专员!
据报道,犯罪黑客正在通过一种有效的、狡猾的技术用偷来的执法部门的电子邮件从大型科技公司、ISP、运营商和社交媒体公司窃取用户数据。据网络安全记者Brian Krebs称,更具体地说,攻击者显然正在伪装成执法官员以获取传票特权数据。 一般来说,他们使用被破坏的执法部门电子邮件账户。 这种策略还依赖于...
Hackernews 编译,转载请注明出处: 一个名为“RED-LILI”的攻击者发布了近800个恶意模块,与正在进行的针对 NPM 软件包库的大规模供应链攻击活动联系紧密。 以色列安全公司 Checkmarx 说: “通常,攻击者使用一个匿名的一次性 NPM 帐户发动攻击。”“这一次,攻击...
一家欧洲隐私监督机构已经制裁了有争议的面部识别公司Clearview AI,该公司从互联网上搜刮自拍,积累了约100亿张脸的数据库,为其出售给执法部门的身份匹配服务。意大利的数据保护机构今天宣布对Clearview AI违反欧盟法律的行为处以2000万欧元罚款。 同时命令这家有争议的公司删除其...
上周,Chrome Security 团队的 Adrian Taylor,在一篇谷歌安全博客文章中解释了“为何在野外被利用的 CVE 漏洞似乎有所增加”。对于这种漏洞利用的可见性增长趋势,归咎于多个方面的因素。而谷歌旗下的 Project Zero 团队,也有对包括 WebKit、IE、Flash、...
Hackernews 编译,转载请注明出处: 一个广泛应用于 Windows、 Linux 和 Mac 环境的开源模块的维护者最近破坏了它的功能,以抗议乌克兰的战争,大众再次将注意力集中在与软件代码依赖相关的潜在的严重安全问题上。 Node-ipc 是一个用于进程间通信的 JavaScrip...
文件压缩软件 7-Zip 被爆零日安全漏洞,允许攻击者提权并执行任意代码。目前开发团队并未发布补丁,但普通用户可以通过简单操作来让这个漏洞失效。上周,研究人员 Kağan Çapar 发现并公布了 7-Zip 的一个零日漏洞,该漏洞可以授予权限升级和命令执行。 它被命名为 CVE-2022-290...