
1.1.2 什么是App UI设计
上一节大概了解了UI设计的定义,这一节我们真正走进移动UI设计即App UI设计。
1.什么是App
App是英文Application的简称,指运行在手机系统上的应用程序软件,比较著名的App商店有Apple的iTunes商店,Android的Android Market,诺基亚的Ovi Store,还有Blackberry用户的BlackBerry App World,以及微软的应用商城。目前主流智能手机的操作系统还是iOS和Android,其他智能手机系统份额非常小,可以忽略不计,所以我们只需要掌握这两种系统的应用界面设计即可。
2.App的开发流程
UI设计只是整个应用开发的一个环节,想更好地展开设计工作,设计人员还需要了解App开发和维护的整个流程,参考图1-2所示。

图1-2 App开发和维护的整个流程
从图中的流程可以知道,设计一个App的流程应包括商务沟通、原型策划、UI设计、程序开发、测试、上线及后期维护这7个过程。
· 商务沟通(Product Manager):一般负责收集需求、整理需求等工作,需要根据产品的生命周期协调设计、研发和测试及运营,最终产出低保真的原型说明文档(也就是线框图),表达产品的流程、逻辑、布局、视觉效果和操作状态等。
· 原型策划(User Experience Design):继续深入这个低保真原型,一般由企业产品经理承担这个工作。如果有专门的交互设计,更多地会考虑用户流程、信息框架、交互细节和页面元素等。有些企业会让其做出高保真的原型,高保真原型是无限接近最终效果图的线框图,表达产品的流程、逻辑、布局、视觉效果和操作状态等。
· UI设计(User Interface):拿到无论是低保真还是高保真原型图,我们要做的不仅是美化界面,需要对原型有深入的了解,了解整个页面的逻辑,从全局的角度来做视觉设计。好的UI不仅能让产品变得有个性、有品位,还能让产品操作变得舒适、简单、自由,充分体现产品的定位和特点,最终产出物是各种图片、界面标注和界面切图。
· 程序开发:程序员根据设计图搭建界面,根据产品提供的功能说明文档开发功能,最终产出物是可使用的应用。
· 测试:产品完成之后,还需要测试人员测试应用,主要分为单元测试、真机测试、功能测试、测试跟踪和出测试报告。
· 运营:运营人员需要通过各种手段提升应用的人气,同时把用户反馈的问题提供给产品人员,然后产品人员再次发起应用的版本迭代。