CH07-项目PPT成品分析

本章目标

• 了解APP项目设计全部流程
• 掌握APP设计中的全部设计工作
• 掌握并能完成APP设计工作

课题导入

在之前的课程中我们已经学习了是整个APP设计项目的前期调研工作以及原型设计工作，包括APP项目定位、用户画像、竞品分析以及信息架构，今天我们来学习一下APP项目的整体设计工作，如图1。

（图1 APP项目成品）

项目PPT封面设计

内容：

1、项目LOGO

2、项目名称

3、小组成员名单

4、项目部分页面展示，如图2。

（图2 封面设计）

项目PPT目录设计

内容：

1、页面标题（中英文）

2、项目设计流程（根据项目设计步骤撰写）

3、根据设计步骤可分为

①产品分析（前期调研工作）

②功能设计（初稿与交互设计）

③视觉规范（设计相关内容）

④高保真设计（最终稿展示与分析），如图3。

（图3 项目PPT目录）

APP项目定位

内容：通过使用一些简短的话语介绍项目产品，一定要涵盖住产品功能，用户在看到你的文本介绍时，能够想象到产品的内容，这就是一段合格的产品介绍，如图4。

例如XXAPP作为一款以XX功能为主的XX类型APP，致力于打造XX的平台，相对于市面上相同类型的应用APP，XXAPP以XX功能为创新点，提升用户使用体验。

（图4 APP项目定位）

APP用户画像

内容：根据APP自身的特点以及大数据调研，进而分析出产品存在的用户群体，目的在于确定用户的痛点以及要求，在用户中选取2-3个具有代表性的人群，对其进行深入的分析。

例如旅游类APP用户群体有发烧友、大学生等等，在对这些人群做详细调研，比如发烧友希望通过旅游软件找到志同道合的伙伴等等，如图5。

（图5 APP用户画像）

APP竞品分析

内容：根据APP的类型进行调研，在市面上寻找2-4款同类型的APP产品，分析对方的软件特点、功能架构、界面设计等方面，在分析完之后对其进行总结，提炼出存在的优缺点，取长补短。

例如XXAPP与竞品XX较为相似，但在XX的设计上存在不同，通过调研了解到竞品XX存在XX问题，我们将在设计上对其进行改进完善，提升用户体验，如图6。

（图6 APP竞品分析）

信息架构

内容：等同于“信息架构”，通过前期的相关工作，例如竞品分析、用户调研、项目定位等，将项目APP的功能进行梳理总结，目的在于让团队了解到APP具备哪些功能板块以及内容。

例如购物类APP包含首页（购物）、直播（产品视频介绍）、购物车（产品订单）、个人中心（用户信息），如图7。

（图7 APP信息架构）

APP低保真原型图

内容：展示部分低保真原型图，将产品的雏形都进行展示，可加入流程图等内容例如线稿、黑白色稿等设计图，如图8。

低保真原型图可以帮助设计师更明确的查看页面以及交互相关功能，以便在后期的视觉设计工作中提高效率，当然可以使用线框或者黑白色稿。

（图8 APP低保真原型图）

APP视觉规范

内容：

1、字体规范

2、色彩规范

3、LOGO设计

4、ICON图标设计，如图9。

（图9 APP视觉规范）

APP缺省页设计

内容：缺省页其实也叫“空数据页面”，在用户使用过程中，一定会出现“网络故障”、“没有数据”等等情况，这时候如果单独显示空白页面，会导致用户误解，就需要将这些特殊页面设计出来，以提升用户体验，稳定用户失落的情绪，如图10。

所有的APP当中肯定都会有这类缺省页。

（图10 APP缺省页设计）

APP引导页设计

内容：启动页也叫做“引导页”，一般在用户第一次使用APP时会出现，在设计上常常选用能够凸显产品主要特征的内容例如旅游类APP就会选用旅游景点图片搭配品牌名称，还有品牌SLONGN等，增强品牌识别性，如图11。

（图11 APP引导页设计）

课后练习

同学们自行选择成员组成小组，寻找市面上的APP，小组内部讨论APP的创意点，完成APP设计项目的前期调研工作，在完成APP设计项目的前期调研工作以后，我们再根据收集好的资料进行整体设计。

作业要求：

小组成员讨论，自行设计出具有创意的APP项目，并完成整体设计，命名格式为“班级+姓名”。