公益服務(wù)平臺(tái)建設(shè)的交互設(shè)計(jì)研究

高 琳 （中原工學(xué)院藝術(shù)設(shè)計(jì)學(xué)院 450007 )

2018年1月6日—7日，第五屆全國(guó)教育公益組織雙年會(huì)在杭州召開，至少有110家公益機(jī)構(gòu)組織來(lái)分享了思考和成果。在為數(shù)龐大的公益機(jī)構(gòu)中，平臺(tái)定位、平臺(tái)建設(shè)、平臺(tái)推廣、平臺(tái)更新、平臺(tái)公信的問(wèn)題已經(jīng)成為一個(gè)普遍性的問(wèn)題。自2014年國(guó)務(wù)院下發(fā)《國(guó)務(wù)院關(guān)于促進(jìn)慈善事業(yè)健康發(fā)展的指導(dǎo)意見》，對(duì)促進(jìn)慈善事業(yè)健康發(fā)展作出了系統(tǒng)安排，該意見成為首份以國(guó)務(wù)院名義出臺(tái)的規(guī)范性、綱領(lǐng)性文件以來(lái)，公益平臺(tái)的依法合規(guī)的科學(xué)化建設(shè)就以提上日程，本文從交互設(shè)計(jì)研究的角度切入，分析公益服務(wù)平臺(tái)建設(shè)中的相關(guān)問(wèn)題。

交互設(shè)計(jì)的模式理念源自Christopher Alexander，他的具有巨大影響力的著作是《永痕的建筑方式》和《一種模式語(yǔ)言》，他首次提出了模式的概念，后期經(jīng)過(guò)梳理的交互設(shè)計(jì)模式，提取了他提出的關(guān)于模式的語(yǔ)言，為交互設(shè)計(jì)的模式的提出奠定了基礎(chǔ)。交互設(shè)計(jì)的模式主要包含結(jié)構(gòu)和元素組織、動(dòng)態(tài)行為變化。本文根據(jù)公益平臺(tái)的特殊性，調(diào)研分析公益服務(wù)平臺(tái)的類別及設(shè)計(jì)架構(gòu)，以服務(wù)公益機(jī)構(gòu)平臺(tái)為目的，總結(jié)和分析公益服務(wù)平臺(tái)在設(shè)計(jì)上線之初需要解決的交互設(shè)計(jì)方面的問(wèn)題，“好的設(shè)計(jì)讓事情辦得更有效率”，為了這一目的，我們?cè)谙挛闹锌偨Y(jié)若干交互設(shè)計(jì)的研究對(duì)象和架構(gòu)方法。

一、PC端交互服務(wù)平臺(tái)調(diào)研及研究分析

在公益服務(wù)調(diào)研平臺(tái)的調(diào)研中，主要分為政府公益類組織平臺(tái)調(diào)研和民間公益組織平臺(tái)調(diào)研，在每個(gè)調(diào)研類別中，選取了五個(gè)平臺(tái)進(jìn)行深入的調(diào)研，主要調(diào)研了平臺(tái)的設(shè)計(jì)框架、一級(jí)導(dǎo)航、平臺(tái)姿態(tài)、交互模式四個(gè)方面。

圖1 政府性公益組織與民間公益組織分類表

根據(jù)調(diào)研四個(gè)方面分析如下：

1.設(shè)計(jì)框架方面

中華慈善總會(huì)作為政府公益性平臺(tái)，配合政府有關(guān)部門在緊急救援、扶貧濟(jì)困、安老助孤、醫(yī)療救助、助學(xué)支教等方面做了大量工作，在設(shè)計(jì)框架上接近綜合性網(wǎng)站，是一個(gè)四級(jí)導(dǎo)航結(jié)構(gòu)，文字信息量大，動(dòng)態(tài)效果少。壹基金是李連杰先生2007年4月創(chuàng)立的創(chuàng)新型公益組織，2011年1月作為中國(guó)第一家民間公募基金會(huì)落戶深圳。壹基金以“盡我所能，人人公益”為愿景，搭建專業(yè)透明的公益平臺(tái)，作為民間公益平臺(tái)，在設(shè)計(jì)框架上趨于專業(yè)化、精準(zhǔn)化，設(shè)計(jì)框架清晰、簡(jiǎn)潔。

2.一級(jí)導(dǎo)航方面

春苗助學(xué)網(wǎng)設(shè)置了捐資助學(xué)，公益新聞，公益法規(guī)，志愿者風(fēng)采，財(cái)務(wù)信息，理論資訊，調(diào)查與反饋，資助流程，春苗簡(jiǎn)介，公益論壇是個(gè)一級(jí)導(dǎo)航。中華支教與助學(xué)信息中心（CTA）

