朱麗進 劉斌
摘要:隨著移動互聯的飛速發展,APP產品繁多,卻留存率低,對于冰冷的手機設備,如何在UI界面設計中融入得當情感化設計,結合情感化設計的因素,讓APP產品人性化,良好的用戶體驗,取得APP一定的市場競爭力。
關鍵詞:情感化;UI;交互
中圖分類號:TP311 文獻標識碼:A
文章編號:1009-3044(2019)09-0273-02
移動互聯迅速發展的今天,回顧一下手機的發展歷史,從手機剛進入市場不但價格昂貴而且僅有通話單一功能,當時還是重視技術的時代,人們把重點集中在,信號,待機時間和壽命等上面,對于手機造型,界面更是很少關心。技術發展到今天,功能基本都滿足用戶的需求,為了提高產品競爭力,越來越多的商家開始重視產品外觀設計,如美觀,個性,易學易用,人性化等等。其中近幾年情感化的app UI設計更是吸引很多用戶的眼球。
1 情感化設計的重要性
在APP種類繁多的今天,很多app產品使用率和留存率很低,產品生命周期很短,用戶用過即拋,這也是一種成本的浪費。國際權威的人機交互專家Donald Norman博士強調,一個完好開發的、有凝聚力的產品,應該看上去美觀,用起來舒心,使用戶能愉悅地欣賞,快樂的使用,同時增強心靈和心思想的感受[1]??梢娗楦心軌蛴绊懹脩舻母兄袆雍退季S,如果產品能夠滿足用戶的正面積極的情感需求,就能實現產品的市場預期目標,越來越多的APP產品融入情感化設計,追求人們情感層面的需求。試想一下,手機雖然只是一個機器,但是用戶與手機這個產品之間是能有情感傳遞的,它不僅僅是個冰冷的工具,這樣用戶在使用和體驗過程中產生愉悅的產品才能走得更長遠。
2 情感化設計的優劣
情感化設計是由Donald Norman在《情感化設計》一書中提出來的,并提出了產品情感三層次理論, 分別為本能層——外形 ; 行為層次——使用的樂趣和效用 ; 反思層次——自我形象 、個人滿足 、記憶[2]。
產品本身想要追求用戶使用后得到愉悅,但是要使用得當,有些事物在某種情況下可能會帶來一些負面效應,我們在設計的過程中要盡量避開。一旦運用不當,本來想要愉悅用戶的一些界面元素可能破壞了UI的整體可用性,會讓用戶增加認知的負荷和交互成本。愉悅也是因人而異的,對于同一個設計,可能一部分人看來是有趣的好玩的,對于另外一部分可能覺得會很糟糕,因此情感中的愉悅性具有主觀性。對于用戶群體不斷擴大,想要產品的設計具有眾人都有愉悅性會變得越來越難,不建議設計師嘗試大膽創新的情感化設計,可以在一些小型產品上去嘗試,并且積極去做好用戶滿意度調查,保留優點,及時修改不足之處??偟膩碚f,大品牌的產品更傾向于簡單直白的表達,有約定俗稱的風格,這樣更容易讓用戶接受的同時,也降低了出現歧義或者誤區的可能性。
同時也不建議設計師在用戶常見的產品中嘗試為了追求“愉悅”性而嘗試的大膽創新設計,一旦時間久了,會讓用戶產生審美疲勞。正是因為一些新鮮和不期而遇的事物才會讓人產生心跳的感覺,所以建議設計師在app的賬戶設置,登錄界面,提示信息或者404迷失界面中嘗試情感化設計融入。
例如,readme網站的登錄界面,有個萌寵的睜著眼睛的小貓頭鷹,當用戶切換到密碼框進行輸入時候,貓頭鷹主動蒙上自己的眼睛,仿佛在告訴用戶我不會偷看你的密碼,傳遞給用戶一種安全感,非常的體貼,減少用戶登錄時輸入繁多字符的負面情緒。
3 情感化設計的因素
手機UI界面情感化因素可以從兩個層面去分析視覺層面和交互層面。影響手機UI界面的因素有很多,比如:布局,色彩,文字和圖形等等,這些元素相互配合,相輔相成構成一個整體,直接影響了用戶的使用情緒[3]。
(1)布局
根據用戶眼球運動的規律,用戶對于界面的關注度呈現“F”型,所以手機界面設計布局時候,左上角經常是界面的主要內容。用戶操作手機界面也是左右和上下方向的翻動,隨著近幾年扁平化風格的風靡,界面板式更是趨于越來越簡化的方向。
(2)色彩
色彩是人眼最直觀感受到的視覺效應,用戶通過染色,可以感受到冷暖、軟硬、遠近、和輕重等感覺。不同的色彩會令人產生不同的情緒,如愉快,恐懼,孤獨,絕望,悲傷等。例如出現一些重大悲傷都事情,一些門戶網站如百度,他們都官方網站都會改為黑白色調,以示哀悼。當然好的UI界面設計,色彩搭配非常重要,雖然任何顏色都可以搭配,但是對于色彩都名都純度對比,和面積對比,輔助色都調和以及色彩都呼應等等,想要把握到位,還是要不斷都積累經驗才能達到這樣都高度。一般來說,主色調(主色+背景色)越戰75%,輔色越戰20%,點睛色越戰5%,也可以運用鄰近色搭配,同類色搭配和對比色搭配等。
(3)文字信息
文字都字體,大小,顏色,排版布局還有內容,都會直接影響著用戶使用上都感受。例如由于手機屏幕大小都限制,文字大小不能小于22px,字體顏色和背景色都對比,文字所表達的內容,等等,都需要給予足夠都重視,才能達到用戶情感上的滿足。
(4)圖形
手機界面中圖形的運用,這是UI界面非常重要的一方面,通圖標,布局等都會用到,當然不同都設計方式,給人都視覺體驗感也是不同都。例如ios都app中桌面啟動圖標都圓角正方形,搜索框都圓角矩形,好友列表中都線條分割,等等。點線面在手機界面中,以各種各樣都形式存在著,通過有序都組織、分類、對齊、裝飾、排列等,產生獨特都美。
淘寶APP提示信息的情感化,它雖然是電商平臺,在冰冷的手機機器上做買賣,也可以體會到暖暖的人情味。淘寶背后的設計團隊,將產品化生成為一個有個性有故事的人,這樣能夠很好地得到用戶的好感。例如網絡不好的時候,用戶訪問淘寶頁面的時候,它會安慰用戶“網絡竟然崩潰了,別緊張,試試看刷新頁面”,購物車沒有任何商品的時候,它像是一個朋友一樣,熱心溫暖的關心你“再忙,也要記得買點什么犒賞自己”。
這些示例文字,一般都不超過18個字,但就這幾個字都溫馨消息提醒,用戶有時候看到了能夠會心一笑,就能說明這個設計已經是成功都了。
交互方式隨著手機的不斷發展,也在不斷地豐富。按鈕,屏幕手勢,人臉識別,聲音反饋,觸摸反饋,重力反饋等等,使得現在的手機操作更加便捷省力。
4 總結
一個優秀的UI產品設計很好的融合好情感化設計,努力做到抓住用戶的注意力,誘導情緒的反應,引導特定行為的觸發,是非常必要的,因為這樣不僅可以提高用戶體驗,提高產品的下載率,和使用率。當然,有機遇就會存在風險,要根據不同的產品和不同的用戶群體去定位設計,否則會適得其反。
參考文獻:
[1] 謝傳偉.情感化設計中用戶體驗中的運用[J].設計,2014(02).
[2] (美)唐納德·A·諾曼.情感化設計[M].付秋芳,程進三,譯.北京:電子工業出版社,2005:32/47-70.
[3] 張星月.基于情感化理念的手機UI界面設計與用戶心里分析——以安卓與iphone手機UI界面對比分析為例[D].西安建筑科技大學,2017.
【通聯編輯:代影】