【摘要】：近幾年，隨著移動(dòng)互聯(lián)網(wǎng)及移動(dòng)設(shè)備技術(shù)的逐漸成熟，智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用正深刻影響著人們衣食住行的各個(gè)方面。智能手機(jī)界面設(shè)計(jì)中視覺(jué)表現(xiàn)是智能手機(jī)系統(tǒng)及其應(yīng)用一個(gè)重要的組成部分，是用戶體驗(yàn)的最終反饋終端。但是，因?yàn)椴糠謶?yīng)用研發(fā)團(tuán)隊(duì)刻意追求應(yīng)用投入市場(chǎng)的進(jìn)度造成對(duì)界面視覺(jué)表現(xiàn)和應(yīng)用體驗(yàn)的忽略，使市場(chǎng)上充斥著大量低質(zhì)量的智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用，這與消費(fèi)者（用戶）對(duì)應(yīng)用需求和體驗(yàn)程度逐漸提高的趨勢(shì)形成鮮明的反差。本文通過(guò)智能手機(jī)界面設(shè)計(jì)中視覺(jué)表現(xiàn)層面的研究，達(dá)到用戶在應(yīng)用手機(jī)系統(tǒng)或應(yīng)用的易學(xué)性、可用性、流暢性的體驗(yàn)。

【關(guān)鍵詞】：公共空間;界面設(shè)計(jì);用戶交互行為

近幾年，隨著移動(dòng)互聯(lián)網(wǎng)及移動(dòng)設(shè)備技術(shù)的逐漸成熟，智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用正深刻影響著人們衣食住行的各個(gè)方面。智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用憑借其操作簡(jiǎn)易、便攜性、良好的交互體驗(yàn)等特征在人們?nèi)粘Ｉ钪邪缪葜骸爸帧?、“玩伴”、“老師”等多種角色。但是，由于移動(dòng)互聯(lián)網(wǎng)應(yīng)用市場(chǎng)的快速發(fā)展，智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用同質(zhì)化現(xiàn)象日趨嚴(yán)重，同時(shí)因?yàn)椴糠謶?yīng)用研發(fā)團(tuán)隊(duì)刻意追求應(yīng)用投入市場(chǎng)的進(jìn)度造成對(duì)界面視覺(jué)表現(xiàn)和應(yīng)用體驗(yàn)的忽略，使市場(chǎng)上充斥著大量低質(zhì)量的智能手機(jī)移動(dòng)互聯(lián)網(wǎng)應(yīng)用，這與消費(fèi)者（用戶）對(duì)應(yīng)用需求和體驗(yàn)程度逐漸提高的趨勢(shì)形成鮮明的反差。

1.關(guān)于智能手機(jī)市場(chǎng)現(xiàn)狀

互聯(lián)網(wǎng)時(shí)代改變?nèi)藗兊纳罘绞?，新的生活向人們撲面而?lái)，曼紐爾·卡斯特爾，美國(guó)加州大學(xué)傳播學(xué)院教授，說(shuō)到“網(wǎng)絡(luò)的形式，將成為貫穿一切事物的形式，正如工業(yè)組織的形式，是工業(yè)社會(huì)內(nèi)貫穿一切形式一樣”物聯(lián)網(wǎng)的重新定義了人類對(duì)自身存在的目的。如今，互聯(lián)網(wǎng)的發(fā)展使得大數(shù)據(jù)和云計(jì)算等為人類有了觀念的認(rèn)識(shí)，人類以接受的態(tài)度看待物聯(lián)網(wǎng)的變化：鏈接（Connect）、開(kāi)放（Open）、網(wǎng)頁(yè)（Web） 、移動(dòng)（Mobile）、應(yīng)用（App） 、位置（Location） 、社交（Social）。

移動(dòng)互聯(lián)網(wǎng)的在互聯(lián)網(wǎng)的基本特性上，如開(kāi)放性、信息共享性、創(chuàng)新性等，移動(dòng)設(shè)備和應(yīng)用在其便攜性，位置感知性和可訪問(wèn)性方面向其用戶提供顯著的優(yōu)點(diǎn)。 許多研究已經(jīng)在移動(dòng)環(huán)境中檢查了可用性挑戰(zhàn)，并提出了移動(dòng)應(yīng)用程序可用性的定義和評(píng)估方法。為智能手機(jī)應(yīng)用提供了使用的網(wǎng)絡(luò)環(huán)境。

2. 人機(jī)交互界面設(shè)計(jì)分析

2.1 交互界面設(shè)計(jì)的來(lái)源與發(fā)展

界面是人與機(jī)器、環(huán)境之間溝通交流的媒介，界面設(shè)計(jì)是人與機(jī)器交互的重要設(shè)計(jì)對(duì)象。良好的界面設(shè)計(jì)便于操作和使用產(chǎn)品，從而提高用戶使用產(chǎn)品的交互體驗(yàn)。

