如何高效输出移动app产品原型? 清晰的产品思路,顺畅的协同合作,齐备的素材元素,真实的体验感受…保证过程的高效,更要保证有效的成果。下面我们将分三步走,来完成高效输出移动app产品原型。

一、输出以界面为单位的产品流程图

高效输出,首先要保证产品的整体思路要正确,这点可以从产品流程图中体现出来。移动产品需要做到聚焦,因为手机界面的大小,用户的碎片化使用等等,所以一个界面上必然不可能出现太多的内容和行动点,这就保证了我们可以用最简洁的方式来画流程。以界面为单位,定义 “界面标题”和“主要内容”,如下图所示:

如何利用起这样的界面单位来画流程,下面以一个app的登录注册为例:

这样的一个产品流程图,可以快速了解产品有多少界面,检验用户路径是否太长,形式简单,也方便讨论修改。

二、使用可修改的基础原型控件

快速产出高保真原型?一套备用的基础原型组控件必不可少。大部分设计师一般使用axure来完成产品原型,所以从协同合作的角度,本文专门在axure里制作了整套最常用的移动产品组控件。设计师只要改文字,改颜色,摆位置就可以完成简单的高保真原型。 基础组控件截图如下:(请查看原文下载)

以此控件为基础,在之前提到的app登录注册例子,快速组件高保真原型,如下图:

关于设计上很多细节,大家可以参看书籍【方寸指间——移动设计实战手册】,里面涉及到很多最基本的移动设计知识。

三、制作可点击的动态原型

完成高保真原型,根据流程图,可以很方便制作出在手机上可体验的动态效果,让产品人员或则用户真实感受app实际的效果。这里推荐一个特别简单的方法,登录www.flinto.com,完成注册,将高保真原型以图片的方式倒入,通过链接和转场方式选择,就可以很方便在手机上查看。网站提供了比较具体的指导,大家可以直接查看。

内容来源:淘宝UED

-------------------------------------------

这里是底部,看完顺手关注一下我们吧

如何高效输出移动app产品原型?相关推荐

  1. 15款优秀移动APP产品原型设计工具

    15款优秀移动APP产品原型设计工具 2014-01-22 8:55 yoyo 分类:原型设计 微信二维码 一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#¥ ...

  2. (10.2.1)15款优秀移动APP产品原型设计工具

    一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#¥--&%*" 又问:"能详细说下各个工具吗?我比较一下" " ...

  3. 移动APP产品原型设计工具

    一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ...

  4. APP设计师拿到APP产品原型开始,七步搞定APP设计

    转载:http://www.25xt.com/appdesign/9670.html 任何一款成功的APP都需要以坚实的产品概念作为基础,因为概念决定了产品最终完成的潜力. 一般情况下,交到app设计 ...

  5. App产品原型背后要交代的细节和要理解的原则(上)

    移动App的产品设计往往都是所见即所有,没有太深奥的逻辑要交代的,比葫芦画瓢即可. 产品经理常常很快就把原型画出完了,但是在设计UI的时候或开发的时候就常常被拉去澄清细节,原因就是对设计的细节交代不清 ...

  6. 【Axure电商原型】电商APP高保真原型+移动端通用版电商app模板+用户中心+会员体系+内容推荐+社区体系+运营推广+订单流程+运营活动+订单管理+售后及服务+秒杀专区+特惠推荐+高保真移动端电商

    作品名称:Axure电商产品移动端交互原型 –   作品类型:模板类   软件版本:Axure 8.0 兼容9.0  备注:非代码真实系统,适用于交互设计师或者产品经理. Axure原型演示及下载地址 ...

  7. 数字化经济能力:产品原型展示

    数字化经济能力:产品原型展示 From 农选APP产品原型设计 农选 一.项目背景 根据今年国家农业农村部公布的数据 ,目前全国的农户有2.3亿户 ,户均经营规模7.8亩,经营耕地10亩以下的农户有2 ...

  8. 商城小程序、实例原型设计、电商app、积分商城、领券中心、会员中心、每日签到、小程序电商、优惠券、移动端电商、Axure原型、rp原型、产品原型、积分、会员卡

    商城小程序.实例原型设计.电商app.积分商城.领券中心.会员中心.每日签到.小程序电商.优惠券.移动端电商.Axure原型.rp原型.产品原型.积分.会员卡 Axure演示及下载地址: Untitl ...

  9. 超市百货电商app移动端原型+通用模块全局规则说明+超市电商后台管理web端原型+超市电商产品原型及需求文档+业务后台(商品管理+广告管理+活动管理)

    作品介绍:Axure原型内容主要包括:超市百货电商app移动端原型+文档变更记录+名词术语说明+产品业务功能框架+通用模块和全局规则说明(消息推送机制+输入提交规则+图片加载机制+权限类提示说明+搜索 ...

最新文章

  1. 教你如何rEFIt-让你开机免按option!
  2. oracle的catalog,oracle学习笔记 RMAN catalog的创建和使用
  3. 【Java】6.5 抽象类
  4. CXF+Spring+Tomcat简明示例
  5. php千人千面框架,千人千面的设计才是最好设计!安卓 UI 可以如此自由
  6. 坑 之 TypeError: Cannot create initializer for non-floating point type.
  7. 企业实战_10_Mycat集成ZK实现配置同步
  8. 计算机应知应会培训班,应知应会培训、测试方案(报省里)
  9. 手机相片删除了怎么恢复? 手机照片恢复方法汇总
  10. Java基础篇:带自变量的构造函数
  11. Ipopt安装【Ubuntu18.04】XAVIER(ARM架构)
  12. 高通Camera驱动(1)--Camx架构介绍
  13. 网页连接mysql教程_网页怎么连接到数据库?
  14. 工信部191号文《App违法违规收集使用个人信息行为认定方法》
  15. ifrog 1130 喵哈哈村的魔法大师╳灬兲笙疯癫°月 缩点+最小路径覆盖+背包
  16. 毕业设计 STM32天气预报盒子 - 嵌入式 单片机 物联网
  17. 为什么有些30岁的程序员代码敲着敲着就创业了
  18. 深圳云计算培训:Linux学习思路(一)
  19. cygwin git mysql_msysgit和Cygwin git之间的区别?
  20. 无法加载shockwave flash

热门文章

  1. Java主方法引用传递_java方法中的参数传递是值传递还是引用传递(转)
  2. 安装python有什么用_什么是Python Wheels?为什么要关心它?,python有什么用
  3. vs2013调试linux程序,vs 2013调试的时候重启的解决方案
  4. sudoers 用户权限配置_Linux 用户注意!针对Sudo 被曝漏洞,厂商已发布最新版本...
  5. confluence 编辑器这次没有加载_玩转爱普生打印机自带的任务编辑器Lite版
  6. python request下载-Python使用requests下载文件问题
  7. 视觉SLAM总结——后端总结
  8. 2022版全球及中国应急装备市场格局分析与投资策略建议报告
  9. 全球及中国回流冷凝管行业发展前景整体预测及十四五发展趋向展望报告2022-2027年版
  10. 浏览器插件之ActiveX开发(二