基于大數(shù)據(jù)語境下的個性化UI設(shè)計

陳晨

摘 要：隨著信息時代信息產(chǎn)業(yè)的發(fā)展，各領(lǐng)域信息總量呈井噴式增長。社會信息總量的高速膨脹，極大地加快了信息流動速度，單位時間內(nèi)人們接受到的信息量急劇增加。如何在冗雜信息中尋找到有效信息，成為了現(xiàn)在急需解決的問題。扁平化UI設(shè)計在一定程度上在為用戶做第一道篩選，將信息以最簡潔最易傳達的方式呈現(xiàn)出來。但隨著扁平化UI設(shè)計的普及，新的問題也隨之出現(xiàn)，千篇一律的扁平化設(shè)計增多，又會形成新的信息群。在此情況下，我們需使UI設(shè)計更具特性，更易被辨識，于是開始關(guān)注到大數(shù)據(jù)工具。通訊科技的發(fā)展，信息多而雜，但最能反映用戶需求的信息也在其中，以大數(shù)據(jù)來分析用戶需求與喜好，再根據(jù)設(shè)計原理與設(shè)計師的審美與技術(shù)進行設(shè)計，最后將最凝練的信息展示給最需要的群體，是解決扁平化UI設(shè)計趨同性問題的方法之一。

關(guān)鍵詞：視知覺理論;扁平化設(shè)計;大數(shù)據(jù)分析模式;個性化UI設(shè)計

一、UI設(shè)計發(fā)展歷程

1.用戶界面設(shè)計

用戶界面設(shè)計是隨著信息時代數(shù)字終端的普及開始逐漸被大眾所關(guān)注，又稱UI（User Interface），是數(shù)字終端顯示屏上呈現(xiàn)給用戶的界面。用戶界面的設(shè)計直接影響到用戶的觀感與使用，是信息傳達的呈現(xiàn)方式。人類在觀看外在事物時遵循一定的生理規(guī)律與習(xí)慣，用戶界面設(shè)計的最終呈現(xiàn)形式應(yīng)貼合人類的視覺心理邏輯，盡可能滿足用戶群體需求，具有針對性。UI設(shè)計的發(fā)展過程遵循了由早期扁平化到擬物化再到新扁平化的順序，這個過程是科技進步的成果，在一定程度上也反映了設(shè)計方法的進步，由功能主義到人文主義的轉(zhuǎn)變。

（1）功能主義用戶界面設(shè)計——早期扁平化UI設(shè)計

微軟的MS-DOS系統(tǒng)是早期用戶界面設(shè)計的標志性案例，在80年代中期，技術(shù)發(fā)展不完善，DOS系統(tǒng)是命令行式的以功能為主的操作方式，即用戶鍵入命令，系統(tǒng)再做出回應(yīng)。這一時期，終端顯示器分辨率低，色彩單調(diào)，界面僅能顯示用戶輸入系統(tǒng)的命令，幾乎沒有圖形信息，沒有良好的人機交互效果。這樣的情況，給用戶使用計算機制造了相對較高的準入基線，要命令輸入式的交互就要求受眾需要有一定的相關(guān)專業(yè)素養(yǎng)。如果想要普及PC，這就要求廠家要降低難度，增加普適性，才能夠被大多數(shù)人理解。這時鼠標應(yīng)運而生，以點擊方式解決命令輸入的難度問題，為使圖標更具有辨識度，圖標設(shè)計也開始向擬物化的逼真效果轉(zhuǎn)化。

（2）人文主義用戶界面設(shè)計——擬物化的UI設(shè)計

由于DOS系統(tǒng)的操作難度，廠商開始研制能夠讓普通人看懂的界面設(shè)計，這一時期，微軟與蘋果公司都先后推出了擬物化的界面與圖標設(shè)計，UI設(shè)計發(fā)生了“以功能為中心”到“以用戶為中心”這一理念上的革命性變化，將良好的人機交互效果作為產(chǎn)品設(shè)計的需求標準，更加重視用戶的使用體驗。在WINDOWS XP系統(tǒng)及同時期的MAC OS X系統(tǒng)中都開始趨向擬物化的界面設(shè)計，圖為OS系統(tǒng)與XP系統(tǒng)中的圖標設(shè)計，追求寫實立體，有光影效果。在經(jīng)歷過很長一段時間的擬物化階段之后，通訊技術(shù)發(fā)展迅猛，各類信息越來越多，圖形越復(fù)雜，用戶閱讀時間越長，時間成本越高，帶有裝飾性的真實效果的UI界面開始在”信息過載時代”下出現(xiàn)難以突出有效信息的問題。

（3）人文主義用戶界面設(shè)計——新扁平化UI設(shè)計

2006年微軟推出了著名的Zune播放器，開始使用類似扁平化的界面設(shè)計風(fēng)格，UI設(shè)計在擬物化風(fēng)格中極盡探索了十余年，突然迎來顛覆性的轉(zhuǎn)變，開始了對信息精簡的扁平化風(fēng)格界面研究與探索。蘋果也在這個風(fēng)潮中開始舍棄前幾代IOS精細仿真的物化風(fēng)格，取消陰影、漸變、高光等擬物化細節(jié)，代之以扁平化的視覺設(shè)計。這個變化源于信息過載時代的社會需求。扁平化設(shè)計的目的是通過精簡畫面中過于繁瑣的裝飾信息只留下精確的能夠準確傳達的信息，在信息海洋中能夠迅速轉(zhuǎn)達有效消息。

