觸摸交互與產品UI設計

撰文：郝孝華

在高科技發展的今天，產品設計越來越接近用戶需求。交互設計得到了廣泛應用。由此帶來的設計變革和新的設計模式，正被越來越多的企業所重視。

1、交互設計的文化起源

宇宙未形成之前的混亂狀態，為混沌一片，中國古代神話有“盤古開天辟地”，混沌初開，始有天地萬物之別。太極文化有“道生一，一生二，三生萬物”，說明了萬物間是有根脈相連，生命是一脈相承的。

生活中常有一種深奧的為人處事之道可以看作是“混沌”的表現。清代鄭板橋“難得糊涂”的故事，告訴我們一種中庸的處世哲學。詮釋一種人與人之間中庸的處世之道。充滿了中國文化人文情愫。

在設計領域，這種人與人之間的關系，轉嫁到到人與物上面，體現人與產品之間的交互關系上。即產品設計要體現以人為本的交互設計。

難得糊涂

2、現代設計以人為本的交互關系

中國古代哲學思想，非常強調“天人合一”。老子在《道德經》中闡述人與自然的關系：“人法地，地法天，天法道，道法自然”。突出了人的位置歸屬。要與自然相容，呈現混沌狀態。所謂順其自然。

所以，當下提出的和諧社會，也即是順應自然，和諧的相處之道。目前時下流行的返璞歸真，崇尚自然的設計思潮，就是對自然過度破壞的一種否定和反思。“以人為本”在今天展現一種交流互動過程，體現一種彼此適應，友好相處的和諧關系。以此為依據的設計生活，就進入到一個嶄新的階段——交互設計階段，體現一種用戶至上的設計原則。

3、體驗營銷與“觸摸”交互設計

早幾年，我們見過很多商場的展品上面寫“請勿拍照”“眼看手勿動”。很多家具展廳的沙發上擺著“請勿在此休息”，這讓消費者看了不舒服，以致消費者對產品無法產生認同感，只有匆匆離開。這樣的商場人氣自然冷落。

如何使產品放下高高在上的架子，從而貼近消費者？體驗式營銷出現了，體驗營銷的核心就是交互設計。

交互設計的表現就是能夠讓消費者近距離、零距離“觸摸”。國外在20世紀20年代，就提出商業中的AIAD模式，注意(Attention)、興趣(Interest)、愿望(Desire)和行動(Action)。簡單講，就是消費者完成商品購買行動，一定要經過視覺、聽覺、觸覺、心動四個階段，這些環節當中最主要的是當消費者對產品有興趣的時候，一定會不自覺的用肢體去“觸摸”產品，表達情緒、獲得情感體驗，進而做出“擁有”的決定，形成購買行為。

宜家來到中國，徹底顛覆了中國傳統的銷售模式。把體驗營銷做到極致。把顧客體驗當作核心來進行設計，把“觸摸”做到了極致。消費者和產品可以進行親密接觸。進了宜家，就像到了自己的家，在客廳里沙發上隨意而坐，臥室里隨意而臥，充分享受家的自由和放松，親身感受產品帶來的舒適感。在廣州的宜家商場，每天都像趕集一樣，成為廣州人氣最旺的家居賣場。這里運走的家具都是零件，消費者自己安裝，親手參與。充分享受購物、組裝、成就的樂趣。把宜家產品設計的“觸摸交互”深入人心。

現在的房地產銷售也是如此，以前只是憑一張廣告，看看樣板房，就完成銷售了。隨著房價猛漲，限購令的出臺，市場觀望濃厚，房地場市場銷售量下滑，商家絞盡腦汁，奇招百出，拉攏購房者的心，最近出現了居住體驗式營銷手段，找模特模仿家居生活場景供給顧客參觀，這個也是觸摸互動，體驗營銷。

