面向手持移動(dòng)設(shè)備界面的交互設(shè)計(jì)理論分析

摘 要：隨著信息技術(shù)以及信息化社會(huì)的日益發(fā)展，人們對(duì)于各種信息的獲取途徑已不僅僅局限于通過計(jì)算機(jī)設(shè)備。手持移動(dòng)設(shè)備憑借其智能化、便攜性等優(yōu)勢(shì)，已經(jīng)和計(jì)算機(jī)設(shè)備一樣深入到了人們生活的方方面面，成為了人們?nèi)粘１夭豢缮俚妮o助工具，并逐步影響著人們的生活方式和習(xí)慣。交互設(shè)計(jì)是指界面在進(jìn)行編碼前所需要設(shè)計(jì)的操作流程，并在設(shè)計(jì)過程中建立交互模型和交互規(guī)范。交互設(shè)計(jì)以用戶體驗(yàn)為基礎(chǔ)，通過用戶的認(rèn)知心理設(shè)計(jì)出符合用戶使用習(xí)慣、消費(fèi)心理和審美特點(diǎn)的交互界面。

關(guān)鍵詞：手持移動(dòng)設(shè)備;交互設(shè)計(jì)

一、交互設(shè)計(jì)概述

所謂的“交互設(shè)計(jì)”指人們?nèi)粘Ｉ詈凸ぷ髦械漠a(chǎn)品、設(shè)備、系統(tǒng)、網(wǎng)絡(luò)等間接或直接的信息溝通過程，是一種為人們服務(wù)的交互式產(chǎn)品設(shè)計(jì)，它涉及了人（用戶）、物（產(chǎn)品，系統(tǒng)，環(huán)境，工具等）要素。交互設(shè)計(jì)看似抽象，但是從主要工作內(nèi)容來看卻十分易于理解（圖1）。

圖1 ?交互工作的主要組成部分

交互設(shè)計(jì)提倡“以用戶為本”的目標(biāo)導(dǎo)向設(shè)計(jì)方法。是否方便用戶使用是評(píng)價(jià)交互設(shè)計(jì)是否優(yōu)秀的重要指標(biāo)，“易識(shí)別”和“交互體驗(yàn)”則是交互設(shè)計(jì)的最終目標(biāo)。一款優(yōu)秀的交互設(shè)計(jì)產(chǎn)品使用戶易識(shí)別、易操作，這是一種“貼心”的設(shè)計(jì)。未經(jīng)交互的產(chǎn)品，由于缺乏對(duì)用戶體驗(yàn)的分析，往往無法給用戶留下“貼心”的印象。人機(jī)交互工程師需要掌握多個(gè)學(xué)科的知識(shí)，涉及到可用性設(shè)計(jì)、工業(yè)設(shè)計(jì)、人因?qū)W、心理學(xué)、認(rèn)知功效學(xué)、市場(chǎng)營銷、社會(huì)學(xué)、計(jì)算機(jī)科學(xué)、計(jì)算機(jī)圖形學(xué)、設(shè)計(jì)史學(xué)等眾多學(xué)科。

二、手持移動(dòng)設(shè)備界面的交互設(shè)計(jì)

（一）手持移動(dòng)設(shè)備的定義

手持移動(dòng)設(shè)備又被稱為移動(dòng)的設(shè)備、手持的設(shè)備、便攜式電腦。由于它體積較小，通過其硬件界面可隨時(shí)獲取信息，此類設(shè)備應(yīng)用廣泛，如平板電腦和手機(jī)等。手持移動(dòng)設(shè)備屏幕上的圖形信息，包括圖標(biāo)、菜單、窗口、圖像、文字等。手持移動(dòng)設(shè)備界面是人機(jī)系統(tǒng)工程，它綜合了計(jì)算機(jī)科學(xué)、心理學(xué)、美學(xué)、行為學(xué)等學(xué)科的知識(shí)，強(qiáng)調(diào)人——手持移動(dòng)設(shè)備——環(huán)境三者作為一個(gè)系統(tǒng)進(jìn)行總體設(shè)計(jì)。

（二）手持移動(dòng)設(shè)備的特點(diǎn)

以手機(jī)為例，截至2011年，全球的手機(jī)用戶總量已達(dá)59億。全球整體滲透率約為87%，發(fā)展中國家的滲透率也達(dá)到79%。如今，手機(jī)的功能越來越多，遠(yuǎn)遠(yuǎn)超出了打電話和發(fā)短信，例如視頻通話、游戲娛樂、網(wǎng)頁瀏覽、影音電視、攝影拍照等，這些功能使手持移動(dòng)設(shè)備的內(nèi)容更加豐富，趨向普遍智能化，使其界面上的信息符號(hào)也不斷增多。調(diào)查結(jié)果表明，手機(jī)應(yīng)向窄、短、輕、小等方向發(fā)展，小型化是大勢(shì)所趨。由于手持移動(dòng)設(shè)備自身小型化的特點(diǎn)，手持移動(dòng)設(shè)備用戶界面較之一般臺(tái)式計(jì)算機(jī)，比較簡(jiǎn)單。手持移動(dòng)設(shè)備小型化和手持移動(dòng)設(shè)備的功能擴(kuò)展，成為界面交互設(shè)計(jì)師和可用性工程師面臨的難題。

