移動(dòng)界面設(shè)計(jì)在《人機(jī)交互》課程實(shí)驗(yàn)中的應(yīng)用

肖鋒 胡曦

摘 要：移動(dòng)應(yīng)用界面設(shè)計(jì)已成為人機(jī)交互中重要的研究領(lǐng)域，并成為教學(xué)中的重難點(diǎn)。本文提出在教學(xué)實(shí)驗(yàn)中利用安卓開發(fā)技術(shù)，使學(xué)生能夠理解并掌握移動(dòng)界面設(shè)計(jì)的原則及技巧。

關(guān)鍵詞：移動(dòng)界面;人機(jī)交互;實(shí)驗(yàn)教學(xué)

1.《人機(jī)交互》課程教學(xué)現(xiàn)狀

《人機(jī)交互》是計(jì)算機(jī)及應(yīng)用專業(yè)的一門主要專業(yè)基礎(chǔ)課。通過本課程學(xué)習(xí)，使學(xué)生們能夠了解如何構(gòu)造人機(jī)交互系統(tǒng)，了解人機(jī)交互同計(jì)算機(jī)其他科學(xué)之間的結(jié)合。 理解人機(jī)交互基本認(rèn)識(shí)心理學(xué)和人機(jī)工程學(xué)。掌握人機(jī)交互技術(shù)、界面設(shè)計(jì)模型以及軟件結(jié)構(gòu)和實(shí)現(xiàn)。能進(jìn)行Web界面設(shè)計(jì)、移動(dòng)界面設(shè)計(jì)。

課程的主要課程內(nèi)容主要包括人機(jī)交互的相關(guān)概念，與人機(jī)交互相關(guān)的感知和認(rèn)知的基本知識(shí)，各種交互設(shè)備及其工作原理，人機(jī)交互技術(shù)，人機(jī)界面設(shè)計(jì)方法及其表示模型和實(shí)現(xiàn)方法，web界面、移動(dòng)界面這兩類特殊人機(jī)界面的設(shè)計(jì)方法、工具和技術(shù)，以及可用性分析與評(píng)估方法。學(xué)生通過課程的學(xué)習(xí)，可以快速掌握人機(jī)交互的基本知識(shí)和交互技術(shù)，能夠?qū)W以致用。

目前《人機(jī)交互》課程總學(xué)時(shí)為32個(gè)學(xué)時(shí)，根據(jù)大綱的要求分為理論授課和教學(xué)實(shí)驗(yàn)。其中理論授課為16個(gè)學(xué)時(shí)，教學(xué)實(shí)驗(yàn)為16個(gè)學(xué)時(shí)。實(shí)驗(yàn)共有8次，主要圍繞人機(jī)交互技術(shù)、各種類型的界面設(shè)計(jì)進(jìn)行實(shí)際操作。其中以窗體界面設(shè)計(jì)、web界面設(shè)計(jì)以及移動(dòng)界面設(shè)計(jì)實(shí)驗(yàn)學(xué)時(shí)比重較大。隨著諸如手機(jī)、平板以及其它各式各樣的移動(dòng)設(shè)備不斷出現(xiàn)，移動(dòng)應(yīng)用越來越多地出現(xiàn)在人們的學(xué)習(xí)、工作與生活中。因此，移動(dòng)界面的設(shè)計(jì)也成為人機(jī)交互課程中教學(xué)的重點(diǎn)。

2. 移動(dòng)界面設(shè)計(jì)在實(shí)驗(yàn)中的應(yīng)用

2.1 Android開發(fā)技術(shù)框架

移動(dòng)界面的設(shè)計(jì)不僅需要考慮各種復(fù)雜的網(wǎng)絡(luò)連接方式，還要考慮各種不同的硬件設(shè)備甚至不同型號(hào)的設(shè)備之間的差異。目前常用的幾種移動(dòng)應(yīng)用開發(fā)的體系結(jié)構(gòu)包括Android、IOS、Windows Phone等。其中Android由于其開放性以及優(yōu)良的性能在市場(chǎng)中占有較大份額，因此應(yīng)用較為廣泛。同時(shí)在現(xiàn)有教學(xué)資源提交下，也更容易搭建實(shí)際試驗(yàn)環(huán)境，因此我們教學(xué)中以Android開發(fā)平臺(tái)為例，給學(xué)生講授移動(dòng)應(yīng)用界面設(shè)計(jì)時(shí)的基本原則及開發(fā)技術(shù)。

