很多刚接触Axure的产品新人,大多只会拖放基础组件、设置简单的点击跳转交互,做出来的原型要么交互生硬和真实产品差距大,要么遇到复杂场景要花费大量时间重复操作。想要提升Axure原型制作效率和还原度,掌握以下几个高级设计技巧十分必要。
动态面板嵌套技巧,提升复杂交互还原度
很多人使用动态面板只停留在单层控制显隐的阶段,实际上多层嵌套的动态面板,可以轻松实现很多复杂的交互效果。比如电商产品的商品规格选择弹窗,外层动态面板控制弹窗的显示和隐藏,内层可以嵌套多组动态面板,分别对应不同颜色、尺寸规格选中后,商品预览图、价格、库存、限购提示的同步变化,不需要额外添加大量的条件判断语句。使用嵌套动态面板时要注意做好命名规范,比如按照“功能_位置_作用”的规则给每个面板命名,避免嵌套层级过多后找不到对应组件。除此之外,嵌套动态面板配合“固定到浏览器”功能,还可以快速实现滚动页面时悬浮导航的样式切换、侧边悬浮栏的展开收起效果,比基础交互配置节省近一半的工作量。
中继器批量数据处理,减少重复操作
做列表类、表格类原型时,不少人还在一个个复制组件、手动修改每条内容,不仅效率低还容易出错,中继器功能就是专门解决这类批量数据场景的利器。比如做后台管理系统的用户列表,只需要在中继器的数据集里导入姓名、账号、角色、注册时间等字段,给中继器内的对应组件绑定好字段,后续要修改内容、增减数据只需要调整数据集即可,不需要逐一修改组件。还可以给中继器配置排序、筛选、分页交互,模拟真实后台的关键词搜索、按注册时间排序、切换页码等效果,配合“标记行”“更新行”功能,还能快速实现列表的单选、多选、批量删除操作,做100条数据的列表和做1条数据的工作量几乎没有差别。
变量与条件逻辑组合,模拟真实业务流程
高保真原型和低保真原型最核心的区别,就是能不能还原真实的业务逻辑,这一点靠全局变量和条件判断就能实现。比如做登录功能原型,可以设置全局变量存储用户输入的账号和密码,添加多组条件判断:如果账号输入为空,点击提交时提示“请输入账号”;如果密码长度小于6位,提示“密码长度不能少于6位”;如果账号密码和预设值匹配,则直接跳转到系统首页。还可以用局部变量实时获取当前组件的输入内容、选中状态,实现表单的实时校验功能,用户每输入一个字符就触发校验逻辑,不需要等点击提交按钮才弹出提示,最终效果和真实开发完成的产品几乎一致。配置变量时同样要做好命名规范,避免后续调试交互时找不到对应变量。
掌握以上技巧之后,还需要结合实际业务场景灵活运用,不要为了炫技刻意使用复杂功能,合适的场景搭配对应的功能,才能最大化提升原型制作的效率和还原度。平时也可以多拆解优质的Axure开源原型文件,学习别人的交互配置思路,慢慢就能熟练掌握高级原型设计的核心逻辑。