設(shè)置了支教信息（長(zhǎng)期支教、短期支教、國(guó)家支教），申請(qǐng)助學(xué)品（按類別慈善資金項(xiàng)目說(shuō)明），支教百科，報(bào)名進(jìn)度查詢，民間支教報(bào)告五個(gè)一級(jí)導(dǎo)航。西部陽(yáng)光基金會(huì)直接在主頁(yè)上一級(jí)導(dǎo)航中貼出公益項(xiàng)目名稱：陽(yáng)光童趣園，陪伴成長(zhǎng)駐校社工，青葵花導(dǎo)師計(jì)劃，橋畔計(jì)劃。河南省宋慶齡基金會(huì)則設(shè)置了認(rèn)識(shí)我們，公益活動(dòng)，新聞中心，我要捐贈(zèng)，在線留言，聯(lián)系我們，機(jī)構(gòu)動(dòng)態(tài)，焦點(diǎn)專題八個(gè)一級(jí)導(dǎo)航。

3.平臺(tái)姿態(tài)方面

好的平臺(tái)姿態(tài)出自于對(duì)用戶的了解，包括了解他們的目標(biāo)，技能，偏好和傾向，主要涉及界面設(shè)計(jì)規(guī)劃、通用元素的舒適度、文本字體的可視性、創(chuàng)建優(yōu)化的默認(rèn)值已減輕負(fù)擔(dān)，利用各種UI元素來(lái)緩解受眾人群的焦慮感等等。中華支教與助學(xué)信息中心（CTA）在平臺(tái)姿態(tài)上有較好的表現(xiàn)，整體界面已純平面化處理，色調(diào)統(tǒng)一為藍(lán)色，文字處理干凈簡(jiǎn)潔辨識(shí)度高，動(dòng)態(tài)設(shè)計(jì)條的布局和動(dòng)效清晰利落，在很多信息量等量的平臺(tái)中脫穎而出。

4.交互模式方面

春苗助學(xué)網(wǎng)根據(jù)使用者界面的心智模式，設(shè)置層次結(jié)構(gòu)清晰的交互模式，適宜的提示和輔助設(shè)計(jì)都使交互行為更為的順暢。

二、移動(dòng)終端公益APP平臺(tái)調(diào)研及研究分析

由于即時(shí)通訊的發(fā)展，公益APP的覆蓋面逐步加大，成為公益服務(wù)平臺(tái)的重要組成部分，也是網(wǎng)頁(yè)版平臺(tái)的延續(xù)，在互聯(lián)網(wǎng)+大環(huán)境下的組織形態(tài)和工作模式改變的現(xiàn)狀下，需要及時(shí)開展對(duì)新手段、新方法、新途徑的開拓。而在公益APP調(diào)研當(dāng)中，公益中國(guó)、愛信公益、線頭公益、和公益，馬云公益基金，楊帆公益助手，深圳國(guó)際公益學(xué)院，公益種子，喜憨兒公益訊息等是搜索率比較高的APP，采取的按類別調(diào)研的方式，從7中不同的應(yīng)用類別入手，調(diào)研了14個(gè)相關(guān)的公益APP，并分別從安裝測(cè)試、UI測(cè)試、交互測(cè)試、功能測(cè)試四個(gè)方面測(cè)試了這14款A(yù)PP。

圖2 公益APP應(yīng)用類別分類表

1.安裝測(cè)試

在安裝測(cè)試方面，調(diào)研的14款A(yù)PP都比較順暢，在預(yù)安裝預(yù)覽中也都放置了界面介紹。有30%的APP設(shè)置了先注冊(cè)后進(jìn)入的安裝模式，在一定程度上淘汰了大量淺表用戶，保證了真實(shí)用戶的忠誠(chéng)度，但是也導(dǎo)致了真實(shí)用戶因失望而果斷放棄。如愛信公益，在進(jìn)入界面前加載安裝注冊(cè)，在手機(jī)注冊(cè)完成，密碼設(shè)置成功后進(jìn)入界面，然而界面的首頁(yè)竟然是文章，并且文章的投放過(guò)于隨意，在下設(shè)的一級(jí)導(dǎo)航欄中內(nèi)容寥寥無(wú)幾，如此看來(lái)，這款A(yù)PP的安裝模式設(shè)計(jì)就凸顯了弊端。

2.UI測(cè)試

