公益服务平台建设的交互设计研究

高 琳 （中原工学院艺术设计学院 450007 )

2018年1月6日—7日，第五届全国教育公益组织双年会在杭州召开，至少有110家公益机构组织来分享了思考和成果。在为数庞大的公益机构中，平台定位、平台建设、平台推广、平台更新、平台公信的问题已经成为一个普遍性的问题。自2014年国务院下发《国务院关于促进慈善事业健康发展的指导意见》，对促进慈善事业健康发展作出了系统安排，该意见成为首份以国务院名义出台的规范性、纲领性文件以来，公益平台的依法合规的科学化建设就以提上日程，本文从交互设计研究的角度切入，分析公益服务平台建设中的相关问题。

交互设计的模式理念源自Christopher Alexander，他的具有巨大影响力的著作是《永痕的建筑方式》和《一种模式语言》，他首次提出了模式的概念，后期经过梳理的交互设计模式，提取了他提出的关于模式的语言，为交互设计的模式的提出奠定了基础。交互设计的模式主要包含结构和元素组织、动态行为变化。本文根据公益平台的特殊性，调研分析公益服务平台的类别及设计架构，以服务公益机构平台为目的，总结和分析公益服务平台在设计上线之初需要解决的交互设计方面的问题，“好的设计让事情办得更有效率”，为了这一目的，我们在下文中总结若干交互设计的研究对象和架构方法。

一、PC端交互服务平台调研及研究分析

在公益服务调研平台的调研中，主要分为政府公益类组织平台调研和民间公益组织平台调研，在每个调研类别中，选取了五个平台进行深入的调研，主要调研了平台的设计框架、一级导航、平台姿态、交互模式四个方面。

图1 政府性公益组织与民间公益组织分类表

根据调研四个方面分析如下：

1.设计框架方面

中华慈善总会作为政府公益性平台，配合政府有关部门在紧急救援、扶贫济困、安老助孤、医疗救助、助学支教等方面做了大量工作，在设计框架上接近综合性网站，是一个四级导航结构，文字信息量大，动态效果少。壹基金是李连杰先生2007年4月创立的创新型公益组织，2011年1月作为中国第一家民间公募基金会落户深圳。壹基金以“尽我所能，人人公益”为愿景，搭建专业透明的公益平台，作为民间公益平台，在设计框架上趋于专业化、精准化，设计框架清晰、简洁。

2.一级导航方面

春苗助学网设置了捐资助学，公益新闻，公益法规，志愿者风采，财务信息，理论资讯，调查与反馈，资助流程，春苗简介，公益论坛是个一级导航。中华支教与助学信息中心（CTA）

设置了支教信息（长期支教、短期支教、国家支教），申请助学品（按类别慈善资金项目说明），支教百科，报名进度查询，民间支教报告五个一级导航。西部阳光基金会直接在主页上一级导航中贴出公益项目名称：阳光童趣园，陪伴成长驻校社工，青葵花导师计划，桥畔计划。河南省宋庆龄基金会则设置了认识我们，公益活动，新闻中心，我要捐赠，在线留言，联系我们，机构动态，焦点专题八个一级导航。

3.平台姿态方面

好的平台姿态出自于对用户的了解，包括了解他们的目标，技能，偏好和倾向，主要涉及界面设计规划、通用元素的舒适度、文本字体的可视性、创建优化的默认值已减轻负担，利用各种UI元素来缓解受众人群的焦虑感等等。中华支教与助学信息中心（CTA）在平台姿态上有较好的表现，整体界面已纯平面化处理，色调统一为蓝色，文字处理干净简洁辨识度高，动态设计条的布局和动效清晰利落，在很多信息量等量的平台中脱颖而出。

4.交互模式方面

春苗助学网根据使用者界面的心智模式，设置层次结构清晰的交互模式，适宜的提示和辅助设计都使交互行为更为的顺畅。

二、移动终端公益APP平台调研及研究分析

由于即时通讯的发展，公益APP的覆盖面逐步加大，成为公益服务平台的重要组成部分，也是网页版平台的延续，在互联网+大环境下的组织形态和工作模式改变的现状下，需要及时开展对新手段、新方法、新途径的开拓。而在公益APP调研当中，公益中国、爱信公益、线头公益、和公益，马云公益基金，杨帆公益助手，深圳国际公益学院，公益种子，喜憨儿公益讯息等是搜索率比较高的APP，采取的按类别调研的方式，从7中不同的应用类别入手，调研了14个相关的公益APP，并分别从安装测试、UI测试、交互测试、功能测试四个方面测试了这14款APP。

图2 公益APP应用类别分类表

1.安装测试

在安装测试方面，调研的14款APP都比较顺畅，在预安装预览中也都放置了界面介绍。有30%的APP设置了先注册后进入的安装模式，在一定程度上淘汰了大量浅表用户，保证了真实用户的忠诚度，但是也导致了真实用户因失望而果断放弃。如爱信公益，在进入界面前加载安装注册，在手机注册完成，密码设置成功后进入界面，然而界面的首页竟然是文章，并且文章的投放过于随意，在下设的一级导航栏中内容寥寥无几，如此看来，这款APP的安装模式设计就凸显了弊端。

2.UI测试

UI测试涉及到了导航是否直观，是否连续液面风格一致，图形是否风格统一，图形的意义是否通识，整体的色调是否统一，文字的长度是否加以限制。测试后发现商务类公益APP明显优于其他类别。以马云公益基金为例，整个UI设计让人感觉APP是有知觉的，是聪明有记忆的，也是恭顺尽责的。

