趙甜

摘要：結(jié)合移動端用戶界面設(shè)計(jì)原則，從結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)角度進(jìn)行分析，探求以高校心理健康教育為目的的移動應(yīng)用界面設(shè)計(jì)方案。最終基于大學(xué)生的特征和需求，提出針對大學(xué)生用戶群的心理健康A(chǔ)pp界面設(shè)計(jì)方案。

關(guān)鍵詞：大學(xué)生；心理健康；用戶界面設(shè)計(jì)；移動應(yīng)用

隨著社會環(huán)境的變化和社會競爭的加劇，高校學(xué)生的學(xué)習(xí)壓力、就業(yè)壓力、生活壓力等加大，心理問題也呈現(xiàn)增長趨勢田。有越來越多的高校加大了對大學(xué)生心理健康方面的教育和指導(dǎo)。當(dāng)下，方便快捷的移動端正在壓縮PC端的使用時(shí)間，通過移動互聯(lián)網(wǎng)開展教學(xué)，是當(dāng)今各大高校都在推行的模式。因此，將心理健康教育及咨詢與移動互聯(lián)網(wǎng)結(jié)合，產(chǎn)生專門服務(wù)于大學(xué)生心理健康的應(yīng)用是應(yīng)運(yùn)而生。分析設(shè)計(jì)針對大學(xué)生心理健康的App有助于后續(xù)工作者更加方便的開展工作。

1.心理類移動應(yīng)用現(xiàn)狀

目前心理健康類App，主要是綜合服務(wù)心理問題的App居多，這些產(chǎn)品幾乎都屬于“泛心理平臺”，內(nèi)容也大都以測試為主，娛樂和打發(fā)時(shí)間的屬性較強(qiáng)。這些App沒有特定的適用群體，其產(chǎn)品內(nèi)容也沒有針對性。功能主要有心理測試、心理知識、社交、在線咨詢等。表現(xiàn)的形式主要有視頻、電臺、圖文、音頻、游戲，以此放松人的心理，并達(dá)到治療效果用。這些移動應(yīng)用中，目標(biāo)用戶針對大學(xué)生群體的少之又少。即使有這類App，也因?yàn)閿?shù)據(jù)信息更新緩慢、界面設(shè)計(jì)不優(yōu)等方面的不足而導(dǎo)致戶體驗(yàn)不佳。

2.用戶界面設(shè)計(jì)原則與方法

用戶界面設(shè)計(jì)是以人為中心，使產(chǎn)品達(dá)到簡單使用和愉悅使用的設(shè)計(jì)。界面設(shè)計(jì)從流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)和視覺設(shè)計(jì)三部分。

2.1結(jié)構(gòu)設(shè)計(jì)

通過對用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)。移動應(yīng)用架構(gòu)設(shè)計(jì)需注意：1）符合實(shí)際需求且易于開發(fā)者理解，簡潔好用。層級清晰、單項(xiàng)依賴，即控制核心邏輯又有開發(fā)者發(fā)揮空間。2）要保持架構(gòu)靈活性，合理適當(dāng)抽象。具有一定前瞻性，使架構(gòu)可擴(kuò)展。3）做產(chǎn)品設(shè)計(jì)時(shí)，要對目標(biāo)用戶進(jìn)行適當(dāng)了解與研究，以用戶的需求形成產(chǎn)品需求并制成整個(gè)設(shè)計(jì)過程。

2.2交互設(shè)計(jì)

在進(jìn)行交互設(shè)計(jì)時(shí)，要盡可能地遵循以下幾點(diǎn)：1）力求一致性，使首頁和內(nèi)頁界面風(fēng)格保持一致，從而使App整體感清晰整潔。2）提供明確的反饋，設(shè)計(jì)對話告訴用戶任務(wù)已完成。3）提供錯(cuò)誤預(yù)防和簡單的糾錯(cuò)功能，例如把某些當(dāng)前不能點(diǎn)擊的按鈕設(shè)置為灰色，在系統(tǒng)執(zhí)行時(shí)讓用戶再確認(rèn)一下。4）應(yīng)該方便用戶取消某個(gè)操作，如撤銷功能。5）用戶應(yīng)掌握控制權(quán)，可隨時(shí)登錄、退出、刪除、修改。6）減輕用戶記憶負(fù)擔(dān)，避免讓用戶記住各類信息，增強(qiáng)控件的記憶性，如登錄時(shí)，可以選擇記住密碼。

2.3視覺設(shè)計(jì)

進(jìn)行視覺設(shè)計(jì)時(shí)，以功能需求為視覺設(shè)計(jì)出發(fā)點(diǎn)，結(jié)合有效的藝術(shù)展現(xiàn)形式，清晰、準(zhǔn)確的傳達(dá)有力的信息。要充分注意幾個(gè)要素：布局、色彩、文字、Icon。頁面布局時(shí)，盡量兼顧Android、10S系統(tǒng)，使用目標(biāo)用戶熟悉的界面風(fēng)格。合理搭配用色，首先確定標(biāo)準(zhǔn)色，而后進(jìn)行設(shè)計(jì)時(shí)，整體軟件不超過5個(gè)色系。字的大小與界面的大小比例要協(xié)調(diào)，重要文字和一般文字根據(jù)字體、字號、色彩區(qū)分。Icon圖標(biāo)的設(shè)計(jì)盡量使用真實(shí)世界的比喻或要符合用戶以往的經(jīng)驗(yàn)，避免混淆含義，力求能準(zhǔn)確表達(dá)代表的功。

3.用戶界面設(shè)計(jì)方案

本方案進(jìn)行用戶界面設(shè)計(jì)時(shí)，結(jié)構(gòu)設(shè)計(jì)基于前期的問卷數(shù)據(jù)和大學(xué)生用戶實(shí)際需求進(jìn)行、交互設(shè)計(jì)符合交互設(shè)計(jì)原則、視覺設(shè)計(jì)符合流行趨勢進(jìn)行設(shè)計(jì)。

3.1大學(xué)生心理健康A(chǔ)pp結(jié)構(gòu)設(shè)計(jì)

功能上，利用多種表現(xiàn)形式如圖文、視頻、測試等，進(jìn)行宣傳教育指導(dǎo)。在提高趣味性的同時(shí)，幫助學(xué)生獲取知識。如圖1示。

3.2大學(xué)生心理健康A(chǔ)pp交互及視覺設(shè)計(jì)

界面設(shè)計(jì)中各元素風(fēng)格一致、具有明確的反饋機(jī)制和用戶“引導(dǎo)詞”。色彩更為鮮明同時(shí)在功能上的表現(xiàn)形式也更加多樣。如圖2所示。

4.結(jié)束語

對于新媒體時(shí)代的大學(xué)生而言，他們的知識學(xué)習(xí)、人際交往與溝通跟以前不同。從擴(kuò)展大學(xué)生心理健康知識、豐富大學(xué)生活動交流、幫助大學(xué)生認(rèn)識自己等方面出發(fā)結(jié)合個(gè)性化推薦算法，通過圖文、視頻、趣味測試等形式開展教育指導(dǎo)進(jìn)行的方案設(shè)計(jì)，能為后續(xù)開發(fā)建立高校心理健康教育類App提供參考。