智能手機界面設計中視覺表現(xiàn)

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

【關鍵詞】：公共空間;界面設計;用戶交互行為

近幾年，隨著移動互聯(lián)網(wǎng)及移動設備技術的逐漸成熟，智能手機移動互聯(lián)網(wǎng)應用正深刻影響著人們衣食住行的各個方面。智能手機移動互聯(lián)網(wǎng)應用憑借其操作簡易、便攜性、良好的交互體驗等特征在人們?nèi)粘Ｉ钪邪缪葜骸爸帧薄ⅰ巴姘椤薄ⅰ袄蠋煛钡榷喾N角色。但是，由于移動互聯(lián)網(wǎng)應用市場的快速發(fā)展，智能手機移動互聯(lián)網(wǎng)應用同質(zhì)化現(xiàn)象日趨嚴重，同時因為部分應用研發(fā)團隊刻意追求應用投入市場的進度造成對界面視覺表現(xiàn)和應用體驗的忽略，使市場上充斥著大量低質(zhì)量的智能手機移動互聯(lián)網(wǎng)應用，這與消費者（用戶）對應用需求和體驗程度逐漸提高的趨勢形成鮮明的反差。

1.關于智能手機市場現(xiàn)狀

互聯(lián)網(wǎng)時代改變?nèi)藗兊纳罘绞剑碌纳钕蛉藗儞涿娑鴣恚~爾·卡斯特爾，美國加州大學傳播學院教授，說到“網(wǎng)絡的形式，將成為貫穿一切事物的形式，正如工業(yè)組織的形式，是工業(yè)社會內(nèi)貫穿一切形式一樣”物聯(lián)網(wǎng)的重新定義了人類對自身存在的目的。如今，互聯(lián)網(wǎng)的發(fā)展使得大數(shù)據(jù)和云計算等為人類有了觀念的認識，人類以接受的態(tài)度看待物聯(lián)網(wǎng)的變化：鏈接（Connect）、開放（Open）、網(wǎng)頁（Web） 、移動（Mobile）、應用（App） 、位置（Location） 、社交（Social）。

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

2. 人機交互界面設計分析

2.1 交互界面設計的來源與發(fā)展

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

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

2.2 界面設計視覺設計

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

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

3.智能手機界面設計中視覺表現(xiàn)

3.1 智能手機界面視覺設計概述

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

3.2 智能手機界面設計風格

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

3.3 智能手機界面設計視覺表現(xiàn)的原則

（1）構建界面信息層次

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

（2）以用戶為中心的設計

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

結語

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

參考文獻：

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

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

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