界面設(shè)計(jì)又稱作用戶界面設(shè)計(jì)，是指對(duì)軟件應(yīng)用產(chǎn)品的人機(jī)交互功能（UI）、交互體驗(yàn)（UE）、界面視覺(jué)設(shè)計(jì)（GUI）的整個(gè)流程的設(shè)計(jì)，其中涉及目標(biāo)用戶、設(shè)計(jì)團(tuán)隊(duì)，以及項(xiàng)目客戶的復(fù)雜的過(guò)程。包括了用戶研究、創(chuàng)意構(gòu)思、架構(gòu)測(cè)試、模型建立，以及進(jìn)一步測(cè)試等若干階段的過(guò)程，最終的目標(biāo)是為用戶創(chuàng)造更好的交互體驗(yàn)。所以界面設(shè)計(jì)是計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。

2.2 界面設(shè)計(jì)視覺(jué)設(shè)計(jì)

界面設(shè)計(jì)中視覺(jué)設(shè)計(jì)是界面的行為和內(nèi)容的呈現(xiàn)，傳遞行為和信息，幫助用戶達(dá)到目標(biāo)。對(duì)于交互產(chǎn)品，我們記住屏幕來(lái)完整溝通，這時(shí)候總是依靠視覺(jué)的。如果沒(méi)有清晰的告訴用戶如何與內(nèi)容交互，那么整個(gè)產(chǎn)品開(kāi)發(fā)和設(shè)計(jì)的努力可能就付之東流，可見(jiàn)視覺(jué)設(shè)計(jì)的重要性。

視覺(jué)界面設(shè)計(jì)關(guān)注的是如何處理可視的元素，傳達(dá)行為和信息。創(chuàng)造清晰的溝通，凱文·米萊（Kevin Mullet）和達(dá)雷爾·薩諾（Darrell Sano）所著的《設(shè)計(jì)視覺(jué)界面》（Designing Visual Interface）指出：“設(shè)計(jì)關(guān)注點(diǎn)是發(fā)現(xiàn)達(dá)到傳達(dá)某些具體信息呈現(xiàn)的最優(yōu)方式”。所以，設(shè)計(jì)是為這一目標(biāo)努力。視覺(jué)設(shè)計(jì)包含了用戶的應(yīng)用場(chǎng)景、設(shè)計(jì)的視覺(jué)元素（如形狀、大小、顏色、位置、紋理等）、設(shè)計(jì)美學(xué)理論、設(shè)計(jì)的原則和方法等。例如，手機(jī)應(yīng)用——潮自拍，是一款自拍APP，簡(jiǎn)單的拍照并可美化處理圖片的功能，一秒自拍即可對(duì)照片進(jìn)行處理有如同電影質(zhì)感的圖片效果。該APP采用極簡(jiǎn)的界面風(fēng)格突出重要功能，界面視覺(jué)設(shè)計(jì)上采用圖標(biāo)的指示傳達(dá)信息和行為，完成拍照、選擇照片、圖片處理、分享等過(guò)程。潮自拍的設(shè)計(jì)者通過(guò)加強(qiáng)視覺(jué)對(duì)比和視覺(jué)的層級(jí)關(guān)系的設(shè)計(jì)原則，使得用戶在特定的屏幕上快速獲得信息、流暢的完成的動(dòng)作。同時(shí)，視覺(jué)上也完成了傳播品牌和設(shè)計(jì)風(fēng)格。

3.智能手機(jī)界面設(shè)計(jì)中視覺(jué)表現(xiàn)

3.1 智能手機(jī)界面視覺(jué)設(shè)計(jì)概述

在智能手機(jī)的交互設(shè)計(jì)中，其用戶體驗(yàn)滿意度、愉悅感以及商業(yè)價(jià)值是將視覺(jué)元素運(yùn)用到手機(jī)交互設(shè)計(jì)中的精髓所在。好的交互設(shè)計(jì)具有為手機(jī)帶來(lái)蛻變的魔力，而并非繁復(fù)的視覺(jué)沖擊或動(dòng)畫效果的堆砌。手機(jī)界面設(shè)計(jì)體現(xiàn)在手機(jī)系統(tǒng)設(shè)計(jì)、手機(jī)主題、以及龐大的第三方APP應(yīng)用等等方向，現(xiàn)在占據(jù)市場(chǎng)的iOS系統(tǒng)、Android以及 windows系統(tǒng)各具特點(diǎn)，UI設(shè)計(jì)所涉及的領(lǐng)域很廣，范圍很大，在手機(jī)UI設(shè)計(jì)中它包含了界面的交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)等，通常我們把后者歸為視覺(jué)類UI設(shè)計(jì)稱其為GUI設(shè)計(jì)。隨著網(wǎng)絡(luò)應(yīng)用和智能手機(jī)深入滲透我們的生活，UI設(shè)計(jì)已然占據(jù)了越發(fā)重要的地位，對(duì)其可視化的研究更具現(xiàn)實(shí)意義和迫切性。

3.2 智能手機(jī)界面設(shè)計(jì)風(fēng)格

