纪念册APP界面设计可用性研究

虞佳　汤程心

摘要：

文章基于可用性理论基础，调查分析了市场上近似产品，并以“校友录”为主要研究对象进行深入研究，从色彩、图形、页面布局、交互流程等方面进行探讨。并对纪念册产品进行了现状和前景分析，根据产品特性确定具体目标群体并对目标群体做出具体需求分析。基于这些调查与分析，设定“时光之书”APP的功能及页面布局的方案。

关键词：

可用性 App纪念册 界面设计 校友录

1.可用性理论基础

随着手机市场的火热发展，促使了智能手机端的应用也如火如荼地发展起来，可用性界面设计的研究也不单单是以计算机为载体的这一方向，APP界面遵循可用性原则已被多数产品开发者认可。

可用性是指特定的用户在特定的环境下使用产品并达到特定目标的效力（Effectiveness）、效率（Efficiency）和满意程度（Satisfaction）（国际标准化组织ISO9241-11，1998）。最先始于计算机，从可学习性、效率、可记忆性、出错、满意度这五方面来解读可用性，对于APP界面的可用性设计研究，从中可以提取部分的可用性维度，从设计学的角度和用户角度归纳和总结来研究APP界面设计的可用性。分别可以通过设计APP界面布局达到可视性从而使用户产生可记忆性，流畅的APP交互流程设计可使用户提高对产品的使用效率，增强用户对产品的可学习性。设计学的角度和用户角度归纳和总结来研究APP界面设计的可用性。

2.用户需求分析

伴随着移动互联网的迅速发展，APP应用已经遍布全球，成为了一种新的大众传媒形式。按目前移动互联网的发展趋势，未来中国移动互联网将出现爆发式的发展，APP应用范围之广，数量之多，人们越来越依赖于APP应用带来的方便快捷、高效率的生活方式。在如今的信息时代，信息不再局限于文本格式，更多伴随着语音信息和影像信息，而纸质媒介渐渐被人遗忘，当然，毕业纪念册也面临着相同的转变，APP形式无疑是一种可以涵盖更多不同信息形式的新型毕业纪念册。

2.1产品分析

现状分析

APP纪念册相较于传统纸质纪念册的优势在于可以涵盖信息的多样性，而相较于网页版的纪念册的优势在于满足信息多元化的同时在使用时便捷性的提高。APP纪念册在市场上不为少数，但是多数APP纪念册多为自己学校专用的形式，忽视了大多数大学生群体的市场；另外，在功能的设计上面，多将APP往社交类的方向进行引导，众所周知，社交类APP发展愈演愈烈，种类也是百花齐放，将纪念册APP定位成社交类，反而模糊了本身的产品定位，阻碍发展。

前景分析

根据产品本身独具的功能，应该对纪念册APP设定明确的产品定位，在功能上的设定主要还原传统纸质纪念册中的信息填写，同学寄语等，减少社交类的功能。同时，APP形式可以展现对各种格式信息保存的功能，在功能设计中加入图片信息、语音信息、视频信息等是区别于市场中同类产品的一大特点。调查报告显示，网站形式毕业纪念册多数与打印相结合，转向开始贩售纪念册的印刷类产物，所以，纪念册APP同时也可以融入此功能，不仅满足大部分人群对APP形式便捷的需求，同时也可以满足小部分人群对纸质毕业纪念册传统感的追求，配合平面设计建立多模板，为用户提供多样性的选择空间，可见，这将扩大用户市场同时也是APP盈利的一大渠道。

2.2目标群体分析——以大学生为例

APP纪念册主要针对的人群集中在即将毕业的大学生，即将毕业的大学生对纪念册是主要的需求对象，同时大学生也正是手机用户的一大类人群，作为年轻的一代，对于新型模式的纪念册排斥度会较小，接受度较高，而且善于接受新鲜事物，所以大学生人群作为APP纪念册的最开始推广的对象。

大学生群体对所选择的手机服务具有明确的目的性，使用手机的动机主要表现在满足沟通、娱乐、学习等需求上，情感价值主要表现在对个性化、时尚、分享交流等的追求上。现代信息的多元化，信息的交流和保存不再局限于文字的格式，更多的信息是图片格式、语音格式和视频格式，在APP纪念册中加入超越普通纸质纪念册所不能满足的语音和视频信息的储存交流功能既满足大学生群体沟通的需求同时也满足大学生对个性化、时尚、分享交流的追求。

3.纪念册APP设计分析

如今APP种类的多样性，用户对于选择APP下载，首先是视觉感官的接触，视觉效果先于技术功能，一款新型APP首先要面对的是大量竞品的市场格局，能否在用户眼前脱颖而出，要针对用户需求进行视觉设计。所以在前期，首先进行同类产品的视觉界面图形元素和页面布局等视觉设计的调查，根据调查，得出满足相应需求的页面元素。

