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

从今天开始html5模板网跟大家比较系统化的来讲讲整个APP设计的基本流程和在每个阶段需要用到的分析工具等。之前html5模板网谈到过一些移动app设计公司制作流程—APP设计

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

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

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

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

计步器APP界面设计

 

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

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

这个时候,我们需要分两种情况来说:

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

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

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

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

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

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

xmind

 

拓扑图制作软件推荐:Xmind

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

 

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

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

竖导航

 

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

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

 

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

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

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

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

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

momo

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

蝉游记jpg

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

appmei

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

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

 

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种