APP原型

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

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

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

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

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

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

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

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

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

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

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

时间: 2025-01-20 00:55:10

APP原型的相关文章

产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)

一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和老板展示原型,方便做可用性测试. 移动 App 越来越多,现在你不做一两款 App 出门简直都不好意思跟人打招呼了.不能直接上手 PS 的产品经理们,又在想怎样低成本地制作移动app原型了.Axure 和 OmniGraffle Pro 当然会被容易被想到,但通过这两个制作出来原型的要在手机上直接展

使用Axure制作App原型的尺寸设置

想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?这里直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可. 如: iPhone4 320*480iPhone5  320*568 iPhone6  375*667 iPhone 6 Plus 414*736 Samsung Galaxy S

【转载】使用Axure制作App原型怎样设置尺寸?

使用Axure制作App原型怎样设置尺寸? 原文地址:http://www.axure.us/2172/ 本文由原型库网站投稿,转载请注明出处. 最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接

几种常用App原型设计工具详解

摘要:用于App开发的原型设计工具已有很多,鱼龙混杂,这对有潜在选择恐惧症者来说可不是一件好事,今天大家就和小编一起深入认识一下几种常用的App原型设计工具. 大家都在用的Axure Axure RP,即Axure Rapid Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格.设计功能和界面的用户快速创建线框图.流程图.原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理. Axure RP的用户群体非常宽泛,包括商业分析师.信息架构师.

知乎和Quora高分APP原型设计工具推荐

据数据显示,中国手机App市场应用已经超过402万款,远远高出我们的想象.数据背后的支撑,除了庞大的设计开发团队,还有各式各样的原型设计工具的应用.为了找到一款得心应手的原型工具,设计师们和产品经理们通常热衷于求助知乎和Quora.最近留意到一个全世界都在问的问题:哪款App原型设计工具最好用? 可能大多数产品经理或者设计师在看到这个问题的时候,脑子里一片空白,那么多原型工具,我怎么知道哪一款最好用呢? 本着乐于助人的思想,我这里给大家整理了几款在知乎和Quora上排名都比较靠前的移动应用原型设

转——使用Axure制作App原型应该怎样设置尺寸?

想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可. 原帖:http://www.yuanxingku.com/article-65-1.html 如: iPhone4

超实用教程,教你用墨刀做出小红书app原型

一个新手怎么用1小时快速学会APP原型设计? 1小时很短,这意味着学习时必须把握APP原型设计中的重点.难点,而非面面俱到. 要在短时间内理解.掌握一个工具的使用,最有效的方式莫过于临摹: 看实例视频教程,并跟着教程在实例素材上操作. 基于这2个点,我们精心挑选了一个在原型效果实现中具有典型性的APP--小红书APP作为案例,结合视频+原型素材+配套教程文档的方式做了一套流程完整.让新手能快速学会APP原型设计的教程! 下面咱们来了解一下这套视频教程有什么吧! 一 基础设置 1.项目类型.尺寸设

Axure RP 7.0移动APP原型设计实战精讲视频课程

经过了漫长的教案设计+录课的过程,与初次开通在线教育课程的诸多需要尝试的点,我在51CTO学院的第一门课程终于在6月下旬与各位小伙伴们见面啦:)      欢迎小伙伴们捧场,想要深入学习的可以作为付费用户,暂时不想学习Axure RP的小伙伴们去拍砖增加点人气,不胜感激!      付费特权:24小时讲师答疑   所有课时永久观看   专属资料下载    购买课程返学分 本套课程由阿蜜果倾力为您打造,不忽视理论,但更重实战!!! 通过简明扼要的语言,讲解Axure RP 7.0的理论知识. 通过

Android--五款国外APP原型设计工具的优缺点对比

1.Proto.io 基于Web界面,带有IOS和安卓下的调试器 Proto.io这个web应用强大得令人吃惊,它有很多很多的功能.不过,因为所有工作都是依靠拖放.点击按钮和选择列表的值,有时候想找到需要的设定会让人有点儿不知所措. 鉴于IF原型的本质特点——不同的对象以不同的速度移动——我不得不增加一些自定义的JavaScript计算脚本.Proto.io提供的单行文本框对于冗长的计算脚本来说太小了.为了能够概览脚本,我得把它们保存在我电脑上的文本文件里.特别需要注意是,这些JavaScrip