基于用戶體驗(yàn)的智能校園UI設(shè)計(jì)

王玲

摘要：為進(jìn)一步探索校園APP的UI設(shè)計(jì)，提出了基于用戶體驗(yàn)的智能校園UI設(shè)計(jì)方法。通過(guò)對(duì)用戶體驗(yàn)、手機(jī)UI設(shè)計(jì)和校園需求化進(jìn)行分析，提出了利用校園APP建立起大學(xué)生學(xué)習(xí)和生活的交流平臺(tái)的重要性。

關(guān)鍵詞：用戶體驗(yàn)；智能校園；UI；智能手機(jī)

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展以及智能手機(jī)的迅速普及，智能手機(jī)已成為高校學(xué)生生活的必需品之一。對(duì)于他們來(lái)說(shuō)手機(jī)已經(jīng)不再是通常意義上的聯(lián)絡(luò)設(shè)備，而是集通信、網(wǎng)絡(luò)、社交、生活、娛樂(lè)等功能于一體的智能終端APP。由中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）在其官方網(wǎng)站發(fā)布的《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告（第35次）》一文中顯示，截至2014年12月底通過(guò)手機(jī)接入互聯(lián)網(wǎng)的比例持續(xù)增高，較2013年底提高4.8個(gè)百分點(diǎn)。我國(guó)手機(jī)網(wǎng)民規(guī)模達(dá)5.57億，較2013年增加5672萬(wàn)人。手機(jī)網(wǎng)名中學(xué)生群體所占的比最高，為23.8%。在國(guó)外，校園應(yīng)用類APP發(fā)展較早且成熟，MIT，Stanford，Harvard等高校早在2010就開(kāi)始研發(fā)了基于IOS系統(tǒng)的手機(jī)移動(dòng)端校園應(yīng)用。大數(shù)據(jù)的背后表明對(duì)新鮮事物具有強(qiáng)烈求知欲的高校群體成為了移動(dòng)互聯(lián)網(wǎng)應(yīng)用的最活躍用戶群體。

一、UI的概念

UI（User Interface）是用戶界面的簡(jiǎn)稱。主要是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。是以用戶為中心進(jìn)行的界面設(shè)計(jì)，其目的是為了讓用戶對(duì)產(chǎn)品有更便捷親和的操作體驗(yàn)，同時(shí)提高產(chǎn)品界面的視覺(jué)效果。UI設(shè)計(jì)（界面設(shè)計(jì)包括硬件界面設(shè)計(jì)和軟件界面設(shè)計(jì)，這里我們探討的是軟件界面設(shè)計(jì)）包括用戶研究、交互設(shè)計(jì)與界面設(shè)計(jì)三個(gè)部分。

（一）用戶研究

要進(jìn)行基于用戶體驗(yàn)的智能校園UI設(shè)計(jì)，首先就要對(duì)校園用戶進(jìn)行分析和調(diào)研，這是設(shè)計(jì)中最重要的一步。用戶分析主要是分析用戶的文化背景、心理情感和期待、習(xí)慣經(jīng)驗(yàn)、思維方式、使用環(huán)境，同時(shí)還要分析用戶對(duì)于相關(guān)其他產(chǎn)品的意見(jiàn)。

而校園APP的主要定位為大學(xué)新生和在校大學(xué)生。大學(xué)新生其特點(diǎn)為：對(duì)大學(xué)生活非常好奇、愛(ài)幻想，他們喜歡鮮艷的色彩、活潑的氣氛，他們有豐富的業(yè)余生活，樂(lè)于參加學(xué)校各種社團(tuán)活動(dòng)，他們追求獨(dú)特，喜歡攝影，會(huì)在任何時(shí)間，任何場(chǎng)次多次使用手機(jī)移動(dòng)設(shè)備記錄生活。他們更加樂(lè)于關(guān)注身邊的新鮮事；在校大學(xué)生其特點(diǎn)為：他們作為在校大學(xué)生對(duì)校園生活非常了解，他們希望校園生活更加方便。生活多以聊天娛樂(lè)為主，需要較大的平臺(tái)讓他們暢所欲言，發(fā)表對(duì)校園生活的期待。

