设计技巧:完整的App UI设计流程-创视动画

设计技巧:完整的App UI设计流程

  移动UI设计的基本工作流程包括需求目的策划、分析设计、调研验证、方案改进以及用户验证反馈5个阶段,本节将分别进行介绍。
一. 流程1:需求目的
  每个企业都需要对自身进行定位,然后针对自己的定位与目标来确定自己是否需要一款App,或者如何来打造一款符合自己发展特点的App,如图7-11所示。

图7-11 App需求目的分析
  大型企业可以通过App来简化工作流程、提高做事效率,方便内部交流。电商机构可以通过App让PC端用户转向手机平台,方便用户购买产品并进一步传播和分享App。这一步的主要工作就是设计App的草图,将想要的功能和界面都列出来,重点在于收集目标用户的交互习惯,符合用户想要的界面和操作效果。
二. 流程2:分析设计
  分析设计阶段的工作包括用户场景模拟和竞品分析等,可以采用面向场景、面向事件和面向对象的设计方法。
  (1)面向场景:主要是针对App的使用场景来设计,很多工具类的App都是采用这种设计思路,如微信就是针对聊天场景,淘宝就是针对购物场景等。
  (2)面向事件:主要是针对某一个热点事件或者知名IP来设计,很多游戏类的App都是采用这种设计思路。例如,随着《盗墓笔记》系列小说的火爆,其成了一个大IP,并衍生出电视剧和电影等内容形式,同时还衍生出了手游作品,如图7-12所示。

图7-12《盗墓笔记》衍生出来的手游作品
  (3)面向对象:主要是针对App的使用者来进行设计,很多生活工具类的App都是采用这种设计思路,如旅行拍照、金融理财、影音播放以及学习办公等类型的App。
  确定好合适的方案后,即可让设计师根据原型草图设计出视觉图,然后根据设计师提供的界面图片效果,通过撰写代码来实现其具体的功能。
三. 流程3:调研验证
  调研验证主要是邀请各方人士对几套设计方案进行评定,优胜劣汰,选取用户体验最好的方案来做。App UI在设计过程中往往需要根据制订的计划和方案,由专业的调研人员进行相关验证测试,并对验证项目进行管理,具体分析如图7-13所示。

图7-13 调研验证的关键要点

四. 流程4:方案改进

方案改进阶段的主要工作是对App的UI和功能进行评估,以确定其是否满足需求,并在前期对App的不足之处进行改进。
当App设计完成后,可以同时多设计一些不同的风格样式,给部分潜在用户试用或试玩,并收集和记录用户的使用感受,针对其中的缺陷和不足进行改进,在后期提供升级方案。例如,很多游戏类App每周都会进行更新,对一些功能和玩法进行升级,同时也会根据时间的变化来增加新的玩法,界面也会同时进行改进,如图7-14所示。

图7-14 游戏App的更新维护提示
五. 流程5:用户反馈
  当App UI作品可以正常上线运行并具有一定的用户群之后,一定要注意多收集用户的反馈。最好在App内提供一个用于收集反馈的功能,便于与用户及时进行沟通。图7-15所示为微信App的反馈功能。

图7-15 微信App的反馈功能
专家提醒
  App UI设计者只有与用户零距离接触,了解用户在真正使用App时的感想,为以后的升级版本积累经验资料,才能更好地抓住用户的心。