由于手持移動(dòng)設(shè)備小型化導(dǎo)致屏幕較小，如果要擴(kuò)展屏幕空間，就必須在滿足可用性的前提下，使產(chǎn)品和用戶直接接觸的硬件部分逐步由觸摸屏代替鍵盤，以此來擴(kuò)大顯示更多的功能和選項(xiàng)。即便如此，手持移動(dòng)設(shè)備上的眾多功能和選項(xiàng)也不能在一個(gè)單獨(dú)的界面上顯示完全，必須依托多層菜單系統(tǒng)去實(shí)現(xiàn)交互的邏輯。和臺(tái)式計(jì)算機(jī)相比，臺(tái)式機(jī)的圖標(biāo)和菜單可以使用更多的信息符號(hào)標(biāo)注，起到解譯的作用。而手持移動(dòng)設(shè)備由于小屏幕的限制，不允許使用大量的信息符號(hào)來標(biāo)注，這也決定了其必須在極小的空間內(nèi)以簡(jiǎn)單的圖形映射最大的信息量。因此，不成熟的設(shè)計(jì)將導(dǎo)致用戶對(duì)產(chǎn)品的可用性產(chǎn)生質(zhì)疑。

三、手持移動(dòng)設(shè)備界面交互設(shè)計(jì)要素分析

（一）視覺結(jié)構(gòu)設(shè)計(jì)

視覺設(shè)計(jì)應(yīng)在整個(gè)交互界面概念設(shè)計(jì)階段就開始考慮。創(chuàng)建成體系的視覺方案會(huì)為設(shè)計(jì)師節(jié)省大量的時(shí)間，并能夠保持界面的一致性。通過視覺結(jié)構(gòu)所創(chuàng)建的視覺路徑有助于用戶在界面中自由使用和操作。沒有清晰的視覺結(jié)構(gòu)，設(shè)計(jì)師所設(shè)計(jì)的界面會(huì)使用戶難以理解并可能引發(fā)錯(cuò)誤操作。下面我們將討論以下幾種構(gòu)建視覺結(jié)構(gòu)的方式。

（二）圖標(biāo)設(shè)計(jì)

圖標(biāo)的使用和發(fā)展過程可以追述到符號(hào)學(xué)的創(chuàng)建初期。圖標(biāo)的廣義概念是研究人類如何使用符號(hào)來傳達(dá)意義，而這里說的狹義的圖標(biāo)概念，指手持移動(dòng)設(shè)備界面中表示命令程序的符號(hào)。圖標(biāo)一般會(huì)看作是應(yīng)用界面的標(biāo)志，用戶在使用界面時(shí)，首先看到的就是圖標(biāo)。手持移動(dòng)設(shè)備界面的圖標(biāo)設(shè)計(jì)因受限于產(chǎn)品大小、屏幕大小等情況，有別于PC端產(chǎn)品或者大型戶外廣告屏幕，所以對(duì)圖標(biāo)進(jìn)行設(shè)計(jì)時(shí)有一些指導(dǎo)方針。

（三）字體設(shè)計(jì)

字體的設(shè)計(jì)會(huì)影響到用戶對(duì)應(yīng)用的理解方式。例如，一些現(xiàn)代活潑的字體在時(shí)尚相關(guān)的界面中會(huì)看上去比較相稱，但是如果用在財(cái)經(jīng)新聞界面中，就會(huì)顯得不夠正式或不夠?qū)I(yè)。本小節(jié)將會(huì)在手持移動(dòng)設(shè)備界面的背景下討論字體的幾個(gè)方面：字體顏色、字體選擇、字體大小、字體粗細(xì)等內(nèi)容。

（四）色彩設(shè)計(jì)

形狀和顏色是視覺外觀的重要組成部分，從人的感覺來說，色彩能夠發(fā)揮更強(qiáng)的視覺效應(yīng)。當(dāng)手持移動(dòng)設(shè)備界面呈現(xiàn)在用戶的眼前時(shí)，第一個(gè)印象是整體的色彩體系。因此，色彩在手持移動(dòng)設(shè)備界面設(shè)計(jì)中的合理應(yīng)用是極其重要的。一款優(yōu)秀的手持移動(dòng)設(shè)備界面能否在極短的時(shí)間內(nèi)吸引用戶，色彩所發(fā)揮的作用應(yīng)當(dāng)是首當(dāng)其沖的。

參考文獻(xiàn)：

[1] John Pruitt， Tamara Adlin. The Persona Lifecycle：Keeping People in Mind Throughout Product Design[M].Morgan Kaufmann，2006.

[2]普里斯著（美）.劉曉暉等譯.交互設(shè)計(jì)—超越人機(jī)交互[M].北京：電子工業(yè)出版社.2005.

[3]陳新漢.審美認(rèn)識(shí)機(jī)制論[M].上海：華東師范大學(xué)出版社，2002.

作者簡(jiǎn)介：孫奕穎（1980–），女，河南開封人，助理講師，研究生，研究方向：視覺影像設(shè)計(jì)。