APP设计流程第一步：前期规划和定位分析

从今天开始html5模版网(www.html5code.net)跟大家比较系统化的来讲讲整个APP设计的基本流程和在每个阶段需要用到的分析工具等。

之前html5模版网(www.html5code.net)谈到过一些移动app设计公司制作流程—APP设计需求分析规范还有如何进行优秀APP设计需求。

其实，我们都知道，在设计任何产品之前一定要进行移动APP产品的需求分析。

移动APP设计需求分析分为：定位分析和产品架构分析

 

第一部分：移动APP设计定位分析

在这个阶段，切记不要在没有流程图或者原型图，就前开始盲目进行APP设计或者画线框图 。

这个时候，我们需要分两种情况来说：

一：专门从事移动APP设计的外包公司或者软件公司。这种情况下我们需要进行以下四部，

1）移动产品需求分析和用户定位分析

当收到客户的需求之后，不是马上动手去做功能分析、产品逻辑架构或者任务流程。而是认真的分析需求。分析现有的解决方案，我们将要提供的解决方案会比现有的号多少？用户为什么要用我们的产品？在采集大量的数据之后，还要把数据汇成图表和客户汇报。以说服客户“这样做”而不要“那样做”。

针对的是什么样的用户群体，然后要找到这类人群的特点，互动圈子的相关属性。移动APP设计师也要确定好颜色。

2）产品故事版 或是产品拓扑图

在清晰需求分析和产品的目标之后。我们要为达到这个产品的目标制定具体的方案。开始的方案是模糊的，我们只知道有一个大概的前进方向和目标。如何实现我们并不清晰。当然我们也没有必要，也没有可能马上就清晰起来，这需要一个过程。这个过程我们使用的工具就是“故事版”。把产品、人、环境放置于一定的场景之中，通过场景中人和产品发生的故事去推理产品应该有哪些的功能和逻辑流程细节。这是一个感性的过程，同时也是理性的分析过程。

 

拓扑图制作软件推荐：Xmind

XMIND 是一款非常实用的商业思维导图（Mindmap）软件，应用全球最先进的Eclipse RCP 软件架构，全力打造易用、高效的可视化思维软件，强调软件的可扩展、跨平台、稳定性和性能，致力于使用先进的软件技术帮助用户真正意义上提高生产率。

 

3）系统逻辑架构和任务流程

产品的策划和开发到此阶段已经开始越来越清晰了。我们已经模糊的知道了这个产品应该做什么和怎么做。但具体如何实施呢？因此，这时候我们需要弄清楚系统中有那些部分组成，他们的关系又是如何的。他们相互之间数据是如何交换、流通和协同工作的。除此之外还需要细化每一个部分的任务流程。

 

4）移动APP界面分析和APP线框原型图制作 
完成了任务流程。我们还需要对每个任务做细化的功能拆解。这一步骤就不详列了。在细化了功能的分解之后，我们要开始安排每个界面的具体的流程和界面当中应该有什么样的输入和输出的信息，以职称当前步骤的需求。

比如登陆界面中应当有用户名、密码等信息输入框，同时也有确认、忘记密码、注册等功能按键以职称用户的多样性选择行为。

 

二：设计自己公司的移动APP产品

我想这个比较麻烦的过程。经常干的事情就是把产品经理，设计师、开发工程师等等人员聚齐开会是常有的事情。

简单的来说吧，我们需要搜索同类相关移动APP产品，并且app设计师必须亲自去使用和体验更多好的交互效果和体验感觉。

比如我们来看下国内本土的优秀APP的启动页的分析。

陌陌：陌陌的启动页面设计非常有特色，而且很有故事性。

蝉游记：软件做的有特色、有想法。每一页全面介绍蝉游记特色功能。

移动商街：APP设计流程分析。这是属于一款电商APP的需求分析。

参考相关同类优秀APP界面之后，然后在去画原型图或是是拓扑图。

这个过程开会讨论，各抒己见尤为重要！类似于头脑风暴！而作为好的移动APP设计师一定要记下良好的创意点和知识点。在这个基础上去发挥自己的设计思想和风格才是最完美的。也是符合公司定位的一个前期APP需求。