肇真

關(guān)鍵詞：用戶(hù)體驗(yàn);高校校園融合社交;交互原型;社交心理;APP設(shè)計(jì)

文章基于用戶(hù)體驗(yàn)，以大學(xué)生的互聯(lián)網(wǎng)社交心理為出發(fā)點(diǎn)，通過(guò)新的互聯(lián)網(wǎng)高校校園社交方式――融合社交，構(gòu)建高校校園融合社交APP的交互原型和功能框架，并通過(guò)實(shí)際設(shè)計(jì)方案驗(yàn)證APP的可用性。

1 用戶(hù)體驗(yàn)概述

用戶(hù)體驗(yàn)（User Experience，簡(jiǎn)稱(chēng)UE / UX）是用戶(hù)在使用產(chǎn)品過(guò)程中建立起來(lái)的一種純主觀感受。即用戶(hù)在使用一個(gè)產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、喜好、認(rèn)知印象、心理反應(yīng)、行為和成就等各個(gè)方面[1]。

在進(jìn)行數(shù)字化產(chǎn)品的設(shè)計(jì)時(shí)，應(yīng)該在用戶(hù)研究――設(shè)計(jì)/ 原型――評(píng)估這些步驟中循環(huán)直到項(xiàng)目完成，通過(guò)“5E”可用性測(cè)試原則，完成對(duì)軟件發(fā)布前的檢查，將可用性和交互設(shè)計(jì)工作嵌入到設(shè)計(jì)的所有流程中。“5E”可用性測(cè)試原則包括：有效性（Effective）、效率（Efficient）、吸引的（Engaging）、容錯(cuò)（Errortolerant）、易學(xué)習(xí)（Easy to learn），其中有效性原則等同于可用性，就是這個(gè)產(chǎn)品在實(shí)際使用中能否真正起到作用;效率是指產(chǎn)品的目的是能提高使用者效率的;易學(xué)習(xí)是指用戶(hù)在初次使用時(shí)學(xué)習(xí)成本較低;容錯(cuò)原則是為了防止用戶(hù)犯錯(cuò)設(shè)計(jì)的一系列規(guī)范，以及解決錯(cuò)誤的能力;而吸引的主要是從交互和視覺(jué)上能引起用戶(hù)的興趣，提升用戶(hù)好感度[2]。從這五個(gè)測(cè)試原則對(duì)用戶(hù)滿(mǎn)意模型進(jìn)行量化，并逐步提升用戶(hù)體驗(yàn)。

2 基于用戶(hù)體驗(yàn)的高校校園融合社交APP 設(shè)計(jì)意義

2.1 滿(mǎn)足融合社交需求

校園社交營(yíng)造出了一個(gè)獨(dú)立的“社交環(huán)境”，這種校園社交的環(huán)境里所有用戶(hù)的身份都是學(xué)生，或曾是某個(gè)高校的學(xué)生，而學(xué)生身份能夠讓用戶(hù)之間快速建立信任感，找到共同的話題點(diǎn)。

高校校園融合社交APP 相比于泛社交類(lèi)產(chǎn)品增加了一些綜合的功能服務(wù)，改善了單一的社交模式，滿(mǎn)足了用戶(hù)融合社交的需求，從而帶來(lái)更好的使用體驗(yàn)。

2.2 提升市場(chǎng)競(jìng)爭(zhēng)力

當(dāng)前，微信已成為國(guó)人社交基礎(chǔ)設(shè)施，在使用頻次和覆蓋廣度上已經(jīng)難以超越，校園作為相對(duì)容易拓展的垂直市場(chǎng)，高校校園融合社交APP要想從同質(zhì)化的產(chǎn)品中脫穎而出，只能走垂直化、細(xì)分化路線，通過(guò)社交與工具相結(jié)合的功能形式，增強(qiáng)目標(biāo)用戶(hù)的粘性，有效地喚醒用戶(hù)的使用需求，從而不斷地提高產(chǎn)品的市場(chǎng)競(jìng)爭(zhēng)力[3]。

3 基于用戶(hù)體驗(yàn)的高校校園融合社交APP設(shè)計(jì)流程

3.1 用戶(hù)體驗(yàn)構(gòu)成要素分析

高校校園融合社交APP基于Garrett用戶(hù)體驗(yàn)五要素，從產(chǎn)品定位、用戶(hù)需求、交互體驗(yàn)、功能框架、信息設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、界面視覺(jué)等方面進(jìn)行原型的構(gòu)建：