如今，每當心中那抹鄉愁涌起，父母就拿起手機與家人視頻通話，聊親人的近況，聊家鄉的變化，咫尺之間，鄉愁盡情抒發。

宜家家居體驗營銷

韓國品牌的保健器械“喜來健”，吸引了很多中老年用戶蜂擁而至，免費體驗治療，不限時間，還有專人服務，把觸摸體驗，做到家了。

我們都有這樣的經驗，去大超市隨便逛逛，并沒有什么目標，出來的時候往往大包小包的拿了很多東西，就是被那些設計新奇的產品吸引了眼球，加上促銷員的大力銷售，通過“觸摸”，反復觸摸后就有了購買的沖動，在琳瑯滿目的商品中，總有一款打動你。

4、產品UI設計

觸摸交互設計只是產品與顧客建立的一種外在行為，如何吸引消費者進行互動，產品外觀造型和軟件UI界面設計才是主要的核心。視覺營銷決定了人們喜歡觸摸體驗感興趣的東西，除了賣場，在今天的通訊市場，表現得尤為突出。

隨著中國通訊技術的發展，市場跑步進入智能時代，典型代表就是高速上網，多方應用軟件，讓人們拿著智能手機，也可以像提著筆記本一樣，給生活增添便利和色彩。從智能手機市場大戰和各種應用軟件下載，催生了UI設計這一領域的發展。UI設計師在中國雖然剛剛起步，但已成為熱門職業。目前各大設計院校紛紛關注，力爭UI設計專業上馬。

UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由,充分體現軟件的定位和特點。

界面設計

隨著電子產品的競爭日益白熱化，電子產品界面設計工作逐漸被重視。原來做平面設計的美工轉做界面設計，隨之被稱之為“UI設計師”或“UI工程師”。軟件界面設計就像工業產品中的工業造型設計一樣，是產品的重要賣點。擁有美觀界面的產品會給人帶來愉悅的視覺感受，拉近人與商品的距離，為商家創造賣點。界面設計不是單純的美術繪畫，需要定位使用者、使用環境、使用方式并且最終為用戶而設計，是建立在“用戶體驗”上的藝術設計。

5、觸摸交互的優越性

UI界面設計好了，其靈敏愉悅的觸摸體驗使UI設計迅速在IT領域、電子品市場，得到了迅猛發展。迷人的UI界面設計，靈敏的觸摸體驗，是手機熱銷的保障。

觸摸設計對觸摸屏硬件質量和用戶UI界面設計提出了更高的要求。

觸摸屏已經得到廣泛的應用，觸摸手勢取代鼠標和實體按鍵之類的輸入方式，為手機和電腦等電子產品帶來了全新的操作體驗。觸摸設計從一開始的鍵盤變成了虛擬鍵盤，手指取代了鼠標和手寫筆，從而使觸摸的體驗變得更加方便快捷，并由此形成優勢和潮流。觸摸屏技術隨著科技的不斷發展，電容式觸摸屏在手機市場得到廣泛應用并展現諸多優勢：自然直觀，方便快捷，直接融入等等。

以智能手機為例，智能手機的核心體驗就是：通過觸摸交互感受產品UI設計帶來的愉悅享受。如蘋果iPhone、三星SAMSUNG、HTC、華為等手機市場火爆，最主要是把UI設計得非常時尚且具個性，再加上UI設計產品的多點觸動，反映靈敏性，使得消費者一觸摸就愛不釋手。

蘋果iPhone

6、觸摸交互和UI設計原則

設計的本質特征是創新。交互性是UI設計的典型表現，觸摸體驗是交互性的典型過程，是設計取勝的重要特征。市場競爭的白熱化，誰的產品更接近用戶的需求，誰就越能把握市場份額。如何把握UI設計的原則？一定要根據用戶日益增長的需求進行功能創新和形態創新。

用戶需求決定功能設計