二、扁平化UI設(shè)計中格式塔心理學(xué)原理的應(yīng)用與發(fā)展問題

從認知心理的角度分析，越是復(fù)雜的形象，信息讀取需要時間越長，因此基于格式塔心理學(xué)原則下的扁平化設(shè)計有利于快速閱讀。扁平化UI設(shè)計基于強烈的功能性取向，立足于功能，專注于用戶體驗的商業(yè)原則。在視覺設(shè)計方面，要求可讀性強，以避免過多裝飾細節(jié)和材質(zhì)貼圖的界面圖標吸引用戶注意力，對理解內(nèi)容造成干擾。

扁平化UI設(shè)計的本質(zhì)，是誠實與簡潔，誠實地反映信息，減少多余裝飾，簡潔地傳達信息，力圖減少用戶的認知障礙，最大程度上呈現(xiàn)信息的本質(zhì)屬性，這使得設(shè)計師往往更關(guān)注到格式塔心理學(xué)中的完型組織原理與簡潔組織原理，對于視錯覺、圖底關(guān)系、異質(zhì)同構(gòu)等原理則較少運用，這種隱藏性的偏重選擇，會在未來的扁平化UI設(shè)計中出現(xiàn)趨同化的現(xiàn)象，如果是為更快速地獲取信息而從擬物化向扁平化轉(zhuǎn)型，那么當扁平化UI設(shè)計普遍化之后，又會成為另一種信息泛濫。某種程度上，這種發(fā)展形態(tài)有新的審美疲勞的隱憂，對于平衡與簡化的向往不自覺地壓抑了承載設(shè)計作品形式美感的“有意味的形式”的多維性生長。

三、大數(shù)據(jù)分析相關(guān)技術(shù)在UI設(shè)計中的的運用

在信息技術(shù)和互聯(lián)網(wǎng)的飛速發(fā)展的信息過載時代，扁平化UI設(shè)計在一定層面上幫助人們把篩選了部分信息，提高了搜索效率。但盡管如此，在這么多大同小異的設(shè)計中，該如何做出盡可能精準地滿足用戶需求的設(shè)計呢？在硅谷的科技公司里，用科學(xué)實驗、用數(shù)字指標來做設(shè)計決策是一種越來越流行的做法，他們稱之為“數(shù)據(jù)驅(qū)動的設(shè)計方法”。在中國美團，淘寶，百度等互聯(lián)網(wǎng)平臺上的精準推薦也十分多見，整合用戶數(shù)據(jù)，分析用戶需求，再進行精準推薦。對數(shù)據(jù)的利用不僅使用戶在使用時更加方便，也為設(shè)計師提供了更加理性的數(shù)據(jù)與設(shè)計指向。在各類音樂APP中，廣泛應(yīng)用大數(shù)據(jù)技術(shù)，截取用戶使用偏好，再根據(jù)偏好推薦相同風(fēng)格的音樂，增強用戶交互情感。在設(shè)計領(lǐng)域通過科學(xué)數(shù)據(jù)來量化與預(yù)測未來色彩流行趨勢，以及特定人群對設(shè)計的特殊需求。例如，谷歌網(wǎng)站中的信息可視化設(shè)計會考慮到色盲人群對信息識別的障礙，而在色彩分區(qū)中使用色不同色彩的同時還會考慮到色彩的明度變化，以實現(xiàn)多種用戶需求。

大數(shù)據(jù)技術(shù)在各領(lǐng)域的運用與融合，不僅促進各領(lǐng)域的專業(yè)思維轉(zhuǎn)化，同時通過數(shù)據(jù)了解行業(yè)走向、進行基礎(chǔ)信息分析的手段也開始被大眾所接受，大數(shù)據(jù)技術(shù)對于設(shè)計師的作用，在于能夠幫助設(shè)計師準確掌握事物發(fā)展動向，了解用戶需求，在現(xiàn)代設(shè)計中，前期準備中的數(shù)據(jù)收集，用戶需求的分析極為重要，而大數(shù)據(jù)所具備的信息的時效性，廣泛性與準確性，能夠有效幫助設(shè)計師極大的縮短收集信息的時間，簡化設(shè)計流程，提高工作效率。

四、基于大數(shù)據(jù)語境下的UI設(shè)計對格式塔原理的發(fā)展與運用

格式塔心理學(xué)又稱完型心理學(xué)，即人類在觀察外界信息時的“補完現(xiàn)象”，當我們看到過一件事物的整體，再看到殘缺的形象，會自然地在大腦中把缺損部分補充完整，這種追求完整的現(xiàn)象，在UI設(shè)計中常被運用于，根據(jù)用戶的使用習(xí)慣去設(shè)計環(huán)節(jié)，能夠讓用戶在潛意識情況下根據(jù)既定流線，閱讀信息。在扁平化圖標設(shè)計中，使用補完原理可增加趣味性，使設(shè)計形象更加深入人心，帶有一定趣味性與引導(dǎo)性。