3.1视觉界面调查分析——以校友录为例

校友录是一款关于学校同学录的社交类APP，功能上比较多样性，在具备聊天加好友的功能之外，APP考虑到校友这一资源，还加入招聘、婚恋、聚会、创业等辅助功能。本次调查主要从视觉界面上进行深入展开。（如图1）

首先，页面布局中的导航元素，校友录主要采取的导航形式是标签导航、宫格导航、列表导航等多种导航组合形式，考虑到信息发布的有效性，有效的导航对用户的行为有迎合和引导作用。从用户的角度出发，在使用的过程中，标签导航形式更易于频繁地在不同页面之间的切换，宫格导航形式主要体现在“校友BBS”页面中，将同等的功能全部聚合在一起，以图形化形式呈现，让用户做出选择，此外，在“个人中心”中，采用列表导航形式，能够帮助用户快速的定位到对应的页面，是必不可少的信息承载模式。

其次，页面布局中的图形元素。颜色采用橙色和白色为主色调，灰色和黑色为辅助色，虽然颜色较少，但是整体视觉效果简洁大方，也是现在多数APP的惯用风格。校友录的图标采用橙色和白色组成，橙色占据大部分面积，虽然图形简单，颜色单一，但仅需一瞥，便能使人印象深刻。在应用市场中，图标显示会比较大，但是在手机屏幕中占据的面积就小多了，更别说挤在小小的文件夹中，校友录图标的设计特点反而能在用户眼前脱颖而出。

最后，校友录APP中的小图标也是不可被忽视的，小图标往往代表着语言元素，用户在使用中也正因为有这些图标而使执行行为更加直接了当，一图胜千言。在图标设计中在满足APP主次分明的同时更要注重统一协调性，那便是小图标发挥语言功能的同时更加强了APP的整体品牌形象。

3.2时光之书APP设计分析

这是一款基于可以语音留言、影像传递的APP纪念册。众所周知，电子相册也曾风靡网络，无疑是将照片组合成一本册子保存下来。然而如果将照片配上一段语音再保存，相信比起只是文字叙述式的保存更有趣和有意义的多，以语音留言的格式为同学留下一段祝福寄语，并能永久保存的话，意义的价值是翻倍的。影像传递功能便是以视频的形式保存一段来自同学的记忆，相较于照片是一个动态的更直观的保存形式。将这些功能融入普通纪念册中形成APP形式的毕业纪念册，在APP中同时也具备翻页等真实效果，保留用户对原始纸质纪念册的感受，从用户角度出发，满足了他们对现在信息多元化的追求，同时也是对同学之间情谊最好的保存。

基于先前对校友录APP视觉设计的调查分析，用户界面设计的目标是用户在体验视觉界面的艺术感受时并能有效而快速的完成任务，通过页面布局设计提高界面的可用性，使技术功能和视觉元素之间找到平衡，适用并满足用户需求。本次应用界面采用颜色为绿色和白色为主，深灰色为辅，按键字体粗细得当，大小适中，颜色与字体恰好的搭配给用户清新简洁的用户体验，也彰显了纪念册APP青春文艺的特点：应用主界面采用标签导航和顶部菜单和搜索框，标签导航更易于用户在不同页面之间频繁切换，导航栏按钮功能为首页、朋友、信息、我的，可通过这些功能按钮快速进入软件的核心功能，顶部右侧的菜单打开后包括添加毕业纪念册、设置、信息反馈等，搜索框可快速搜索到朋友为你留言的页面。之后的二级页面也将和用户保持舒适流畅的交互形式。

根据对校友录等APP形式的纪念册的研究，校友录的交互流程是以一种简单易学习的宽而浅的树状结构，底部的导航形式可以随时返回主界面，界面与用户之间的交互简洁流畅，使用户在短时间内就能学会整个流程，值得参考。这里以用户首次使用时光之书APP建立纪念册为例（如图5），用户在进入APP之前需要注册登录，创建纪念册有两种渠道，一是可以通过首页中显示的添加纪念册的ICON，二是通过点击右上方的按钮的下拉菜单中的添加纪念册按钮，考虑到用户学习生涯中的不同阶段，所以纪念册的添加数量并没有具体规定，用户可以创建多个纪念册，当用户拥有多本纪念册的时候，可以通过下拉首页页面找到添加ICON，首页中的纪念册封面以图片和年级、主题、简介等文字相组成。创建之后可以通过邀请好友来留言纪念册，当然用户也可被好友邀请去留言，这些消息都会通过底部导航中的信息页面中显示提醒。

该项目受新苗资助，本人属于新苗项目2015R407048，项目“‘时光之书——基于发声留言、影像传递的电子毕业纪念册APP产品的设计与开发”的项目成果。