劉驥藝

摘 要：伴隨著數(shù)字化信息化時代的到來，便捷的手持設(shè)備已經(jīng)成為人們商務(wù)及生活娛樂不可或缺的一部分。特別是數(shù)字產(chǎn)品大大地取代了傳統(tǒng)產(chǎn)品，產(chǎn)品符號與用戶互動途徑發(fā)生了很多深刻的變化。從原來的單一按鍵操作變成了現(xiàn)在的手勢交互，從原來的復(fù)雜擬物化界面變成了扁平化極簡化的界面交互，界面和手勢作為兩個重要的視覺和觸覺符號，在手持設(shè)備中對用戶會產(chǎn)生不同的用戶體驗。

關(guān)鍵詞：符號；界面；手勢；手持設(shè)備；用戶體驗

視覺是用戶感知造型藝術(shù)符號最依賴的功能，也是目前研究最多的感覺通道，而人眼是視覺的器官。人獲得視覺的美感都是透過眼睛，對產(chǎn)品符號的尺寸、色彩、明度等信息進(jìn)行捕捉而形成的反映。設(shè)計師想給用戶創(chuàng)造一個良好的用戶體驗就要非常注意手持設(shè)備中操作系統(tǒng)界面的美觀，滑動的動畫效果，以及每一款應(yīng)用特有的界面風(fēng)格，甚至對不同的手持設(shè)備的特征界面也會有所不同。例如，在智能手機的轉(zhuǎn)場交互中，為了避免用戶不知所措，設(shè)計師通常采用幾種常見的基本轉(zhuǎn)場對應(yīng)用程序的狀態(tài)進(jìn)行平滑的過渡?？焖龠^渡無動畫轉(zhuǎn)換界面，通常在兩種不同的工具或內(nèi)容之間進(jìn)行轉(zhuǎn)換；視圖的擴大，屏幕上的項目將內(nèi)容向前拉或者向下拉；頁面的翻轉(zhuǎn)，畫面自后向前彈出，用來查看前一個屏幕有關(guān)的屏幕中設(shè)置和信息；全屏呼出，需要的屏幕會直接到前面，不需要的就退后一個屏幕；水平滑動，畫面通過向左和向右來展現(xiàn)，通常在很多應(yīng)用的初次進(jìn)入界面會用到，引導(dǎo)頁用這樣的界面效果，會給用戶傳達(dá)出一種代入感，隨著滑動再滑動來進(jìn)入當(dāng)前應(yīng)用內(nèi)容。

手持設(shè)備與臺式機或者固定設(shè)備等不同之處在于，手持設(shè)備留給設(shè)計師用以添加菜單及導(dǎo)航線索的空間較少，可能會導(dǎo)致用戶很難通過界面的結(jié)構(gòu)傳達(dá)的信息理解所用應(yīng)用的結(jié)構(gòu)。設(shè)計師一般常用的幾種界面交互模式有：擴展菜單，許多手持設(shè)備都會讓用戶通過擴展菜單獲取主導(dǎo)航，點擊圖標(biāo)就會彈出主菜單，這種方式也增加了界面簡潔化的符號特征。例如，在手持設(shè)備iPad平臺的風(fēng)行應(yīng)用中，進(jìn)入首頁后是白色底色的菜單，所有更新熱門的視頻都以較大的縮略圖填滿屏幕，讓用戶很容易就被傳達(dá)的內(nèi)容所吸引，界面所有的導(dǎo)航分類都收在一個橘黃色的小圖標(biāo)內(nèi)，用戶只需點擊橘黃圖標(biāo)，就會彈出視頻的分類及更多詳細(xì)內(nèi)容。這樣的設(shè)計是在其他播放器中非常獨特的，正是風(fēng)行主張做減法的極致應(yīng)用。這樣的方法固然是好，不過需要設(shè)計師注意的是，太多的菜單選項以及子選項可能將內(nèi)容拉到屏幕下方，造成用戶使用的不便；側(cè)面菜單，一些應(yīng)用程序及網(wǎng)站使用滑動型的側(cè)面菜單，如Facebook的應(yīng)用。側(cè)面菜單為導(dǎo)航開辟了獨立的區(qū)域，而不用占據(jù)大量用戶與內(nèi)容或特征進(jìn)行互動的空間；標(biāo)簽菜單，是位于應(yīng)用程序頂部和底部的持久化工具欄，能讓用戶在不同部分之間快速轉(zhuǎn)換。由于手持設(shè)備通常屏幕較小，不適合放太多，一般推薦數(shù)量是4～5個；中心輻射菜單，集中式主屏幕可以讓用戶選擇菜單選項，導(dǎo)航至該部分，而該部分有自己的內(nèi)置導(dǎo)航模式。用戶可以點擊反向鏈接返回至主屏幕。我們常用的美圖秀秀在手持設(shè)備中就是選用了這樣的界面符號特征，點擊進(jìn)入后，首頁呈現(xiàn)六個小板塊，有美化照片、人像美容、拼圖、拍照、素材中心等等，用戶可以根據(jù)自己不同的需求，自主點擊導(dǎo)航至所需的板塊。

在界面的交互中還有很多細(xì)小但不是規(guī)范的設(shè)計，如用戶可以通過點擊進(jìn)入瀏覽內(nèi)容，再點擊進(jìn)入子內(nèi)容，按觸點擊讓用戶感受到不斷前進(jìn)的視覺特征，有一種持續(xù)參與的心理特征。缺點是用戶如果希望經(jīng)常瀏覽某內(nèi)容，要反復(fù)重復(fù)的滾動操作。再如，用戶渴望在界面交互中得到更加詳細(xì)更加令人滿意的信息的時候，翻頁交互是在界面交互中可以傳達(dá)一種探索符號特征的交互方式，這樣的操作適合關(guān)聯(lián)的兩種內(nèi)容。但是缺點在于交互過于復(fù)雜，用戶分辨不出他們到底處在整個體驗中的哪一個位置。

