高效输出移动app产品原型

标签: 交互设计 app 产品设计 移动产品 移动设计 | 发表时间:2014-05-22 06:45 | 作者:弈天
出处:http://ued.taobao.org/blog

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

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

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

gbz01

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

gbz02 gbz02 gbz02

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

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

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

gbz03

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

gbz04

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

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

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

gbz06

 

相关 [移动 app 产品] 推荐:

高效输出移动app产品原型

- - TaoBaoUED
如何高效输出移动app产品原型. 清晰的产品思路,顺畅的协同合作,齐备的素材元素,真实的体验感受…保证过程的高效,更要保证有效的成果. 下面我们将分三步走,来完成高效输出移动app产品原型. 一、输出以界面为单位的产品流程图. 高效输出,首先要保证产品的整体思路要正确,这点可以从产品流程图中体现出来.

移动App产品设计的创新点

- - 人人都是产品经理
移动互联网发展得热火朝天,各种app层出不穷,我们看到了很多创新精巧的小应用,但是也有越来越多的应用同质化严重,与同类产品差异化较小. 其实很多让 人感觉很有新意的应用,只是找到了一个很小很别致的切入点. 或者是抓住了用户的某一种心里,或者是在界面布局上大胆突破,或者是做了很少有人关注到的细分 领域,或者是让人产生了真实生活中的亲切感.

移动App别慌!

- - 《商业价值》杂志
工信部要传达的信息应该是对国内第三方应用商店进行备案,对个人应用开发者实行实名认证,并非被误读的针对每一款App进行备案. 2012年底,移动互联网领域有两件事情值得大家关注,一个是引发轩然大波的App备案. 另一个是近期逐渐显现的移动App同质化问题. 这两个问题都与我们所倡导的营造移动App绿色生态链相关.

把PC端访问习惯迁移到app,Walmart(沃尔玛)是如何做移动电商产品的?

- - PingWest
Walmart是全球最大的连锁销售企业,在美国市场的销售额占据了整个零售业市场份额的一半. 然而2012年其在线零售业务的收入,却只是在线零售巨头Amazon的五分之一. 为了扭转局势,Walmart创建了WalmartLabs主攻电子商务领域. Walmart不仅在网络零售业务上加紧追赶Amazon,而且为了抢占先机,Walmart在移动电商方面也投入了大量精力.

漫谈移动App社会化

- Han - 所有文章 - UCD大社区
这是一篇长文,本文作者@Dowell 从社会化的角度深层次多角度剖析了当下移动互联网App面临的新的发展机遇. 正如文章所言:“移动app的社会化大潮虽源于Facebook、Twitter,却涌起FourSquare、Path、Instagram、Kik、Bump那样的移动互联网新贵,而且一个故事比一个故事传奇.

移动电商如何改进APP

- - i天下网商
文 /《网站分析2.0》译者  郑海平 . 数据化运营与产品设计如何在移动APP中体现,本文提供了一个案例. 在传统的互联网中,如何收集与分析数据,进行数据化营销以及数据化运营,都已经有较成熟的解决方案,市场上有很多第三方提供这样的服务,有商业的,也有免费的. 很多公司内部开发的BI与日志分析系统功能也很强大.

移动端web app开发备忘

- - CSDN博客Web前端推荐文章
最近要做个手机html5的页面,做些知识储备,重要的点记录下来以备后续. 1.devicePixelRatio:定义设备物理象素和设备独立象素的比例. css中的px可以看作是设备的独立象素,通过devicePixelRatio,就可以知道设备上的一个css像素代表着多少个物理像素,可以考虑devicePixelRatio+rem进行不同设备间的适配;.

聊聊 App Store 的产品和运营攻略

- tossking - 爱范儿 · Beats of Bits
在这个工匠的时代,越来越多开发者投入了手机应用的开发圈子. 如何才能在激烈的竞争中脱颖而出,少走弯路呢. 我们跟空中网负责 iPhone 游戏的运营和推广的洪亮进行了一次交流,得到了不少经验和诀窍,值得分享给大家. ifanr:请介绍一下你对苹果应用市场(Apple App Store)发展过程、现状和趋势的看法.

张小龙:APP产品经理必懂的30条原则

- - 人人都是产品经理
       没有web的移动互联网产品该怎么做?这对中国IT人来说是全新的课题. 见证过各种APP摸爬滚打的真实案例之后,微信创始人张小龙在他的演讲中连出“狠招”,建议皆切中要害,警告则发人深省. 基于对人性的丰富理解与对用户心理的分析,他提出需追求极简,保持笨拙,宁缺毋滥,做小做精——这一系列的观点与B座12楼一直提倡的理念不谋而合.