今天，我们来回到一个熟悉的话题当中，移动app设计。
不得不说，很多人了解到交互设计这个概念的时候，就是从手机app设计开始的。虽然现在满大街的作品集里有不少的手机应用程序的作品，但app绝对是掌握用户体验设计流程的最佳“入门阶梯”。但如何登上这个阶梯，各位小伙伴真的了解吗？别慌别慌，我们今天就从新手入门的角度，给大家讲解一下如何制作一个可以放进作品集里的手机APP作品的设计。
今天我们给大家介绍做手机app设计项目的基本步骤，这一类项目的进行，大概可以分为七个步骤，我们可以把它们称作“手机APP设计的‘七步诗’”。究竟这个七步诗如何，且听我慢慢道来。
#01.
完成调研工作
在了解大环境之后，你需要对用户进行了解。你需要对用户群准确定义，然后找到相应的用户群体，用各种调研方法，比如问卷、用户访谈、焦点小组等等。你的目的是与你的用户产生共情，了解他们的痛点和需求，这样你才为他们提供最合适的设计方案。
#02.
设计概念构建
当你在调研阶段有了足够的发现，之后，你需要将调研发现转化为设计方向、设计产出。你一定已经知道了用户需要的是什么，那么，你要做的，就是给出这个设计概念为后期设计展开的指导方向。你需要知道，通过使用什么样的功能，完成什么样的目标可以实现你最终的设计目的，这就是你设计的这款应用程序的主要功能。当然，在这个过程中，你可能有很多种构想，所以在ideation的环节当中，你除了需要发挥创造力和想象力设计不同方案概念，也许用严谨的推敲与思考，找到最合适的方向。
#03.
编写用户旅程
有了这个手机app的概念和工作目标之后，需要深度思考这些任务目标是怎样一步一步完成的。这个时候你可以搭建的就是用户旅程，一步一步地呈现用户是怎么完成任务的。在用户每一步的行为当中，他都有很多的选择，你的任务，就是通过设计构思帮他们找到每一步当中最优的选择，完成一套系统的行为旅程。
#04.
绘制Wireframe线框图
有了对用户行为的规划设计，你需要将其转化为手机app，线框图就是这个转化过程中的载体。绘制线框图是用户体验设计师的重要技能，好的线框图能够准确表达出手机应用程序界面当中有哪些元素，它们最合理的布局是怎样，以及这样元素和页面之间是如何进行转换的。大家在绘制线框图时，就是要以达到这三点要求为目标的。
作为新手画线框图，一定是很难掌握正确的规范与方法，画出来的线框图存在许多不合理，或者不符合行业规范的地方。在这个情况，建议大家能够多找一些行业内成熟的界面进行研究学习，或者找到一位有经验的前辈，为你的线框图出谋划策，指出你的问题所在。
#05.
确定视觉风格体系
你需要给自己的设计建立一套符合用户视觉习惯的视觉风格体系，这套体系还要能够展现你这套交互产品的风格主旨。轻松活泼，还是严谨沉稳？对于不同类型的产品，视觉风格体系都是不同的。当然，可用性和可读性，也是重要的原则，你不能让过于酷炫的设计妨碍了用户获取信息，或者操作不便。在这一步当中，有一些行业常用的规范，是值得你参考借鉴的，你需要花一点时间去认真学习。
#06.
完成用户界面设计与原型搭建
你有了一套合适的视觉风格体系，接下来，你需要做的，就是利用这个视觉元素体系作为规范，去完成一整天用户界面的设计工作。在这个过程中，作为新手，你会进行不断的实验尝试，也会对前期的工作进行一定的修正。比如元素设计的微调，视觉风格的矫正。这些小调整是正常的，你的工作目的是让这个设计整体更加完善。
结合着界面的设计工作，你可以制作关于这个手机应用程序的设计原型。一个交互设计的原型可以低保真阶段的原型，用来和用户进行沟通测试。也可以是界面完成阶段的高保真原型，结合一定的交互响应，用来呈现最终的设计结果。交互原型的形式取决于你处于设计的哪个阶段，记住，合理分配你的精力，到达最好的设计结果。
#07.
组织用户测试
到了设计项目进展的最后，用户测试这个步骤，经常会被同学们忽视掉。或者，有的同学有意识地进行了用户测试，但是，这个测试并没有达到有效的效果。在用户测试阶段，你可以测试的内容很多，用户是否喜欢你的设计，能否准确进行操作流程，能否接受你给出的视觉风格等等，这些都可以作为用户测试的重点。如果有必要，你的测试可以有好几轮，以达到不同的目的。但是重要的是，要让人们看到用户测试的成果——对于你的设计的推进作用。
我们今天讲的这些内容，是从新手阶段最基本最概括的形式，带你了解一个手机应用程序交互设计作品是怎么诞生的。这些内容也是在你的作品集里呈现不可缺少的，可以作为你作品排版的指导规范。当然，这是个入门的开始，如果你想要深入学习，一定要花费足够的时间和精力研究！如果你有什么想法和问题，也可以继续留言讨论～
了解更多交互设计资讯