1） 在戰(zhàn)略層上，主要考慮目標(biāo)用戶(hù)選擇這個(gè)產(chǎn)品想要得到什么[4]。因此，高校校園融合社交APP是定位于高校校園泛社交+工具的功能型產(chǎn)品，和各高校的教務(wù)系統(tǒng)以及圖書(shū)館借閱系統(tǒng)綁定，為大學(xué)生提供社交、生活和學(xué)業(yè)相關(guān)的一系列服務(wù)。

2） 在范圍層上，進(jìn)一步規(guī)劃該產(chǎn)品的功能框架，也就是將調(diào)研收集到的用戶(hù)需求轉(zhuǎn)換為APP中的主要功能，即通過(guò)用戶(hù)需求梳理出APP的內(nèi)容需求和功能框架。

3） 在結(jié)構(gòu)層上，高校校園融合社交APP 的結(jié)構(gòu)主要分為三個(gè)層級(jí)，一級(jí)頁(yè)面是社交、工具、發(fā)布動(dòng)態(tài)以及個(gè)人中心等主要功能;二級(jí)頁(yè)面是深度社交和查詢(xún)工具等次級(jí)功能;三級(jí)頁(yè)面是聊天、內(nèi)容詳情以及設(shè)置等基本功能。

4） 在框架層上，高校校園融合社交APP 首頁(yè)中的導(dǎo)航標(biāo)簽主要分為五個(gè)部分：“廣場(chǎng)”“探索”“發(fā)布”“消息”“我的”，根據(jù)確定的導(dǎo)航信息進(jìn)行APP 界面的交互原型設(shè)計(jì)。

5） 在表現(xiàn)層上，高校校園融合社交APP 中所有可感知的文字、圖片、色彩、按鈕、聲音等都是該層面主要的設(shè)計(jì)內(nèi)容，其中重點(diǎn)就是對(duì)內(nèi)容進(jìn)行視覺(jué)優(yōu)化，確定整體的設(shè)計(jì)風(fēng)格，輸出高保真的原型圖。

3.2 人物模型建立

在進(jìn)行產(chǎn)品原型的構(gòu)建之前，要根據(jù)確定的主要功能和內(nèi)容，對(duì)用戶(hù)的行為、期望和特點(diǎn)進(jìn)行量化，創(chuàng)建關(guān)于用戶(hù)的描述性模型，這種模型被稱(chēng)為“人物模型”（Persona）[5]。

1） 用戶(hù)調(diào)研和訪談。本次用戶(hù)調(diào)研主要以問(wèn)卷調(diào)研的形式進(jìn)行，通過(guò)“問(wèn)卷星”這一平臺(tái)發(fā)放和收集問(wèn)卷，并整理總結(jié)調(diào)研的數(shù)據(jù)信息。問(wèn)卷設(shè)置了15個(gè)問(wèn)題，主要包括：用戶(hù)在互聯(lián)網(wǎng)的社交行為方式、對(duì)于高校校園類(lèi)社交APP的需求偏好、產(chǎn)品功能優(yōu)先級(jí)的排序、對(duì)于高校校園社交的期望、會(huì)在什么場(chǎng)景下使用APP等主觀方面的問(wèn)題。通過(guò)對(duì)收集到的205 份有效問(wèn)卷進(jìn)行數(shù)據(jù)分析，從需求層級(jí)、社交偏好、使用場(chǎng)景、產(chǎn)品期望等方面做出需求量表。

2） 構(gòu)建Persona 人物模型。根據(jù)前期定性研究觀察到的行為模式，構(gòu)建出三個(gè)重要的人物模型，進(jìn)一步描述人物模型的特點(diǎn)、需求和行為（見(jiàn)圖1）。

3.3 APP功能框架構(gòu)建以及交互原型輸出

高校校園融合社交APP 基于用戶(hù)體驗(yàn)五要素，以及Persona人物模型，對(duì)產(chǎn)品的功能框架、導(dǎo)航信息進(jìn)行梳理和整合，初步劃分主要的信息層級(jí)，建立完整的設(shè)計(jì)規(guī)范，從而輸出產(chǎn)品的低保真交互原型圖。通過(guò)前期的用戶(hù)調(diào)研和人物模型，進(jìn)一步梳理出APP的主要功能框架，即底部導(dǎo)航的五個(gè)標(biāo)簽：“廣場(chǎng)”“探索”“發(fā)布”“消息”“我的”，在此基礎(chǔ)上進(jìn)行二級(jí)功能的劃分：“廣場(chǎng)”功能包括推薦和已關(guān)注的人。