各類信息雜亂無章，當我們從用戶需求出發(fā)去整理數(shù)據(jù)，使其成為系統(tǒng)化的，有秩序性的數(shù)據(jù)資料，則可以在后續(xù)UI設(shè)計中發(fā)揮到不可或缺的導(dǎo)向作用，可使設(shè)計更具針對性。UI設(shè)計的創(chuàng)新首先在于用戶攝取信息的方式的不斷變化，大數(shù)據(jù)相關(guān)技術(shù)的發(fā)展為UI設(shè)計、為人們看待事物、感知事物提提供更多新的角度與主題。立足于商業(yè)行為之下的當代用戶體驗設(shè)計更注重設(shè)計邏輯與用戶之間的交互行為的舒適度。在當下大數(shù)據(jù)可視化發(fā)展的全球化語境中，系統(tǒng)化的數(shù)據(jù)帶來的不僅僅是簡單的技術(shù)更新，更是一種以人為本的交互性設(shè)計思維方式。各學(xué)科融合的個性化UI設(shè)計創(chuàng)新既包括對設(shè)計形式、設(shè)計理念及設(shè)計原理等各個方面的結(jié)合與重構(gòu)，也含括了在數(shù)字媒體發(fā)展進程中的藝術(shù)性與技術(shù)性的融合與平衡。設(shè)計不再局限于技術(shù)與視覺效果，而是從事物本身出發(fā)，從受眾本身出發(fā)，創(chuàng)作出更合適的設(shè)計，針對不同群體的使用偏好，設(shè)計出最符合需求的用戶體驗設(shè)計。

五、結(jié)語

上述是關(guān)于在用戶體驗領(lǐng)域借助大數(shù)據(jù)工具進行更加優(yōu)化，更加精準地貼近用戶需求的設(shè)計案例。

在現(xiàn)代設(shè)計行業(yè)中，學(xué)習(xí)設(shè)計理論并熟練運用是十分必要的基本技能，在傳統(tǒng)設(shè)計流程中，視覺元素的選取與色彩的選擇一般依靠設(shè)計師本人的審美與經(jīng)驗與基本信息調(diào)研來確定;在方案設(shè)計中除了考慮用戶需求之外還要考慮各方面因素，設(shè)計師有時也不能夠完全正確地領(lǐng)悟到用戶的需求，達到其設(shè)計預(yù)期。如果在設(shè)計之前，能夠依靠大數(shù)據(jù)分析等科學(xué)手段來確定相關(guān)需求信息，那么這樣將很大一步分地解放設(shè)計師生產(chǎn)力，也能避免經(jīng)驗帶來設(shè)計上的誤差。

部分設(shè)計師會抗拒以數(shù)據(jù)結(jié)果作為決策標準來決定配色與設(shè)計方案，認為這樣的設(shè)計沒有設(shè)計師情感的注入，是機械的不可取的。但不可否認的是，大數(shù)據(jù)提供了使設(shè)計師更加了解社會取向與用戶需求的平臺，因為數(shù)據(jù)很大程度上是科學(xué)的、真實的。如果禁錮在傳統(tǒng)的思維理論中，很難在實踐上有所突破。對于現(xiàn)代設(shè)計的發(fā)展，設(shè)計不應(yīng)是只是一項基本技能，而是設(shè)計師對于世界的觀察與分析，再做出獨特的設(shè)計反映?？鐚W(xué)科跨領(lǐng)域思維帶來的不僅僅是工作流程上的改進，更是設(shè)計感受能力和事物洞察能力的提升。順應(yīng)時代變化做出新的改變，接受科技的進步，利用技術(shù)手段，結(jié)合自身美學(xué)素養(yǎng)，建設(shè)更好更高效的設(shè)計行業(yè)。

參考文獻：

[1]杜國光.理性的色彩[D].中央美術(shù)學(xué)院，2018

[2]程時偉、羅玉容.信息可視化中的交互設(shè)計研究及應(yīng)用實例[J].創(chuàng)意與設(shè)計，2011（02）：25-27

[3]邵斯宇.阿恩海姆審美直覺心理學(xué)理論研究[D].吉林大學(xué)，2017

[4]蘇毅.格式塔心理學(xué)視知覺理論在UI扁平化設(shè)計中的應(yīng)用[J].長沙大學(xué)學(xué)報，2019.33（01）：119-124

[5]何冬.基于用戶體驗的圖標設(shè)計要素分析研究[J].山東工業(yè)技術(shù)，2019（13）：233

[6]鄭勇峰.圖書館大數(shù)據(jù)可視化分析系統(tǒng)的設(shè)計與實現(xiàn)[J].科技風(fēng)，2018（30）：17+30

[7]朱志慧、田婧、林捷.大數(shù)據(jù)環(huán)境下基于用戶位置的個性化音樂推薦系統(tǒng)設(shè)計[J].無線互聯(lián)科技，2019.16（02）：79-80

指導(dǎo)教師：王麗紅