在實(shí)驗(yàn)前的理論授課中，著重講解了Android框架的基本原理和開發(fā)流程。 Android應(yīng)用程序的由Java代碼、XML標(biāo)記語言和Android Manifest文件等構(gòu)成。Android中大量使用基于XML的標(biāo)記語言來定義應(yīng)用程序的基本組件，尤其是一些可見的組件;且XML還可以用于定義應(yīng)用程序的細(xì)節(jié)，包括用戶界面、數(shù)據(jù)訪問，甚至是程序架構(gòu)等。

2.2移動(dòng)界面設(shè)計(jì)實(shí)驗(yàn)

在學(xué)生充分理解移動(dòng)界面設(shè)計(jì)原則以及安卓開發(fā)流程后，開始進(jìn)行相應(yīng)的實(shí)驗(yàn)環(huán)節(jié)，移動(dòng)界面實(shí)驗(yàn)的目的包括：

（1） 理解移動(dòng)界面設(shè)計(jì)的基本原則

（2） 掌握安卓開發(fā)技術(shù)框架，并搭建開發(fā)環(huán)境;

（3） 在Eclipse中進(jìn)行安卓應(yīng)用的界面設(shè)計(jì)。

實(shí)驗(yàn)要求設(shè)計(jì)一個(gè)移動(dòng)供應(yīng)商關(guān)系管理系統(tǒng)，對(duì)用戶界面設(shè)計(jì)進(jìn)行分析。該系統(tǒng)對(duì)用戶提供訂單查詢、訂單修改和訂單狀態(tài)查看功能。該應(yīng)用界面的設(shè)計(jì)過程包括以下步驟：

（1） 明確用戶群。

（2） 明確用戶需求。

（3） 確定界面的設(shè)計(jì)目標(biāo)。

（4） 建立導(dǎo)航流程。

（5） 可用性設(shè)計(jì)要點(diǎn)

要求學(xué)生編寫設(shè)計(jì)的布局（主要模塊及頁(yè)面）以及遵循的原則（包括控件的選擇、背景顏色、圖片、導(dǎo)航等等）

所需的軟硬件及實(shí)驗(yàn)環(huán)境如下：

硬件：實(shí)驗(yàn)室PC機(jī)，內(nèi)存4G，硬盤500GB;

軟件：JDK、Eclipse+ADT;

操作系統(tǒng)環(huán)境：Windows7。

另外要求學(xué)生分別在模擬器以及真機(jī)上運(yùn)行編寫程序。模擬器可以使用Android內(nèi)置AVD，或者其他模擬器。將模擬器和真機(jī)中運(yùn)行的效果進(jìn)行比較，并撰寫實(shí)驗(yàn)報(bào)告

3. 教學(xué)效果評(píng)價(jià)

由于選修該課程的大部分學(xué)生是計(jì)算機(jī)及相關(guān)理工科專業(yè)，前期學(xué)習(xí)過《面向?qū)ο蟪绦蛟O(shè)計(jì)》、《Java程序開發(fā)》等基礎(chǔ)課程，因此對(duì)于網(wǎng)站建設(shè)及Web的運(yùn)行機(jī)制及原理較為熟悉，能夠熟練地利用Eclipse工具進(jìn)行開發(fā)，通過理論授課時(shí)學(xué)生的反饋以及實(shí)驗(yàn)的提交的結(jié)果，教學(xué)效果較為突出，達(dá)到了預(yù)設(shè)的教學(xué)目的。

4. 結(jié)語

本課程是一門實(shí)踐性都很強(qiáng)的課程，實(shí)驗(yàn)是學(xué)習(xí)該課程的非常重要的教學(xué)環(huán)節(jié)，通過上機(jī)實(shí)驗(yàn)?zāi)軌蚣由罾斫夂挽柟虝旧纤鶎W(xué)的知識(shí)，能夠提高動(dòng)手操作的能力以及分析問題和解決問題的能力。

教學(xué)中利用現(xiàn)有設(shè)備和資源，并結(jié)合學(xué)生實(shí)際情況制定了較為合理的實(shí)驗(yàn)內(nèi)容，取得了不錯(cuò)的教學(xué)效果。

參考文獻(xiàn)：

[1]孟祥旭. 人機(jī)交互基礎(chǔ)教程.北京：清華大學(xué)出版社.2010.

[2]Android，百度百科： https：//baike.baidu.com/item/Android/60243？fromtitle=%E5%AE%89%E5%8D%93&fromid=5389782&fr=aladdin.

作者簡(jiǎn)介：

肖鋒（1985—），男，講師，博士，研究方向：計(jì)算機(jī)應(yīng)用、信息安全。

胡曦（1984—），男，講師，博士，研究方向：網(wǎng)絡(luò)應(yīng)用技術(shù)、網(wǎng)絡(luò)安全。

基金項(xiàng)目：江漢大學(xué)高層次人才科研啟動(dòng)基金（1008-06680001）