風(fēng)格化一般指藝術(shù)創(chuàng)作者在描述闡釋一個(gè)事和物時(shí)，采用偏離原始印象的手法。它是藝術(shù)創(chuàng)作千差萬(wàn)別的具體表現(xiàn)。風(fēng)格化是觸屏手機(jī)界面設(shè)計(jì)發(fā)展中不可或缺的一項(xiàng)，正如春秋戰(zhàn)國(guó)時(shí)期用百家爭(zhēng)鳴來(lái)形容學(xué)術(shù)上的繁盛一樣，觸屏手機(jī)界面設(shè)計(jì)只有遵循風(fēng)格化的設(shè)計(jì)原則才能拓寬設(shè)計(jì)空間、豐富視覺(jué)效果、給用戶更多更好的感官享受。智能手機(jī)又?jǐn)M物化風(fēng)格到扁平化風(fēng)格的也是設(shè)計(jì)發(fā)展遵從發(fā)展的趨勢(shì)和用戶的需求。

3.3 智能手機(jī)界面設(shè)計(jì)視覺(jué)表現(xiàn)的原則

（1）構(gòu)建界面信息層次

為了使用戶將視覺(jué)注意集中于真正想要了解的目標(biāo)信息上，應(yīng)對(duì)界面的內(nèi)容和視覺(jué)進(jìn)行簡(jiǎn)化和分層，減少用戶處理的信息量，提高用戶在界面完成任務(wù)的效率。在用戶界面中，多余的視覺(jué)元素會(huì)分散用戶對(duì)于信息的認(rèn)知注意，妨礙用戶的視線，這可能會(huì)令用戶不得不放棄對(duì)該界面的進(jìn)一步操作。因此，在進(jìn)行用戶界面設(shè)計(jì)時(shí)，一方面應(yīng)將信息進(jìn)行篩選和梳理，構(gòu)建信息的內(nèi)容層次，創(chuàng)造界面各部分的視覺(jué)結(jié)構(gòu)，另一方面，在不影響用戶界面整體易讀性的前提下，盡量簡(jiǎn)化視覺(jué)設(shè)計(jì)。

（2）以用戶為中心的設(shè)計(jì)

以用戶為中心需要界面設(shè)計(jì)師首先確定觸屏手機(jī)的類別、充分了解目標(biāo)用戶群的特征，如生活習(xí)慣、背景、心理特征等;其次在設(shè)計(jì)過(guò)程中要對(duì)實(shí)際用戶進(jìn)行調(diào)研，不同的用戶群應(yīng)該應(yīng)用不同的設(shè)計(jì)風(fēng)格。站在用戶的角度可以看出，每個(gè)使用者都希望能買到一部符合自己操作習(xí)慣和審美要求的觸屏手機(jī)。手機(jī)屏幕成為手機(jī)主要的人機(jī)交互界面，用戶和手機(jī)的對(duì)話也是在屏幕上你來(lái)我往的進(jìn)行中。交互的可視性直接影響雙方的溝通滿意度，不良的視覺(jué)表達(dá)會(huì)導(dǎo)致用戶認(rèn)知的迷惑判斷，操作失誤，不良的用戶體驗(yàn)等不同程度的偏差。如何在符合不同的系統(tǒng)規(guī)范上，提高界面可用性，建立讓用戶一看就知道怎么用的用戶界面。建立在用戶交互行為的需求上，需要解決手機(jī)界面設(shè)計(jì)可視化表現(xiàn)與用戶認(rèn)知形式的一致性的問(wèn)題。

結(jié)語(yǔ)

通過(guò)智能手機(jī)界面設(shè)計(jì)中視覺(jué)表現(xiàn)層面的研究，達(dá)到用戶在應(yīng)用手機(jī)系統(tǒng)或應(yīng)用的易學(xué)性、可用性、流暢性的體驗(yàn)。我們希望人工智能能夠幫助人類更主動(dòng)地獲取信息和推動(dòng)所需要的信息，同時(shí)對(duì)信息進(jìn)行過(guò)濾和對(duì)信息進(jìn)行及時(shí)服務(wù)。而且信息的交互方式也希望能更加自然，像人類說(shuō)話一樣，自然的文字、機(jī)器的視覺(jué)、體感等等的，以人類更加自然的方式交互，對(duì)人類來(lái)說(shuō)是更加有意義的、更方便、更快捷的。所以這需要我們?nèi)斯ぶ悄軐?duì)環(huán)境數(shù)據(jù)、信息的過(guò)濾，信息的匹配，通過(guò)人工智能的運(yùn)算進(jìn)行個(gè)性化的推薦。

參考文獻(xiàn)：

【1】李洪海;石爽;李霞.交互界面設(shè)計(jì)[M].化學(xué)工業(yè)出版社，2011.

【2】《智能智能手機(jī)界面可用性要素的縱觀式研究》，DDF.UXP 中國(guó)編著，《用戶體驗(yàn)百家談》北京：電子工業(yè)出版社，2014.pp2-8

【3】〔美〕魯?shù)婪?阿恩海姆著，滕守堯.視覺(jué)思維[M].四川人民出版社，1998.