近年來, “UI設計”已經受到了社會的廣泛關注, 不少設計師紛紛轉型為UI設計師, 但其中絕大數人對UI設計仍存在以下的誤區:UI設計=界面設計。
在此, 須對UI設計的概念做出如下的釋義:UI是User Interface的縮寫 (用戶界面) , 是由三部分組成, 即UI設計=視覺設計+交互設計+用戶體驗。有學者是用這樣的方式描述UI設計的構成:UI設計是一位時尚達人, 其中視覺設計部分等價于時尚達人的衣著裝扮;交互設計 (交互布局和框架) 部分等價于其身材體型;用戶體驗等價于其性格。
一、UI設計簡約化盛行的緣由
在當前這個信息與高科技迅速發展的時代, 互聯網技術的蓬勃發展讓用戶生活更加的便利, 用戶越來越依賴于手機、平板等移動端設備的使用。在過去的幾年內, 隨著用戶生活節奏的加快, 生活中每個角落充斥著忙碌, 復雜的事物不再同先前一樣引起用戶探求的欲望, 用戶大多會去渴望那些能夠不言而喻、自我解釋的事物。因而, 簡約化的設計理念頗受大眾的關注, 乃至成為UI設計的潮流趨勢, 致使這種狀況產生的緣由是多方面的, 以下幾個方面是主要的。
(一) 信息的超負荷
在這個信息超負荷的時代內, 用戶每天都不由自主地通過網頁端、客戶端接收到大量的信息, 然而在這信息中, 卻存在著很少的優質信息, 絕大多是屬于垃圾信息。這就要求用戶要去學會應對信息過載狀況, 要去學會如何分辨信息優劣。UI設計簡約化形式致力于能夠更好地輔助分辨信息的優劣, 減輕了辨別的壓力, 能夠給長期處于壓力下的青年人以放松。
(二) 使用方式的繁瑣
當下, 用戶希望使用的事物是能夠自我解釋其使用操作步驟, 而非需借助說明書、教程之類。UI設計簡約化形式需設計師能夠站在一個較高的層次上, 對用戶的體驗和交互設計能夠較高的造詣, 此外還需時常和其他人員共同探討。在設計發展的浪潮中, 現代主義運動的理念:“少即是多”、“形式追隨功能”一直延續到現在, 仍為設計師所用。
因而, 如何讓用戶以最短的時間、最便捷的方式學會事物的使用方式是每個設計師應該致力于解決的痛點。
二、UI設計簡約化形式的運用三策略
(一) 簡約化策略—:刪除
1. 刪除之軟件色彩
色彩是影響用戶的視覺的首要因素, 客觀上是對用戶的一種刺激與象征, 主觀上是對用戶行為與反應的體現。在當下的視覺設計中, 一個不容忽視的現象:設計師會在設計時不由自主地引入相當多的顏色, 致使界面的整體視覺效果極其混亂。因而, 對于設計師而言, 在考量視覺設計時, 是需要給配色適時地做減法, 而非加法, 即刪除。一個極好的視覺設計界面需以讓用戶利用最短時間獲得最大效益為宗旨, 過多地給予信息對用戶而言是一種負擔。如網頁端的設計案列google搜索主頁, 運用了大面積留白的手法, 讓用戶的目光自然而然地被搜索框吸引, 這和谷歌的初衷相契合, 旨在希望用戶聚焦于google搜索框完成搜索操作。因而, 采用留白方式刪除過多用于分散用戶的注意力的信息, 讓用戶聚焦于能夠達成其目標的內容。從情感交互的形式層面上, 這樣的設計也符合下意識的交互行為, 其反映用戶不被約束的心理;同時作為一種溫馨的情感反饋機制, 將信息以溫馨自然的方式展示給用戶, 讓用戶以自己下意識的行為作為引子, 將更好地提升用戶的使用體驗[2]。
2. 刪除之硬件按鍵
按鍵是輔助設施中不可以缺少的成分, 是達成用戶目標的一種媒介。作為生活中必不可少的事物, 雖其存在有著必要的價值, 但仍存在不合理的地方。據美國相關權威機構在2002年發表的一份報告, 稱64%軟件的功能“從未使用過或極少使用”, 這個結論同樣適用于隨處可見的電視遙控器。對于經??措娨暤挠脩舳? 常常使用的按鍵一般只會涉及到到換臺、調節音量的按鍵, 其他的按鍵很少觸及;對于設計師而言, 通過事先預料看電視所會遇到的極端情況時, 便將需使用的按鍵全部都設計出來了, 致使遙控器的使用繁瑣。顯而易見, 僅有幾個主要功能按鍵的遙控器頗受用戶的喜愛, 沒有蕪雜的按鍵選項, 哪怕隨意嘗試也無需花費多長時間。因而, 刪除硬件上的雜亂元素不僅能夠讓設計師專注于把有限的問題解決掉, 而且同時能夠促使用戶心無旁騖地完成自己的目標。
(二) 簡約化策略二:隱藏
1. 隱藏之視覺界面
視覺界面是客戶端、網頁端的重要組成部分, 自定義在視覺界面中起著美化、個性化的作用。
視覺界面中的自定義看似是給予用戶無限制的權利, 但在一定程度上賦予用戶耗時考慮的重任, 這就引發出對隱藏的簡化方式探索, 基于將用戶體驗的目標從設計的效能延伸至情感和意義的維度[3], 即在用戶和功能之間設置一道障礙, 避免給用戶造成界面操作的繁瑣。聊天軟件QQ存在著個性化設置的選項, 卻隱藏于用戶界面的左側區域, 它存在的意圖在于用戶僅需要點擊幾下就可以完成個性化、定制化的界面顯示。
2. 隱藏之觸覺功能
通過觸覺來實現目標的一種方式是屬于用戶行為范疇內, 用戶行為是由五要素組成, 即行為主體、客體、環境、手段以及結果, 彼此之間是緊密聯系的。用戶通過手觸碰屏幕來搜索heterogeneity單詞的中文含義就屬于用戶的一種行為。
有道詞典中自帶的插件能夠讓用戶在瀏覽外文網站時, 遇到不認識的單詞, 全選即可顯示其中文含義, 這種插件隱藏英譯中的功能, 旨在能夠適時地出現, 給用戶莫名的歡愉。然而成功的隱藏需要做到以下幾點:一方面需要徹底隱藏其有需要隱藏的功能, 另一方面是只在恰當的時機、恰當的位置顯示其相應的功能。Adobe illustrator的隱藏方式可謂是成功至極, 在繪圖按鍵的方框中有一個小三角圖標的顯示, 單擊一次可以選中基本的功能, 單擊并按著不放就可以看到其他的備選項, 這是基于對用戶探求設計模式的心理, 這是通過細微的線索提示出所隱藏的功能。
(三) 簡約化策略三:轉移
1. 轉移之抽象情感
用戶在交互過程中, 相比于技術層面的社交需求獲取, 將更加注重在使用過程的情感要素體驗, 因此情感化體驗的設計才是值得關注的重點[4]。
Mac OS系統上的軟件左上角的關閉、最小化和最大化是由紅、橙、綠三個小圓點所表示;Windows 7系統上的軟件的右上角的關閉、最小化和最大化是由橫線、方框、叉的三個符號所表示。其各自系統如此設計的緣由在于:紅、橙、綠已經在用戶腦海中形成視覺易識別的潛意識以及蘊含著極其豐富的情感色彩要素, 即紅色就是代表負面、消極、錯誤、關閉;橙色代表警示、暫停等;綠色代表正向、積極、正確、成功等?;谝陨媳緝纱笙到yMac OS和Windows 7中某軟件使用方式的對比分析, 顯而易見, 給用戶帶來情感化體驗的方式頗受用戶的關注與青睞。
用戶與事物交互的感受, 往往是影響用戶決定是否長期使用該事物, 因而, 眾多設計師洞悉了這種需求:人性化的服務體驗。在設計數碼產品的時候, 往往會盡可能貼近用戶需求。如Stripe app的結帳流程的設計案例, 通過動畫來呈現支付成功、支付失敗的狀態, 動畫的整個節奏會給人一種很容易完成購買的體驗, 從而不讓人產生望而卻步的念頭。動態交互設計可以使設計元素在靜態的背景中更容易吸引用戶注意, 引導用戶進行交互活動, 也有利于打破移動設備屏內外空間的限制[5]。
2. 轉移之具象平臺
物的功能在某平臺上很繁瑣, 但換一個平臺能夠讓用戶以最小的代價達成目標。
NRC (NikeRun Club) 是一款完美的奔跑伙伴, 其打破了跑步被當作一項孤獨的運動的模式, 通過與好友的分享, 將孤獨轉化為快樂, 從而吸引更多的人加入這項奔跑運動。其可通過Apple Watch手環來記錄用戶走路、跑步數據, 為用戶打造簡潔的使用體驗。
然而奔跑的具體數值及運動軌跡則需要在NRCapp上瀏覽, 這就是通過對具體平臺中的部分功能的轉移。在設計事物時, 設計師通??梢詫碗s性轉移給用戶, 通過用戶對其使用展現出掌控性, 從而體現出對功能的簡化。
NRC app可以得到NIKE教練與運動員的語音指導的跑步訓練, 通過音頻可以收到他人的鼓舞與激勵, 這些旨在提升運動員的興趣, 并使其樂在其中。
三、結語
不管時代如何的發展, 設計終究離不開不了人本主義的束縛。UI簡約化的形式終究是服務于人, 至于對UI設計如何進行簡約卻不是僅局限于以上幾種方式, 只要得到用戶認可, 皆可以作為簡化方式之一, 此外, 簡約的設計理念, 終究還需設計師去踐行。當下, 設計師所需做的是如何讓UI的視覺設計、交互設計及用戶體驗三者更好地為人們服務。
摘要:本文是針對當下頗受關注的UI設計簡約化形式的設計方法, 以UI設計的概念、意義及簡約化效果為出發點, 基于視覺、交互、用戶體驗簡約化方法的設計研究, 通過對當前市場移動端UI運用的簡約化形式的介紹, 梳理了刪除、隱藏、轉移<citation id="62" type="reference"><link href="12" rel="bibliography"/><sup>[1]</sup></citation>的運用方式, 旨在為當下UI設計師對簡約化方式的認知與理解提供些許參考與借鑒。
關鍵詞:UI設計,視覺,交互,用戶體驗,簡約化
參考文獻
[1] 科爾伯恩.簡約至上:交互設計四策略[M].李松.秦緒文, 譯.出版地:人民郵電出版社, 2011.
[2] 宋穎穎, 陳虹.下意識行為在交互領域內的研究與應用[J].設計, 2015 (12) :136-138.
[3] 吳瓊.信息時代的設計倫理[J].裝飾, 2012 (10) :32-36.
[4] 辛向陽.混沌中浮現的交互設計[J].設計, 2011 (2) :45-47.
[5] 孫辛欣.基于移動終端應用軟件的動態交互設計研究[J].包裝工程, 2014 (22) :32-36.