基于功能框架和交互流程，在進(jìn)行界面的視覺(jué)設(shè)計(jì)前輸出低保真的原型圖，對(duì)頁(yè)面的內(nèi)容進(jìn)行布局，用以確認(rèn)產(chǎn)品的設(shè)計(jì)框架和可用性。在主頁(yè)面中，“一天”選擇了標(biāo)簽式導(dǎo)航，用戶(hù)可以通過(guò)點(diǎn)擊底部的標(biāo)簽進(jìn)行頁(yè)面切換，易于操作和學(xué)習(xí)，符合用戶(hù)的使用習(xí)慣[6]。

3.4 APP可用性測(cè)試

在產(chǎn)品設(shè)計(jì)過(guò)程中，為了驗(yàn)證設(shè)計(jì)方案的可行性，需要在視覺(jué)設(shè)計(jì)前對(duì)產(chǎn)品原型進(jìn)行可用性測(cè)試（Usability Test）。本次測(cè)試邀請(qǐng)了6名具有代表性的用戶(hù)，給每位測(cè)試者分別設(shè)置了不同的任務(wù)進(jìn)行體驗(yàn)，讓他們按照指令對(duì)APP 的原型進(jìn)行操作，并在一旁觀察記錄用戶(hù)操作時(shí)的反應(yīng)和表現(xiàn)，在體驗(yàn)結(jié)束后，對(duì)用戶(hù)的使用體驗(yàn)和測(cè)試結(jié)果進(jìn)行整理和分析，得出結(jié)論如表1 ：

通過(guò)可用性測(cè)試發(fā)現(xiàn)APP能夠基本滿(mǎn)足用戶(hù)需求，用戶(hù)大部分能夠獨(dú)立完成相應(yīng)的任務(wù)操作，并且對(duì)APP原型的滿(mǎn)意度也較高，不過(guò)根據(jù)測(cè)試結(jié)果發(fā)現(xiàn)存在的一些問(wèn)題，在此基礎(chǔ)上對(duì)APP的信息架構(gòu)和交互原型進(jìn)行優(yōu)化改善：其一、為節(jié)約用戶(hù)注冊(cè)的時(shí)間，在注冊(cè)時(shí)可暫不上傳學(xué)生證照片，但若發(fā)布動(dòng)態(tài)或進(jìn)行評(píng)論時(shí)，就要驗(yàn)證學(xué)生證信息才可繼續(xù)操作;其二、“廣場(chǎng)”的推薦標(biāo)簽增加了熱門(mén)話題的推薦;其三、將“預(yù)約”圖標(biāo)調(diào)整到了書(shū)籍名稱(chēng)的正下方，方便用戶(hù)進(jìn)行在線預(yù)約。

4 基于用戶(hù)體驗(yàn)的高校校園融合社交APP 設(shè)計(jì)實(shí)踐

高校校園融合社交APP結(jié)合用戶(hù)需求和界面設(shè)計(jì)的原則，在色彩、字體、icon、界面等方面進(jìn)行設(shè)計(jì)實(shí)踐。 基于低保真交互原型圖及視覺(jué)優(yōu)化，結(jié)合用戶(hù)體驗(yàn)構(gòu)成要素設(shè)計(jì)，以 iOS系統(tǒng)界面為例。在表現(xiàn)層的設(shè)計(jì)實(shí)踐部分，整個(gè)設(shè)計(jì)風(fēng)格基于扁平化，加入了卡片+ 圓角的設(shè)計(jì)形式，通過(guò)加大間距來(lái)區(qū)分信息層級(jí)，盡可能地去除多余的線，并適當(dāng)?shù)亓舭住８咝Ｐ@融合社交APP通過(guò)界面的視覺(jué)優(yōu)化和細(xì)節(jié)的微交互設(shè)計(jì)來(lái)提高用戶(hù)體驗(yàn)，從而完成對(duì)APP設(shè)計(jì)的開(kāi)發(fā)。

5 結(jié)語(yǔ)

文章在設(shè)計(jì)時(shí)依據(jù)用戶(hù)體驗(yàn)五要素，結(jié)合了當(dāng)前的高校校園社交現(xiàn)狀，以及大學(xué)生的互聯(lián)網(wǎng)社交需求，對(duì)新的高校校園互聯(lián)網(wǎng)社交方式進(jìn)行前瞻性思考。結(jié)合Persona 人物模型，構(gòu)建了高校校園融合社交APP的低保真和高保真的原型圖，并通過(guò)“5E”可用性測(cè)試原則驗(yàn)證了APP具備較高的可行性和用戶(hù)體驗(yàn)滿(mǎn)意度，從而對(duì)APP的界面進(jìn)行視覺(jué)優(yōu)化，帶給用戶(hù)更好的操作體驗(yàn)，為高校校園數(shù)字化產(chǎn)品提供新的設(shè)計(jì)思路。