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

王樂(lè) 柳州市廣播電視臺(tái)

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

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

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

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

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

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

（一）Material Design（MD）

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

（二）Human Interface Guideline（HIG）

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

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

（一）APP

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

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

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

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

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

（三）網(wǎng)站

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

（四）專(zhuān)題/H5

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

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

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

四、總結(jié)

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