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

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

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

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

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

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

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

二、手持移動設(shè)備界面的交互設(shè)計

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

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

（二）手持移動設(shè)備的特點

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

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

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

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

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

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

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

（三）字體設(shè)計

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

（四）色彩設(shè)計

形狀和顏色是視覺外觀的重要組成部分，從人的感覺來說，色彩能夠發(fā)揮更強的視覺效應(yīng)。當(dāng)手持移動設(shè)備界面呈現(xiàn)在用戶的眼前時，第一個印象是整體的色彩體系。因此，色彩在手持移動設(shè)備界面設(shè)計中的合理應(yīng)用是極其重要的。一款優(yōu)秀的手持移動設(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è)計—超越人機交互[M].北京：電子工業(yè)出版社.2005.

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

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