UI測(cè)試涉及到了導(dǎo)航是否直觀，是否連續(xù)液面風(fēng)格一致，圖形是否風(fēng)格統(tǒng)一，圖形的意義是否通識(shí)，整體的色調(diào)是否統(tǒng)一，文字的長(zhǎng)度是否加以限制。測(cè)試后發(fā)現(xiàn)商務(wù)類公益APP明顯優(yōu)于其他類別。以馬云公益基金為例，整個(gè)UI設(shè)計(jì)讓人感覺APP是有知覺的，是聰明有記憶的，也是恭順盡責(zé)的。

3.交互測(cè)試

在交互測(cè)試中，主要測(cè)試交互設(shè)計(jì)是否易于理解，交互回應(yīng)是否一致，控件是否突出，是否提供視覺地標(biāo)等方面。線頭公益APP，交互測(cè)試流暢度較高，設(shè)置有無(wú)圖模式，整體交互設(shè)計(jì)框架較為合理。而水滴籌、輕松籌兩款A(yù)PP依托社交平臺(tái)，在交互測(cè)試中表現(xiàn)突出。

4.功能測(cè)試

主要針對(duì)邏輯是否正確，注冊(cè)后是否提示，運(yùn)行速度是否可觀，切換后臺(tái)是否正常，是否在交叉式時(shí)間后影響正常的功能。在線頭公益APP中，宣傳語(yǔ)為全球最大的華人公益平臺(tái)，在首頁(yè)功能里設(shè)置了任務(wù)、簽到、健康賺線頭、大事件、聚義、獻(xiàn)義、圈子等導(dǎo)航，運(yùn)行速度較快，登錄前即可瀏覽到公益平臺(tái)的導(dǎo)航，在個(gè)人用戶的設(shè)計(jì)方面，信息的收集與分類都表現(xiàn)的較為全面。

三、移情交互設(shè)計(jì)對(duì)象研究：為你而設(shè)計(jì)

在工業(yè)設(shè)計(jì)者Victor papanek 看來(lái)，設(shè)計(jì)師“為賦予有意義的秩序，做出有意識(shí)或直覺的努力”。設(shè)計(jì)是以人為導(dǎo)向，為人服務(wù)的有意識(shí)，有創(chuàng)意的活動(dòng)，活動(dòng)的本質(zhì)是服務(wù)于人，真正滿足“人”的需要，是設(shè)計(jì)的本質(zhì)。

公益平臺(tái)的訪問(wèn)人分為兩種，即：實(shí)施公益行為的人和接受公益行為的人，以實(shí)施人為主。無(wú)論是實(shí)施方還是接收方，在共同使用這個(gè)公益平臺(tái)的時(shí)候，都存在同一個(gè)原則，即：“不要讓使用人感到自己很愚笨”。

1.受眾人設(shè)的設(shè)定

實(shí)施公益的人是胸懷理想的人，是心態(tài)積極的人，是平靜接納的人，是開放進(jìn)取的人。接受公益的人是脆弱敏感的，是內(nèi)向自閉的，是心懷理想的。實(shí)施公益的人與接受公益的人有著非常明顯的角色差異，利益關(guān)系、行為方式、接受程度都有顯著的差別。所以在微公益平臺(tái)，根據(jù)受眾人設(shè)的差異性，在一級(jí)標(biāo)題中直接分為：我要發(fā)起項(xiàng)目和我要參與項(xiàng)目?jī)蓚€(gè)部分。二級(jí)標(biāo)題也直接分為：我要求助和企業(yè)捐助。清晰的區(qū)分了受眾群體，保護(hù)了各自的權(quán)益和尊嚴(yán)。

2.受眾人設(shè)數(shù)據(jù)挖掘

CRISP-DM（跨行業(yè)數(shù)據(jù)挖掘標(biāo)準(zhǔn)流程）是世界公認(rèn)的方法論之一，也較有影響力。在這一流程中DM不再只是數(shù)據(jù)的組織或者簡(jiǎn)單的呈現(xiàn)，也不僅僅表現(xiàn)為對(duì)數(shù)據(jù)的分析和統(tǒng)計(jì)建模。CRISP-DM將整個(gè)挖掘過(guò)程分為了以下六個(gè)步驟：數(shù)據(jù)理解，商業(yè)理解，數(shù)據(jù)準(zhǔn)備，模型評(píng)估，建立模型，模型發(fā)布。對(duì)于公益受眾人設(shè)數(shù)據(jù)挖掘是一個(gè)利用現(xiàn)有的各種分析工具，用以在海量數(shù)據(jù)中發(fā)現(xiàn)人設(shè)和數(shù)據(jù)間關(guān)系的過(guò)程，然后依據(jù)這些人設(shè)和關(guān)系作出預(yù)測(cè)。

