淺談基于媒體融合場景的UI界面設(shè)計(jì)

王樂 柳州市廣播電視臺

據(jù)CNNIC統(tǒng)計(jì)，截至2020年12月，我國網(wǎng)民規(guī)模達(dá)9.89億，使用手機(jī)上網(wǎng)的比例達(dá)99.7%；其中網(wǎng)絡(luò)新聞用戶規(guī)模達(dá)7.43億，占網(wǎng)民整體的75.1%[1]。隨著移動傳播格局進(jìn)一步深化，媒介的呈現(xiàn)邏輯日益影響著信息傳播，基于媒體融合場景的UI界面設(shè)計(jì)也將成為影響媒體競爭力的重要因素。

一、場景變革，以用戶為中心的媒體融合體驗(yàn)

媒體在互聯(lián)網(wǎng)沖擊下經(jīng)歷了多重迭代：呈現(xiàn)場景從傳統(tǒng)媒介變?yōu)橐苿泳W(wǎng)絡(luò)，流量場景從局域獨(dú)占變?yōu)槿蚋偁?，交互場景從被動傳播變?yōu)榛觽鞑?。場景的變革，使得其界面設(shè)計(jì)焦點(diǎn)亦物演至人[2]，以用戶為中心的設(shè)計(jì)已成大勢。

ISO 9241-210將用戶體驗(yàn)定義為“人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。以產(chǎn)品視角理解，即媒體產(chǎn)出物（內(nèi)容及平臺）的品質(zhì)是否優(yōu)良；以設(shè)計(jì)視角理解，即UI界面（邏輯、外觀、交互）的體驗(yàn)是否易用?；谠O(shè)計(jì)規(guī)范與針對載體的體驗(yàn)優(yōu)化才有可能使產(chǎn)品在場景競爭中獲得傳播優(yōu)勢。

二、規(guī)范統(tǒng)一，以平臺框架為指導(dǎo)的標(biāo)準(zhǔn)化設(shè)計(jì)

媒體加深融合決定了UI快速迭代，以各大平臺設(shè)計(jì)規(guī)范為框架已成為通用準(zhǔn)則，能夠高效保證UI界面的標(biāo)準(zhǔn)化與統(tǒng)一性。

（一）Material Design（MD）

該框架是谷歌發(fā)布的視覺設(shè)計(jì)語言，闡述了安卓系統(tǒng)生態(tài)下跨平臺跨設(shè)備的設(shè)計(jì)規(guī)范，特別從樣式（Style）、布局（Layout）、組件（Components）、動效（Motion）等方面約束了UI界面設(shè)計(jì)的視覺表現(xiàn)效果。MD對于媒體產(chǎn)品設(shè)計(jì)的意義側(cè)重于視覺效果的表達(dá)，主要面向設(shè)計(jì)人員。

（二）Human Interface Guideline（HIG）

該框架是蘋果發(fā)布的人機(jī)交互指南，特別從視覺設(shè)計(jì)（Visual Design）、圖標(biāo)圖像（Icons and Images）、欄（Bars）、視圖（Views）、控件（Controls）等方面標(biāo)準(zhǔn)化了UI界面設(shè)計(jì)，旨在確保蘋果系統(tǒng)生態(tài)下的應(yīng)用都能保持審美完整性與操作統(tǒng)一性。其對于媒體產(chǎn)品設(shè)計(jì)的意義側(cè)重于簡潔高效的視覺表達(dá)、交互邏輯、技術(shù)引導(dǎo)，在媒體融合場景下具有較強(qiáng)的信息傳播實(shí)踐價值；同時面向設(shè)計(jì)人員、產(chǎn)品經(jīng)理、程序開發(fā)人員。

（三）其它

除上述框架，目前還有Microsoft Fluent Design System、IBM Design Language、Facebook Design、Ant Design等UI界面設(shè)計(jì)規(guī)范，各框架的共性都是保證產(chǎn)品的標(biāo)準(zhǔn)化與統(tǒng)一性。

