人
已阅读
已阅读
APP开发原型设计的一些技巧
来源:lexintech.com 发布时间:2019-05-17
产品经理在APP开发前要进行需求分析以及产品原型设计,目前大多数产品经理使用的原型设计工具基本上都还是用axure,在使用axure制作原型的过程中,我们也整理了一些有用的技巧分享给大家。
一、保持原型的组织性和命名规范
Axure提供了许多选项来保持项目的组织性。
比如页面快照可以让你快速组织一个树状结构,母版在命名后可以排序等等。
规范的命名是原型被容易理解和维护的关键所在,任何一个页面一定要与最终研发出来的产品一致。
比如订单详情页,登录页,这些都是非常规范的命名。在原型维护时,就可以通过搜索框快速定位。——效率值千金。
实际上,规范的命名应该下沉到元件级。
更为理想的情况下,下游可以直接延续上游的定义规则,整个团队可以基于一个通用的语言来构建整个团队流程。
在项目发生意料之外的事情时,规范性的原型设计,可以帮助他人顺利地介入然后接管事务,以便保持项目的健康。
理想状态下,一个原型应该是清晰易懂不需要解释的,特别是在跨地区协作的时候。
Axure提供了许多选项来保持项目的组织性。
比如页面快照可以让你快速组织一个树状结构,母版在命名后可以排序等等。
规范的命名是原型被容易理解和维护的关键所在,任何一个页面一定要与最终研发出来的产品一致。
比如订单详情页,登录页,这些都是非常规范的命名。在原型维护时,就可以通过搜索框快速定位。——效率值千金。
实际上,规范的命名应该下沉到元件级。
更为理想的情况下,下游可以直接延续上游的定义规则,整个团队可以基于一个通用的语言来构建整个团队流程。
在项目发生意料之外的事情时,规范性的原型设计,可以帮助他人顺利地介入然后接管事务,以便保持项目的健康。
理想状态下,一个原型应该是清晰易懂不需要解释的,特别是在跨地区协作的时候。
二、学会使用母版
任何工具,包括纸和笔,都只是将你的想法,传递给别人的一种形式或是工具。
不要在这个环节投入过多不必要的精力,尽可能的设计模块化、继承化的东西。
母版正是这种思路的完美体现。
任何一个App都有很多页面,多数情况下页面的结构是一致的,不同的是页面元素。而且还有一些功能,也会在不同的页面出现。
有的人就不假思索的直接复制粘贴来完成这项工作,不但效率低,而且容易出错。
更好的做法就是制作一个母版,直接拖拽极可。母版设计实例
母版可以理解为一个可以复用的页面,你在设计页面的所有元件、交互和技巧都可以在母版中使用。
母版设计好,可拖放在页面的任何位置,统一修改维护,母板有更新,所有用到该母版的页面都会更新。整个原型的维护更新就会变成非常便捷,而且不会出错。
母版的另外一个好处是可以触发事件,在一些情况下,通过母版触发事件是非常高效的设计方法。但是,不要把过大的组合对象变成母版,而是应该把多个母版变成一个组合对象。
三、系统自带的元件足够完成绝多数的设计
元件作为axure的基础,是表达原型的基本元素。
一个完整的元件库,能够让你的原型看起来更真实。很多人就开始热衷建立一个自己的 Axure 组件库,网上也能找到大量的元件库。
但实际上,你很可能并不需要这么做。
大多数情况都可以通过自带的元件库完成工作,更激进一点的方式,直接用占位图即可。
对原型而言,绝大多数都不需要(也不应该)去追求原型的仿真美观程度,而应该在于表达思路,完善想法上面,icon这一类的工作是设计师的范围。
朴素原型实例
对PM而言,用最朴素的方式表达产品思路更重要,也就是你并不需要为原型付出额外的精力。
四、一个元件可以搞定的事情,绝对不用两个
axure的原型因为是元件组成,所以当你每添加一个元件到你的项目中,也就意味着未来的维护需要耗费更多时间。
因此,原型一定要简化。
一个元件可以搞定的事情,绝对不用两个,多一分力气都不要花在“原型”的设计上。
这一点实际上要求你对工具的每一个特性都非常熟悉。
比如在button上再组合一个文本标签,这样带来的麻烦是修改命名、设置交互,甚至移动都是需要操作多个元件,而且导致元件文件过于臃肿。
这种做法很常见。
还有一种奇怪的现象就是,使用两个面板实现互斥性操作。A面板操作B面板,这种设计在多数情况下都是蹩脚设计。
这种情况可能是对面板的操作还不太熟悉,任何元件都可以直接转换为动态面板,动态面板可增加多个状态,直接设置每个状态的跳转即可。
设计一个选项卡只需要一个动态面板即可实现,而不是通过多个面板的交互进行切换。
动态面板很常用也很好用,通常都是用来做一些交互动效,比如轮播图,选项卡等。
但是不要滥用,滥用指的是在不需要的情况使用面板,在可以用的时候又不用。
axure的原型因为是元件组成,所以当你每添加一个元件到你的项目中,也就意味着未来的维护需要耗费更多时间。
因此,原型一定要简化。
一个元件可以搞定的事情,绝对不用两个,多一分力气都不要花在“原型”的设计上。
这一点实际上要求你对工具的每一个特性都非常熟悉。
比如在button上再组合一个文本标签,这样带来的麻烦是修改命名、设置交互,甚至移动都是需要操作多个元件,而且导致元件文件过于臃肿。
这种做法很常见。
还有一种奇怪的现象就是,使用两个面板实现互斥性操作。A面板操作B面板,这种设计在多数情况下都是蹩脚设计。
这种情况可能是对面板的操作还不太熟悉,任何元件都可以直接转换为动态面板,动态面板可增加多个状态,直接设置每个状态的跳转即可。
设计一个选项卡只需要一个动态面板即可实现,而不是通过多个面板的交互进行切换。
动态面板很常用也很好用,通常都是用来做一些交互动效,比如轮播图,选项卡等。
但是不要滥用,滥用指的是在不需要的情况使用面板,在可以用的时候又不用。
五、掌握快捷键
组合元件:ctrl+g;
锁定元件:快捷键:ctrl+k;
平移元件:按住shift拖动元件;
复制元件:按住ctrl拖出一个复制的元件;
垂直或水平复制新元件:按住ctrl+shift后拖动元件
组合元件:ctrl+g;
锁定元件:快捷键:ctrl+k;
平移元件:按住shift拖动元件;
复制元件:按住ctrl拖出一个复制的元件;
垂直或水平复制新元件:按住ctrl+shift后拖动元件
以上分享的这些技巧,希望能帮助产品经理们更有效的制作原型图。