在公益平臺(tái)的受眾人設(shè)挖掘中以實(shí)施公益的人為主，以高學(xué)歷、高收入、高職位的數(shù)據(jù)理解中做準(zhǔn)備，在平臺(tái)設(shè)計(jì)初期，就要考慮依據(jù)目標(biāo)人群的投放問(wèn)題，有目的設(shè)計(jì)人設(shè)模型，畢竟增加新用戶和增加訪問(wèn)量是必要的任務(wù)。

四、交互架構(gòu)研究：公益服務(wù)平臺(tái)故事版設(shè)計(jì)

故事版是影視設(shè)計(jì)的概念，是導(dǎo)演拍攝的腳本，在動(dòng)畫設(shè)計(jì)的領(lǐng)域，一個(gè)先進(jìn)合理的故事版決定了一部動(dòng)畫片的成敗。早在1991年Brenda Laurel就提出了采用故事版概念來(lái)構(gòu)造交互的方法。在公益服務(wù)平臺(tái)的架構(gòu)上，利用故事版來(lái)敘述整個(gè)結(jié)構(gòu)，把平臺(tái)當(dāng)做一個(gè)有視覺、有聽覺、有行動(dòng)力的“人”來(lái)對(duì)待，不只是當(dāng)做一張無(wú)生命的白紙，隨意擺放一些雜亂的文字和混亂無(wú)序的模塊。因此，提出設(shè)計(jì)概念是最重要的，在公益平臺(tái)越來(lái)越多的現(xiàn)實(shí)下，保持特點(diǎn)，才不會(huì)陷入慣性設(shè)計(jì)。

1.公益平臺(tái)交互框架設(shè)計(jì)

從外形的姿態(tài)入手，規(guī)范輸入方法和數(shù)據(jù)元素，設(shè)計(jì)功能組和層次，在屏幕布局上安排大致的交互框架，用手繪圖的形式勾勒出關(guān)鍵線路的場(chǎng)景劇本，在由兩個(gè)以上的設(shè)計(jì)者反復(fù)模擬受眾雙方之后，確定框架的細(xì)節(jié)，完成交互框架設(shè)計(jì)。

2.公益平臺(tái)視覺框架設(shè)計(jì)

視覺設(shè)計(jì)是系統(tǒng)設(shè)計(jì)，也會(huì)帶給受眾第一直觀的整體格調(diào)，從而直接淘汰淺表受眾。視覺系統(tǒng)設(shè)置階段至少要設(shè)計(jì)兩套以上完整的方案，包含字體字號(hào)、色彩系統(tǒng)、動(dòng)態(tài)圖標(biāo)、圖片處理。公益平臺(tái)中的視覺框架則不宜太過(guò)熱烈復(fù)雜，遠(yuǎn)離娛樂性元素。

五、結(jié)論

在國(guó)內(nèi)，公益平臺(tái)的發(fā)展目前還處在初級(jí)階段，以中國(guó)公益組織還是以國(guó)字號(hào)的公益籌款機(jī)構(gòu)為主，而未來(lái)的發(fā)展空間則在民間公益組織。而民間公益組織在交互設(shè)計(jì)的特色和靈活度上大有可為。無(wú)論好的平臺(tái)姿態(tài)還是好的流暢體驗(yàn)，都源自設(shè)計(jì)的“移情”，為一個(gè)平臺(tái)動(dòng)情設(shè)計(jì)，而不是應(yīng)付工作，在公益實(shí)施行為用戶中保持形式與行為的高度和諧，以解決問(wèn)題的模式為基準(zhǔn)，保持公益平臺(tái)的包容度，才對(duì)得起公益實(shí)施行為用戶的善心。

[1][英]瑪格麗特．博登著．《人工智能的本質(zhì)與未來(lái)》[M]．中國(guó)人民大學(xué)出版社，2017．6．

[2]熊澄宇 張錚 孔少華． 《世界數(shù)字文化產(chǎn)業(yè)發(fā)展現(xiàn)狀與趨勢(shì)》．[M]清華大學(xué)出版社，2016．

[3][美]Alan Cooper Robert Reimann．David Cronin/著．《交互設(shè)計(jì)精髓》[M]．電子工業(yè)出版社，2010．

[4]陳抒，陳振華．《交互設(shè)計(jì)的用戶研究踐行之路》[M]．清華大學(xué)出版社，2017．11．

[5]曲芳等編著．《交互設(shè)計(jì)——設(shè)計(jì)思維與實(shí)踐》[M]．中國(guó)電子工業(yè)出版社，2017．1．

[6]邵金榮．《公益組織認(rèn)定與社會(huì)公平正義》[M]．中國(guó)社會(huì)出版社，2010．5．