如何高效输出移动app产品原型?
2015-07-06 15:54
731 查看
一、输出以界面为单位的产品流程图
高效输出,首先要保证产品的整体思路要正确,这点可以从产品流程图中体现出来。移动产品需要做到聚焦,因为手机界面的大小,用户的碎片化使用等等,所以一个界面上必然不可能出现太多的内容和行动点,这就保证了我们可以用最简洁的方式来画流程。以界面为单位,定义
“界面标题”和“主要内容”,如下图所示:
如何利用起这样的界面单位来画流程,下面以一个app的登录注册为例:
这样的一个产品流程图,可以快速了解产品有多少界面,检验用户路径是否太长,形式简单,也方便讨论修改。
二、使用可修改的基础原型控件
如何快速产出高保真原型?一套备用的基础原型组控件必不可少。大部分设计师一般使用axure来完成产品原型,所以从协同合作的角度,本文专门在axure里***了整套最常用的移动产品组控件。设计师只要改文字,改颜色,摆位置就可以完成简单的高保真原型。
基础组控件截图如下:下载地址
以此控件为基础,在之前提到的app登录注册例子,快速组件高保真原型,如下图:
关于设计上很多细节,大家可以参看书籍【方寸指间——移动设计实战手册】,里面涉及到很多最基本的移动设计知识。
三、***可点击的动态原型
完成高保真原型,根据流程图,可以很方便***出在手机上可体验的动态效果,让产品人员或则用户真实感受app实际的效果。这里推荐一个特别简单的方法,登录www.flinto.com,完成注册,将高保真原型以图片的方式倒入,通过链接和转场方式选择,就可以很方便在手机上查看。网站提供了比较具体的指导,大家可以直接查看。
看完这篇文章,小编还是要唠叨一句:交互原型,重在把设计思想传达出来,逼真的效果固然很重要,但千万不要沉迷于一些看起来很酷炫的效果,往往一句注释就可以说明清楚的问题,干吗还要花几小时甚至更多的时间去***很逼真的效果。
相关文章推荐
- Unity3d Coroutine的Start和Stop
- Unity3D Lights
- App跳转至系统Settings
- 关于android性能,内存优化
- Android中像素单位dp、sp、px应用于哪些地方
- Android TextView自动换行文字排版参差不齐的原因
- YUV422 YUV420 Planar \ Semi-Planar \ Interleaved
- 关于android中隐藏布局
- Android开发经验
- iOS textfield限制长度,中文占2字符,英文占1字符
- android使用PHP上传图片到服务器
- 笔记115--app中引入网页(解决网页上Alert不响应的问题)
- Android调用百度地图可能导致出错的问题
- android计时demo源代码
- 格式化硬盘出现/dev/sdb5 is apparently in use by the system错误
- 又开一坑,运动图形MoGraph for Unity
- Android源码分析--CircleImageView 源码详解
- cordova-android源代码分析
- Android 开源项目android-open-project解析之(三) ScrollView,TimeView,TipView,FlipView
- iOS运行时runtime初探(强制获取并修改私有变量,强制增加及修改私有方法等)