通過(guò)用戶分析來(lái)挖掘用戶對(duì)產(chǎn)品的需求，進(jìn)而更好地指導(dǎo)校園產(chǎn)品UI界面設(shè)計(jì)。用戶研究不是設(shè)計(jì)者的主觀行為，而是站在用戶的角度去探討產(chǎn)品的開(kāi)發(fā)設(shè)計(jì)。它最終達(dá)到的目的是提高產(chǎn)品的可用性，是我們?cè)O(shè)計(jì)的產(chǎn)品更容易被人接受、利用和記憶。

（二）大學(xué)生的普遍使用習(xí)慣

手機(jī)UI設(shè)計(jì)則是以智能手機(jī)為主要載體，設(shè)計(jì)時(shí)不僅讓產(chǎn)品有一定視覺(jué)效果，更要考慮操作的便捷、舒適、容錯(cuò)性等。在設(shè)計(jì)過(guò)程中遵循手機(jī)軟硬件方面的特點(diǎn)和用戶需求。針對(duì)高校師生用戶為目標(biāo)人群的移動(dòng)手機(jī)客戶端設(shè)計(jì)，從他們豐富的業(yè)余生活著手，為同學(xué)們提供學(xué)習(xí)信息的同時(shí)，更加注重提高學(xué)生的生活服務(wù)質(zhì)量，打造一款專屬于華夏學(xué)院的校園資訊APP。

1.明確用戶的軟硬件系統(tǒng)，便捷直觀的交互設(shè)計(jì)體驗(yàn)。加強(qiáng)用戶對(duì)產(chǎn)品的親和感，讓用戶在體驗(yàn)過(guò)程中覺(jué)得愉快、簡(jiǎn)單。

2.遵循一致性原則設(shè)計(jì)。一致性的設(shè)計(jì)原則符合用戶心理體驗(yàn)，可以讓用戶有整體感。

3.UI界面設(shè)計(jì)需要注意的細(xì)節(jié)。細(xì)節(jié)決定成敗，精致的細(xì)節(jié)表現(xiàn)會(huì)讓產(chǎn)品層次提升到一個(gè)高度，增加用戶的信任感和操作的愉悅體驗(yàn)。而在校園中對(duì)于大多數(shù)學(xué)生而言：

本院學(xué)生特點(diǎn)：生源有理科、文科和藝術(shù)類。每一類別的學(xué)生都有各自的文化、心理、性格特點(diǎn)，如理科生的思維邏輯性、文科生的感性和思維發(fā)散性、藝術(shù)生的思維發(fā)散和跳躍性等。

空間復(fù)雜化、時(shí)間隨意化、心態(tài)分散化、多任務(wù)、多線程：校園學(xué)生用戶使用手機(jī)應(yīng)用程序時(shí)可能也在做其他事情，不會(huì)一直專注只看手機(jī)內(nèi)容，如走路、吃飯、工作等。因此缺乏專注，易產(chǎn)生錯(cuò)誤操作。

綜上所述，校園APP目的就是將這些信息進(jìn)行歸類整理，并通過(guò)APP進(jìn)行傳達(dá)，方便同學(xué)在第一時(shí)間掌握校園動(dòng)態(tài)。

二、任務(wù)分析

通過(guò)查找資料，分析現(xiàn)有的校園APP的特點(diǎn)。根據(jù)他們的特點(diǎn)，細(xì)化校園APP的設(shè)計(jì)方案。包括思考如何讓學(xué)生從進(jìn)入華夏校園開(kāi)始一直使用我們的校園APP，那我們就要抓住校園APP的主線。通過(guò)新生錄取通知書讓新生們下載華夏校園APP，從而進(jìn)一步的引導(dǎo)他們?nèi)雽W(xué)、報(bào)到、生活和學(xué)習(xí)。形成一套華夏學(xué)院特有的校園綜合服務(wù)體系。（具體結(jié)構(gòu)見(jiàn)圖1）