三、載體細(xì)化，以使用場景為特點(diǎn)的差異化趨勢

在通過平臺框架保證媒體產(chǎn)品設(shè)計(jì)標(biāo)準(zhǔn)化的同時，還應(yīng)基于載體的使用場景與用戶特點(diǎn)，對UI界面進(jìn)行差異化設(shè)計(jì)，提升品牌特點(diǎn)。

（一）APP

APP是目前最主流的移動應(yīng)用載體，能夠最大限度調(diào)動設(shè)備資源。因此在媒體產(chǎn)品的設(shè)計(jì)過程中，更應(yīng)注意避免過度設(shè)計(jì)與優(yōu)化邏輯，以精準(zhǔn)、高效、簡潔傳達(dá)信息為優(yōu)先目標(biāo)。

同時在原型設(shè)計(jì)階段，就應(yīng)充分考慮可擴(kuò)展性。例如新增功能時，應(yīng)遵從相同設(shè)計(jì)標(biāo)準(zhǔn)；第三方接入形式要符合一致性原則；UI組件需做好向前/向后兼容性設(shè)計(jì)等。

（二）小程序/快應(yīng)用

小程序及快應(yīng)用是近年來興起的輕量化應(yīng)用形態(tài)，滿足了用戶在碎片化場景下即點(diǎn)即用的體驗(yàn)。與APP可囊括眾多功能不同，其主要聚焦單一需求并提供快速解決方案，如看直播、點(diǎn)餐、導(dǎo)航等。

基于上述特點(diǎn)在媒體產(chǎn)品的設(shè)計(jì)實(shí)踐中，要緊密結(jié)合使用場景，以符合大眾使用習(xí)慣的形式來設(shè)計(jì)UI界面與交互邏輯，降低用戶學(xué)習(xí)成本、提高傳播率。

（三）網(wǎng)站

網(wǎng)站在移動互聯(lián)網(wǎng)中呈現(xiàn)出更多元化的表現(xiàn)形式。在設(shè)計(jì)媒體網(wǎng)站UI界面時，應(yīng)特別注意在HTML5與CSS的標(biāo)準(zhǔn)下，統(tǒng)籌考慮多尺寸屏幕的適配性問題；同時5G的發(fā)展使移動短視頻成為主流傳播方式，因此媒體網(wǎng)站應(yīng)著重提升視頻播放的UI設(shè)計(jì)與使用體驗(yàn)。

（四）專題/H5

專題及H5是有特定主題的小型網(wǎng)站，在媒體場景中主要呈現(xiàn)為專題報道、活動宣傳、互動游戲等。從UI視角看，在進(jìn)行該類載體界面設(shè)計(jì)時，除了要滿足網(wǎng)站設(shè)計(jì)的通用標(biāo)準(zhǔn)，更要注重個性化強(qiáng)、高度美觀的視覺體驗(yàn)，同時設(shè)置互動亮點(diǎn)，增加用戶訪頁面次數(shù)及停留時間。

（五）虛擬現(xiàn)實(shí)（VR）

雖然VR技術(shù)當(dāng)前主要應(yīng)用于游戲領(lǐng)域，但隨著用戶獲取信息的需求升級，其必將走進(jìn)媒體融合場景。VR應(yīng)用的UI界面設(shè)計(jì)從二維變成三維，除了設(shè)計(jì)規(guī)范與交互形式會發(fā)生變革，安全性與舒適性也將變?yōu)樨酱鉀Q的設(shè)計(jì)問題。

四、總結(jié)

媒體融合已經(jīng)進(jìn)入深水區(qū)，用戶使用場景愈發(fā)細(xì)分化、多元化，與之匹配的UI界面設(shè)計(jì)也無法參照既有經(jīng)驗(yàn)僅考慮視覺美觀，要深入理解用戶需求、以用戶為中心、以技術(shù)為先導(dǎo)，形成一個動態(tài)可迭代的UI界面設(shè)計(jì)體系標(biāo)準(zhǔn)，確保自身產(chǎn)品在媒體融合場景變革中占有一席之地。