3G時代對運營商來說是一個全新的挑戰。在3G網絡通行的今天，內容為王成為競爭的核心服務。用戶需求、人機界面設計本身就是UI設計要關注的核心訴求。需求決定功能，用戶有那些需求？高速上網、游戲、聊天、移動辦公、隨時微博、微信等等，用戶的需求越來越多，軟件也越來越多，像“憤怒的小鳥”“西瓜大戰”“植物大戰僵尸”等等，成為下載量最多的游戲。人機界面做得好不好，有沒有吸引力，對于用戶來說，至關重要。

UI設計決定觸摸體驗

如今，電子產品外觀設計要求簡潔方便，輕薄，便于攜帶。通過蘋果系列產品，HTC、三星等智能手機和電腦的市場熱銷，我們看UI設計要把握如下4個原則：

1）按鈕極簡原則：喬布斯有句名言：“極簡是最難的，因為你要花很多功夫將復雜解決的很簡單。”功能集成，用一個簡單的按鈕，就可以具備很多的功能，長按，短按，按左邊，按右邊，有4個功能集合在一起。把按鈕精簡到一個，或者幾個。像蘋果的一鍵設計，像三星液晶顯示器，屏幕的開關設計成隱藏式，通過觸摸屏幕右下角觸發。

2）界面圖標化原則：所有的鏈接圖標都是圖標化，以精工設計的UI界面，帶有立體感覺的圖標設計，帶動時尚UI設計師的需求量大增。喬布斯的蘋果字體，圖標，引領了UI界面設計的風潮。充滿親和力的圖標，時尚的顏色搭配，浮凸感，在安卓系統上得到了充分的運用。

3）方圓原則：中國古代“天圓地方”的東方思想，內圓外方、內方外圓的處事哲學給予物化，形式化，方圓結合在外觀造型設計上得到了前所未有的應用。直方的造型加上圓角的使用，簡介中透露著圓潤。在手機外觀造型和UI界面圖標設計上也體現著方圓原則。在軟件登錄窗口、網頁界面圖標設計，平板電腦的圖標設計得到了充分的運用和體現。蘋果電腦、手機、Ipad等產品簡潔的直邊圓角在業界引領了外觀設計的潮流。

4）時尚化原則：色彩方面，黑白是永恒的流行色，再配以純度較高的色彩搭配，讓蘋果產品令用戶瘋狂。黑與白成為時尚的寵兒；銀灰色也成為高科技青睞的色彩；草綠色，玫瑰紅，橘黃，淺藍，體現了年輕一族的時尚色彩。造型工藝方面，精工材質，打磨圓角工藝，可以說蘋果系列產品凝聚了中國工人們的辛苦勞動的結晶。為了對應蘋果系統的蘋果字體，微軟雅黑字體在pc機上得到了廣大時尚用戶的青睞。

蘋果ipad

圖標方圓原則

以ipad為例，如圖1、圖2

圖1，UI界面設計方圓原則。

圖2，電容式觸摸設計-用戶體驗原則。

一體機

圖1

圖2

7、結語

“觸摸”交互和UI設計，在當下時尚化的家居賣場、電子產品和通訊產品等領域，得到了廣泛應用。并且已經發展到電腦領域，一體機電腦，觸摸電腦，e人e本，許多新穎時尚的產品都涌現出來。這一切，必將使我們的生活進入另一個便捷空間，可以預見，我們的未來生活，真的像科幻電影里描述的那樣，伸手觸摸我們周圍的世界，就能得到我們想要的。

[1]顧群業，王拓.對設計以人為本和綠色設計兩個觀點的反思[J].設計藝術，2008，（4）

[2]陳汗青.中國創新設計藝術優秀作品集[M].中國機械工業出版社，2007.

[3]熊薇.低碳家具創新設計的研究[J].包裝工程，2012，（6）： 68-71

[4]周橙旻,吳智慧.木作家具在衛浴空間的時尚演繹[J].包裝工程，2011，（24）： 53-57