圖1智能華夏校園APP首頁(yè)功能結(jié)構(gòu)圖

首頁(yè)（功能頁(yè)）：主要提供智能華夏校園APP的常見(jiàn)功能按鈕，以圖標(biāo)的方式呈現(xiàn)，結(jié)合文字標(biāo)題說(shuō)明。主要包括了圖1所示的8個(gè)功能集合：新生入學(xué)指南、八大院系、我的班級(jí)、圖書館、社團(tuán)活動(dòng)、查一查、找美食和看二手等。

新生入學(xué)指南：是針對(duì)新生設(shè)計(jì)的一整套入學(xué)流程，幫助新生完成入學(xué)手續(xù)從而指引他們的校園生活。

八大院系：主要是針對(duì)華夏學(xué)院的八大院系汽車工程系、土木與建筑工程系、信息與工程系、化學(xué)與制藥工程系、經(jīng)濟(jì)與管理系、人文與藝術(shù)系、機(jī)電工程系、外語(yǔ)系的活動(dòng)以及介紹。

我的班級(jí)：主要針對(duì)新生他們和所在班級(jí)的聯(lián)系和班級(jí)通知。

圖書館：針對(duì)校園圖書館的書目查詢

社團(tuán)活動(dòng)：大學(xué)生社團(tuán)活動(dòng)以及活動(dòng)新聞

查一查：課表查詢、快遞查詢、空教室查詢

找美食：針對(duì)校園食堂以及后街的美食攻略

看二手：主要是針對(duì)跳蚤市場(chǎng)，二手市場(chǎng)以及失物招領(lǐng)

智能華夏校園APP客戶端可以利用學(xué)生對(duì)智能手機(jī)的依賴性，將手機(jī)作為學(xué)校事務(wù)公告和宣傳的平臺(tái)，將更多有用的資源傳遞給學(xué)生。為學(xué)生提供了更便捷的服務(wù)，避免學(xué)生因?yàn)閷?duì)學(xué)校的規(guī)章制度不了解或者服務(wù)部門的作息時(shí)間與自己的課程有沖突，錯(cuò)過(guò)了重要的事情，導(dǎo)致對(duì)大學(xué)生活和環(huán)境充滿排斥和抱怨。 手機(jī)APP校園客戶端給數(shù)字化校園建設(shè)增加了新的發(fā)展領(lǐng)域，它與電腦動(dòng)靜結(jié)合，形成了更加完善的數(shù)字化校園。

綜上所述，基于用戶體驗(yàn)的UI設(shè)計(jì)，就是以用戶中心的設(shè)計(jì)（user-centered design）這種設(shè)計(jì)的中心思想非常明了，就是在設(shè)計(jì)產(chǎn)品開(kāi)發(fā)中的每一步都要都要考慮用戶的體驗(yàn)。無(wú)論什么產(chǎn)品好的用戶體驗(yàn)都是表達(dá)在細(xì)微處，所以創(chuàng)造良好的用戶體驗(yàn)的工作內(nèi)容就是搜索和解決細(xì)微的問(wèn)題，比如，界面上的某個(gè)圖標(biāo)是不是太大？顏色會(huì)不會(huì)太跳？圖標(biāo)表達(dá)會(huì)不會(huì)不夠明確？還是位置不對(duì)？結(jié)構(gòu)是否出現(xiàn)問(wèn)題？只有在不斷地提出問(wèn)題，推翻之前的言論才能使產(chǎn)品更加完善。所以一個(gè)好的產(chǎn)品，它的UI設(shè)計(jì)應(yīng)該是更貼近用戶體驗(yàn)的。只有全面的分析用戶體驗(yàn)效果、創(chuàng)新UI設(shè)計(jì)途徑，才能設(shè)計(jì)出用戶滿意的作品。