交互設(shè)計(jì)的扁平化,不僅是功能性特征的本質(zhì),是以用戶(hù)為中心的設(shè)計(jì)原則的必然要求。交互設(shè)計(jì)的扁平化,作為現(xiàn)代簡(jiǎn)約主義的一種集中呈現(xiàn)形式,具體表現(xiàn)為形式結(jié)構(gòu)簡(jiǎn)易化、功能表達(dá)簡(jiǎn)便化、視覺(jué)呈現(xiàn)簡(jiǎn)潔化。
◆形式結(jié)構(gòu)簡(jiǎn)易化
用戶(hù)界面是交互設(shè)計(jì)的主要形式,交互設(shè)計(jì)的基礎(chǔ)則是界面結(jié)構(gòu)。在結(jié)構(gòu)設(shè)計(jì)中,最基本的是界面布局和界面層級(jí)的設(shè)計(jì),這是界面結(jié)構(gòu)中橫向性和縱向性的兩個(gè)層面。
①界面布局簡(jiǎn)潔。界面布局是指將頁(yè)面中的圖形、圖像及文字等內(nèi)容的位置,在一個(gè)限定面積范圍內(nèi)按照整體需要及其內(nèi)在聯(lián)系而組織排列,通過(guò)推敲文字與圖形的空間關(guān)系,形成流暢的視覺(jué)體驗(yàn),從而激發(fā)用戶(hù)的使用動(dòng)機(jī)。界面布局應(yīng)盡可能滿(mǎn)足界面簡(jiǎn)潔的基本要求,減少操作步驟,以方便用戶(hù)快速獲取有效信息。
為突出功能性界面的信息布局,應(yīng)加強(qiáng)大區(qū)塊感,減少小區(qū)塊化。如果增加功能布局,會(huì)給人信息冗雜、散亂的感覺(jué),難以形成較強(qiáng)的區(qū)塊感,給用戶(hù)的使用增加難度,造成一定的困惑。而簡(jiǎn)潔化的設(shè)計(jì)則會(huì)減少小區(qū)塊化,增強(qiáng)結(jié)構(gòu)邏輯性,使功能突出,易于用戶(hù)學(xué)習(xí)。
②界面層級(jí)扁淺。為使用戶(hù)快速找到目標(biāo)信息,避免頁(yè)面間不必要的切換,可將底層信息上移,減少或取消中間層的類(lèi)目標(biāo)簽,其組織結(jié)構(gòu)與傳統(tǒng)層級(jí)化界面設(shè)計(jì)“尖而高”的杉樹(shù)狀相比,呈現(xiàn)“寬而扁”的灌木狀。對(duì)于用戶(hù)來(lái)說(shuō),只有界面層級(jí)越少、越扁”,界面才更易學(xué)、好用。
◆功能表達(dá)簡(jiǎn)便化
為了減少設(shè)計(jì)師與用戶(hù)之間的“認(rèn)知摩擦”,使得用戶(hù)可以快速準(zhǔn)確理解設(shè)計(jì)師的意圖,必然要求操作方式的簡(jiǎn)便化。
①操作引導(dǎo)生動(dòng),操作引導(dǎo)是為了突出交互特性,降低與用戶(hù)間的認(rèn)知摩擦”。生動(dòng)的引導(dǎo)方式,可以迅速吸引用戶(hù)關(guān)注,贏得用戶(hù)好感并易學(xué)好用。通過(guò)考慮各元素間的關(guān)系,從圖片到字體的色調(diào)、大小及粗細(xì)在視覺(jué)上分清主次,突出重要信息,順應(yīng)用戶(hù)的閱讀習(xí)慣,使原本可能復(fù)雜的過(guò)程變得一目了然。
②操作反饋明確,良好的反饋是用戶(hù)判斷操作正確與否的重要標(biāo)準(zhǔn)。當(dāng)點(diǎn)擊行為發(fā)生時(shí),立刻向用戶(hù)提供清晰明確的反饋,稱(chēng)之為正面反饋。正面反饋機(jī)制不僅可以提升用戶(hù)在做出正確的操作行為之后的體驗(yàn)滿(mǎn)意度,還可以打消不必要的顧慮。
◆視覺(jué)呈現(xiàn)簡(jiǎn)潔化
交互設(shè)計(jì)除了在結(jié)構(gòu)和功能上呈現(xiàn)簡(jiǎn)易、簡(jiǎn)便外,視覺(jué)呈現(xiàn)上的簡(jiǎn)潔要求更是突出。普遍認(rèn)同的扁平化設(shè)計(jì),是指拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真的視覺(jué)效果,打造更“平”的界面,使視覺(jué)清晰、操作簡(jiǎn)單。
①擬物效果淡化,盡管擬物化界面曾經(jīng)憑借精美逼真的設(shè)計(jì),低成本的學(xué)習(xí)方式,成為當(dāng)時(shí)主流的設(shè)計(jì)方式。,但隨著交互設(shè)計(jì)的不斷成熟,擬物化的界面爆發(fā)了越來(lái)越多的問(wèn)題,如人們審美的疲勞化,對(duì)過(guò)度設(shè)計(jì)的反感等。這些使得擬物化設(shè)計(jì)呈現(xiàn)減熱的趨勢(shì)。去除不必要的過(guò)度裝飾,突出功能,體現(xiàn)當(dāng)代設(shè)計(jì)的本質(zhì),是交互設(shè)計(jì)的如今的熱門(mén)。
扁平化設(shè)計(jì)并不是徹底放棄立體效果,它只是不追求那些讓人產(chǎn)生立體擬物的逼真效果,形式上的極簡(jiǎn)扁平,使人的關(guān)注更多地轉(zhuǎn)移到色彩上,扁平化設(shè)計(jì)常常呈現(xiàn)出明亮炫麗的色彩效果。
除了鮮亮的色彩搭配之外,柔和的復(fù)古色、清爽的單一色也正被廣泛使用。文字是交互設(shè)計(jì)中必不可少的元素,扁平化設(shè)計(jì)一般使用無(wú)襯線字體,并通過(guò)調(diào)整字體的大小和色彩來(lái)與所要表達(dá)的信息相協(xié)調(diào)統(tǒng)一。
技術(shù)的發(fā)展使得反饋趨于多樣化,交互設(shè)計(jì)所涉及的要素也隨之復(fù)雜化,人們開(kāi)始摒棄“花紋式”的裝飾,思考如何通過(guò)良好的信息架構(gòu)、交互模式、界面視覺(jué)來(lái)建立良好的交互。遵循功能第一的設(shè)計(jì)準(zhǔn)則、采用扁平化的設(shè)計(jì)形式是交互設(shè)計(jì)合理的發(fā)展趨勢(shì)。