3.交互测试

在交互测试中，主要测试交互设计是否易于理解，交互回应是否一致，控件是否突出，是否提供视觉地标等方面。线头公益APP，交互测试流畅度较高，设置有无图模式，整体交互设计框架较为合理。而水滴筹、轻松筹两款APP依托社交平台，在交互测试中表现突出。

4.功能测试

主要针对逻辑是否正确，注册后是否提示，运行速度是否可观，切换后台是否正常，是否在交叉式时间后影响正常的功能。在线头公益APP中，宣传语为全球最大的华人公益平台，在首页功能里设置了任务、签到、健康赚线头、大事件、聚义、献义、圈子等导航，运行速度较快，登录前即可浏览到公益平台的导航，在个人用户的设计方面，信息的收集与分类都表现的较为全面。

三、移情交互设计对象研究：为你而设计

在工业设计者Victor papanek 看来，设计师“为赋予有意义的秩序，做出有意识或直觉的努力”。设计是以人为导向，为人服务的有意识，有创意的活动，活动的本质是服务于人，真正满足“人”的需要，是设计的本质。

公益平台的访问人分为两种，即：实施公益行为的人和接受公益行为的人，以实施人为主。无论是实施方还是接收方，在共同使用这个公益平台的时候，都存在同一个原则，即：“不要让使用人感到自己很愚笨”。

1.受众人设的设定

实施公益的人是胸怀理想的人，是心态积极的人，是平静接纳的人，是开放进取的人。接受公益的人是脆弱敏感的，是内向自闭的，是心怀理想的。实施公益的人与接受公益的人有着非常明显的角色差异，利益关系、行为方式、接受程度都有显著的差别。所以在微公益平台，根据受众人设的差异性，在一级标题中直接分为：我要发起项目和我要参与项目两个部分。二级标题也直接分为：我要求助和企业捐助。清晰的区分了受众群体，保护了各自的权益和尊严。

2.受众人设数据挖掘

CRISP-DM（跨行业数据挖掘标准流程）是世界公认的方法论之一，也较有影响力。在这一流程中DM不再只是数据的组织或者简单的呈现，也不仅仅表现为对数据的分析和统计建模。CRISP-DM将整个挖掘过程分为了以下六个步骤：数据理解，商业理解，数据准备，模型评估，建立模型，模型发布。对于公益受众人设数据挖掘是一个利用现有的各种分析工具，用以在海量数据中发现人设和数据间关系的过程，然后依据这些人设和关系作出预测。

在公益平台的受众人设挖掘中以实施公益的人为主，以高学历、高收入、高职位的数据理解中做准备，在平台设计初期，就要考虑依据目标人群的投放问题，有目的设计人设模型，毕竟增加新用户和增加访问量是必要的任务。

四、交互架构研究：公益服务平台故事版设计

故事版是影视设计的概念，是导演拍摄的脚本，在动画设计的领域，一个先进合理的故事版决定了一部动画片的成败。早在1991年Brenda Laurel就提出了采用故事版概念来构造交互的方法。在公益服务平台的架构上，利用故事版来叙述整个结构，把平台当做一个有视觉、有听觉、有行动力的“人”来对待，不只是当做一张无生命的白纸，随意摆放一些杂乱的文字和混乱无序的模块。因此，提出设计概念是最重要的，在公益平台越来越多的现实下，保持特点，才不会陷入惯性设计。

1.公益平台交互框架设计

从外形的姿态入手，规范输入方法和数据元素，设计功能组和层次，在屏幕布局上安排大致的交互框架，用手绘图的形式勾勒出关键线路的场景剧本，在由两个以上的设计者反复模拟受众双方之后，确定框架的细节，完成交互框架设计。

2.公益平台视觉框架设计

视觉设计是系统设计，也会带给受众第一直观的整体格调，从而直接淘汰浅表受众。视觉系统设置阶段至少要设计两套以上完整的方案，包含字体字号、色彩系统、动态图标、图片处理。公益平台中的视觉框架则不宜太过热烈复杂，远离娱乐性元素。

五、结论

在国内，公益平台的发展目前还处在初级阶段，以中国公益组织还是以国字号的公益筹款机构为主，而未来的发展空间则在民间公益组织。而民间公益组织在交互设计的特色和灵活度上大有可为。无论好的平台姿态还是好的流畅体验，都源自设计的“移情”，为一个平台动情设计，而不是应付工作，在公益实施行为用户中保持形式与行为的高度和谐，以解决问题的模式为基准，保持公益平台的包容度，才对得起公益实施行为用户的善心。

[1][英]玛格丽特．博登著．《人工智能的本质与未来》[M]．中国人民大学出版社，2017．6．

[2]熊澄宇 张铮 孔少华． 《世界数字文化产业发展现状与趋势》．[M]清华大学出版社，2016．

[3][美]Alan Cooper Robert Reimann．David Cronin/著．《交互设计精髓》[M]．电子工业出版社，2010．

[4]陈抒，陈振华．《交互设计的用户研究践行之路》[M]．清华大学出版社，2017．11．

[5]曲芳等编著．《交互设计——设计思维与实践》[M]．中国电子工业出版社，2017．1．

[6]邵金荣．《公益组织认定与社会公平正义》[M]．中国社会出版社，2010．5．