在界面交互符號中，排版和設(shè)計也是影響視覺感受非常重要的因素，設(shè)計師在進(jìn)行中應(yīng)該主要到以下幾點，從而給用戶帶來更好的視覺體驗。具體實現(xiàn)包括：第一，減少大片連續(xù)的文字。由于手持移動設(shè)備顯示面積小于電腦設(shè)備的顯示面積，同樣的幫助文字內(nèi)容，在手持移動設(shè)備中顯示，應(yīng)考慮重新編制內(nèi)容，使內(nèi)容更簡潔的同時，要劃分更多的段落。第二，多使用清單和列表。人們?yōu)g覽整齊排列的清單或列表內(nèi)容的速度往往明顯快于閱讀連續(xù)的文字。所以在可能的情況下，應(yīng)當(dāng)盡可能多使用清單和列表的表達(dá)方式。第三，提供目光的“落腳點”。在幫助文字中的不同的位置，提供容易辨認(rèn)的圖形元素以幫助用戶掃描和記住相關(guān)內(nèi)容。例如，在以文字為主的幫助界面，適當(dāng)位置加入圖形、標(biāo)記、分割線、列表，以及具有醒目字體和顏色的文字標(biāo)題等，這些都可以成為用戶識認(rèn)內(nèi)容的有效標(biāo)記。第四，使用正確的對齊方式和排版方式。對字符串應(yīng)當(dāng)根據(jù)不同情況正確使用左對齊、右對齊或居中的排列方式以便掃視。

手持設(shè)備也伴隨著觸屏?xí)r代迅速的革新和大面積的充斥著我們生活的時候，用手勢進(jìn)行交互成為人們最喜歡最直觀最自然的交互方式，手勢分為二維手勢和三維手勢。二維手勢通常發(fā)生在人機交互界面上，被普遍應(yīng)用于手持移動設(shè)備的交互界面中。多點觸摸作為人機交互最新的方式之一，符合“以人為本”的設(shè)計價值觀，其交互規(guī)則也更適應(yīng)人的思維特征和行動特征。例如，利用手勢變化實現(xiàn)圖片、圖形界面、網(wǎng)頁等放縮、旋轉(zhuǎn)功能就是很好的例證。手指間距離拉大、縮小，兩手指相對位置、轉(zhuǎn)動，這些手勢在日常生活中都有著自己的涵義，當(dāng)人們在交互過程中使用這些手勢時，不自覺地會把這些手勢中蘊藏的日常涵義與多點觸摸交互中圖片的放大、縮小、旋轉(zhuǎn)聯(lián)系起來，從而引起共鳴，為多點觸摸技術(shù)在朝以人為本的方向邁進(jìn)做出了大膽的嘗試。

手勢作為交互符號有自然性、簡潔性和豐富性。例如，常用到的單擊手勢，代表初級選擇行動；單擊長按，在IOS系統(tǒng)的手持設(shè)備中可以編輯文本區(qū)域顯示放大的視圖光標(biāo)或進(jìn)行文本定位；雙擊手勢，代表視圖的放大和縮??；滑動的手勢，支持頁面的滾動；雙指縮放，代表視圖的放大和縮小，像在iPad平臺中暴風(fēng)影音應(yīng)用支持在播放的過程中，通過雙指的縮放來對當(dāng)前播放的視頻進(jìn)行放大和縮小的控制。但是手勢交互作為符號也有其不足之處：操作的不可見性在某個界面中，某個手勢可否操作？怎樣進(jìn)行操作？會出現(xiàn)怎樣的操作結(jié)果？這些通常都是用戶在操作之前所無所知曉的。這樣就會帶給用戶未知感和迷惑感，會讓用戶產(chǎn)生無所適從的無力感；缺少統(tǒng)一規(guī)范和設(shè)計準(zhǔn)則，在手持移動設(shè)備中，存在在眾多平臺，各個平臺都有自身的手勢規(guī)范，且平臺之間存在著沖突。這樣會讓用戶面對龐大的手持移動設(shè)備群體感到身心疲憊，因為用戶很難逐一熟悉并記憶各個平臺的手勢操作樣式以及規(guī)范；缺乏反饋，當(dāng)前的手勢操作界面，用戶在使用手勢時，不知道是否手勢已經(jīng)被成功喚起；操作過程中，也不知道是否已經(jīng)操作到位，操作完成的瞬間，也不清楚是否會如期出現(xiàn)相應(yīng)的操作成功后的反饋。缺乏相應(yīng)的操作反饋，常常讓用戶感到困惑和茫然，并且會導(dǎo)致無效操作的產(chǎn)生，降低手勢交互的操作效率；缺乏可靠性，由于手勢觸摸屏靈敏度有限，手勢自身定義的精度也有限。因此，在目前的手持移動設(shè)備手勢操作中，誤操作是難免的、多發(fā)的，這就會導(dǎo)致用戶操作預(yù)期和實際不一致，降低用戶對交互界面的信賴度。

手持設(shè)備中的視覺符號和觸覺符號對用戶體驗至關(guān)重要，設(shè)計師要在不斷的觀察積累中更了解用戶，從而帶來更完美的用戶體驗。

參考文獻(xiàn)：

[1] 逯曼.淺談智能手持設(shè)備產(chǎn)品界面設(shè)計[J].高校講壇，2013 .

[2] 張凌浩.符號學(xué)產(chǎn)品設(shè)計方法[M].中國建筑工業(yè)出版

社，2011.

[3] 古佳楠.基于用戶體驗的手持移動設(shè)備界面設(shè)計研究[D].2010.