看看智能 UI 的設(shè)計(jì)
發(fā)布時(shí)間:2021-12-16 11:09 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3370


背景


UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

為進(jìn)一步提升長(zhǎng)視頻內(nèi)容分發(fā)效率,優(yōu)酷平臺(tái)設(shè)計(jì)團(tuán)隊(duì)發(fā)起智能 UI 項(xiàng)目,我們進(jìn)行了為期半年的一系列測(cè)試,在核心數(shù)據(jù)上已長(zhǎng)期取得正向收益。

借鑒集團(tuán)在這個(gè)方向的探索經(jīng)驗(yàn),我們沉淀了中臺(tái)能力,總結(jié)了符合文娛特性的智能 UI 設(shè)計(jì)方法供大家探討。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)


提效多場(chǎng)景的消費(fèi)決策,不同用戶(hù)“連接”不同內(nèi)容


長(zhǎng)視頻內(nèi)容推薦是智能 UI 的核心發(fā)力場(chǎng)景,我們通過(guò)智能 UI 讓用戶(hù)和內(nèi)容能夠更高效的連接。

1. 不同的用戶(hù):多元化的消費(fèi)者,差異化的決策

因年齡、地域、性別、收入的差異,用戶(hù)在視頻消費(fèi)決策時(shí)會(huì)被不同的“推薦維度”和“UI 樣式”所影響,智能 UI 會(huì)根據(jù)用戶(hù)不同的“易感度”不斷嘗試更有效的 UI 設(shè)計(jì)。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

2. 不同的內(nèi)容:新熱視頻宣發(fā)+庫(kù)存視頻分發(fā)

優(yōu)酷的視頻由“新熱”和“庫(kù)存”組成,“新熱”強(qiáng)調(diào)宣傳和消費(fèi)的時(shí)效性,“庫(kù)存”的特征是量級(jí)大、類(lèi)型多元。

智能 UI 可以幫助單一內(nèi)容多樣化表達(dá),快速引起不同用戶(hù)的消費(fèi)意愿,同時(shí)可以根據(jù)不同內(nèi)容特點(diǎn)調(diào)整 UI 上信息的優(yōu)先級(jí)和形式,例如明星題材、互動(dòng)熱度、觀(guān)看品質(zhì)、行業(yè)評(píng)價(jià)、圈層喜好、價(jià)格優(yōu)惠等等。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)


“3 步”搭建優(yōu)酷智能 UI 系統(tǒng)


1. 建立設(shè)計(jì)目標(biāo)

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

2. 搭建生產(chǎn)閉環(huán):前臺(tái)、中臺(tái)、后臺(tái)

按照不同使用對(duì)象和功能,智能 UI 的生產(chǎn)鏈路可以拆分成 3 個(gè)部分。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

前臺(tái):設(shè)計(jì)元素的數(shù)字

前臺(tái)包含智能 UI 方案對(duì)“用戶(hù)的展示”和“前端能力”,設(shè)計(jì)師需要和前端開(kāi)發(fā)共建,把視覺(jué)樣式翻譯成代碼,顆粒度越細(xì)越意味著面對(duì)用戶(hù)展示的方案在復(fù)雜度和靈活性上可以更高。

中臺(tái):設(shè)計(jì)經(jīng)驗(yàn)沉淀+方案存儲(chǔ)+方案決策

中臺(tái)的功能是讓機(jī)器智能進(jìn)行 UI 方案的生產(chǎn)、存儲(chǔ)、呈現(xiàn),并且提供給業(yè)務(wù)方、個(gè)人工運(yùn)營(yíng)或機(jī)器智能做出投放決策。

確立構(gòu)成 UI 方案的公式

中臺(tái)搭建前期,設(shè)計(jì)師需要拆解所有構(gòu)成 UI 方案的設(shè)計(jì)元素并梳理結(jié)構(gòu)化分類(lèi),同時(shí),形成一套穩(wěn)定組合元素的公式,當(dāng)前公式由“內(nèi)容”、“形式”、“組合方式”三部分組成。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

“內(nèi)容”即視頻的“推薦理由和圖像源”,“形式”是圖像的“布局”和文字的“視覺(jué)樣式”,還有頁(yè)面背景元素,如背景色、圓角、字號(hào)、間距,“組合”是內(nèi)容和形式的多種結(jié)合方式變量。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

個(gè)性化 UI 投放需要方案?jìng)(gè)數(shù)滿(mǎn)足一定量級(jí),同時(shí)在視覺(jué)樣式上要拉開(kāi)差異,這樣投放給不同用戶(hù)才能獲得差異化數(shù)據(jù),幫助算法成長(zhǎng)。

設(shè)計(jì)師需要根據(jù)專(zhuān)業(yè)經(jīng)驗(yàn)幫助算法建立方案的矩陣:洞察并假設(shè)不同方案和不同用戶(hù)之間的關(guān)系,將各種方案按照各自特征歸納和區(qū)分,最后將最核心的特征提煉并形成矩陣上的向限。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

我們可以建立基礎(chǔ) 3 個(gè)向限圖,分別是“用戶(hù)”分類(lèi),“決策類(lèi)型”分類(lèi),“UI 方案”分類(lèi),思考 3 個(gè)向限之間的關(guān)聯(lián),觀(guān)察方案在象限上的分布,可以模糊的找到測(cè)試的方向,幫機(jī)器劃定測(cè)試的優(yōu)先級(jí)。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

每次投放前后,我們可以觀(guān)察方案集中在向限的哪一部分,對(duì)應(yīng)結(jié)果如何,測(cè)試是否有效。接下來(lái),重點(diǎn)放在探索矩陣上的盲區(qū),從方案最大差異化的角度去嘗試對(duì)不同用戶(hù)的吸引力和收益,最終逐步沉淀真正能帶來(lái)長(zhǎng)期效果的 UI 方案組合。

后臺(tái):沉淀數(shù)據(jù)資產(chǎn)

后臺(tái)面對(duì)的主要是業(yè)務(wù)方、運(yùn)營(yíng)、設(shè)計(jì)師,功能是解讀數(shù)據(jù)形成結(jié)論和策略,結(jié)論是“是否有效”,策略是“因何起效”,機(jī)器算法生成的設(shè)計(jì)可能會(huì)帶來(lái)意料之外的收益,從而補(bǔ)充設(shè)計(jì)師假設(shè)之外的經(jīng)驗(yàn)。

不同的業(yè)務(wù)需求,可通過(guò)數(shù)據(jù)報(bào)表可視化直觀(guān)看到方案對(duì)應(yīng)的用戶(hù)畫(huà)像,反之也可以看到用戶(hù)對(duì)不同方案的度敏感。比起以前設(shè)計(jì)師憑借經(jīng)驗(yàn)和表述能力去反推業(yè)務(wù),數(shù)據(jù)佐證更簡(jiǎn)單直觀(guān),這降低了多方溝通成本,也更清晰的衡量了設(shè)計(jì)的價(jià)值。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

3. 明確 UI 設(shè)計(jì)原則

長(zhǎng)視頻娛樂(lè)是各種故事、熱鬧的場(chǎng)景、影劇綜是一個(gè)個(gè)虛擬的世界,混雜著多重感官刺激,智能 UI 作為包裝它們的容器,應(yīng)持續(xù)圍繞著內(nèi)容特性出發(fā),隨著創(chuàng)意元素和機(jī)器生成方案的量級(jí)變大,需要明確設(shè)計(jì)原則劃定創(chuàng)意的邊界,我們從平時(shí)大家經(jīng)常說(shuō)的一些關(guān)鍵詞總結(jié)原則,檢查 UI 方案是否符合初衷、有無(wú)偏離。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

從受眾用戶(hù)特性出發(fā)

差異化、品質(zhì)感、易感知

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

從視頻內(nèi)容類(lèi)型出發(fā)

沉浸感、故事性、情緒化

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

4. 一些實(shí)踐經(jīng)驗(yàn)

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

多 UI 模塊之間的流量分配

智能 UI 的測(cè)試一般從小范圍開(kāi)始,從單個(gè)模塊向多個(gè)模塊擴(kuò)展,最終覆蓋整個(gè)頁(yè)面。前期測(cè)試,核心關(guān)注單一模塊的新老效果對(duì)比,隨著局部數(shù)據(jù)提升,測(cè)試的多個(gè)模塊會(huì)互相爭(zhēng)搶流量,這需要我們重新明確當(dāng)前頁(yè)面的整體目標(biāo),通過(guò)調(diào)整模塊上下次序或出現(xiàn)頻次去達(dá)成。

宣發(fā)和分發(fā)型 UI 模塊的平衡

“宣發(fā)型 UI”包含排行榜,合集等服務(wù)于用戶(hù)的功能,大多數(shù)用戶(hù)已有固定使用心智,可以在不損失使用效率的同做到“視覺(jué)有差異”但“占比小”,以幫助其余“分發(fā)型 UI”有更多曝光空間。

信息的密度和模塊的高度,影響瀏覽深度

長(zhǎng)視頻內(nèi)容宣發(fā)存在密集期和空檔期,通過(guò)控制“信息曝光密度”和“模塊高度”兩者的相互關(guān)系,可以根據(jù)業(yè)務(wù)需求引導(dǎo)用戶(hù)瀏覽深度,例如,信息密度變低,促進(jìn)用戶(hù)下滑去分發(fā)庫(kù)存內(nèi)容,信息密度變高,減少下滑更多曝光新內(nèi)容。

“點(diǎn)擊”和“轉(zhuǎn)化”的平衡

點(diǎn)擊量和最終轉(zhuǎn)化在漏斗上的比例,需要根據(jù)業(yè)務(wù)訴求維持在合理的范圍!包c(diǎn)擊”升高,“轉(zhuǎn)化”降低,意味著個(gè)性化的 UI 讓用戶(hù)有了更大的探索欲望,“點(diǎn)擊”降低,“轉(zhuǎn)化“升高,意味著個(gè)性化 UI 讓用戶(hù)更短路徑獲得了自己預(yù)期的內(nèi)容,“點(diǎn)擊”升高,“轉(zhuǎn)化”升高,提升了用戶(hù)對(duì)頁(yè)面總體的興趣,每一種點(diǎn)擊轉(zhuǎn)化比例都是有利有弊的,需要根據(jù)業(yè)務(wù)情況去使用。


4 個(gè)趨勢(shì):智能 UI 的未來(lái)


移動(dòng)端的競(jìng)爭(zhēng)日益激烈,人口紅利見(jiàn)頂,新用戶(hù)增長(zhǎng)放緩,個(gè)人使用時(shí)長(zhǎng)接近極限。越來(lái)越多的服務(wù)和信息在用戶(hù)流量集中的移動(dòng)端 app 中復(fù)雜交織!熬(xì)化分發(fā)”成為基礎(chǔ)底層需求,這需要“UI 設(shè)計(jì)”更加匹配對(duì)應(yīng)的“人群”

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

1. 更圍繞用戶(hù)“個(gè)體”的 UI 設(shè)計(jì)

用戶(hù)側(cè):獲取的主動(dòng)性降低

面對(duì)信息的沖擊,用戶(hù)在不斷降低為“信息獲取”所付出的成本。觸達(dá)界面減少,瀏覽碎片化,操作路徑固化且行為單一,瀏覽深度和耐心持續(xù)降低。

平臺(tái)側(cè):推薦的效率提升

為了更多商業(yè)空間,業(yè)務(wù)的服務(wù)不斷精細(xì)的區(qū)分用戶(hù)類(lèi)型,試圖對(duì)用戶(hù)“需求、意愿”進(jìn)行更準(zhǔn)確的“理解、預(yù)判”,提升精準(zhǔn)的服務(wù)。

2. 不斷的精細(xì)化:從“推薦維度”個(gè)性化到“推薦形式”多元化

5G、社區(qū)化、內(nèi)容化等讓曾經(jīng)主流的“圖文”向“視頻”轉(zhuǎn)變,商品“個(gè)性化”過(guò)渡到“推薦維度”和“形式”的“個(gè)性化”。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

3. 重新定義設(shè)計(jì)師和設(shè)計(jì)工作 — UI生產(chǎn)方式“智能”VS“人工”

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

UI 設(shè)計(jì)“傳統(tǒng)流程”

線(xiàn)性的工作流:時(shí)間成本

傳統(tǒng) UI 設(shè)計(jì)是強(qiáng)業(yè)務(wù)訴求驅(qū)動(dòng),設(shè)計(jì)處于工作鏈條上的中下游。決策方通過(guò)競(jìng)對(duì)和成本等條件去判斷多套 UI 方案的優(yōu)劣,評(píng)估過(guò)程時(shí)間較長(zhǎng)。

只能投放單一方案:用戶(hù)流失

當(dāng)業(yè)務(wù)的用戶(hù)量級(jí)較大、構(gòu)成復(fù)雜時(shí),單一方案對(duì)全量用戶(hù)的做法會(huì)犧牲部分用戶(hù)的體驗(yàn),在流量?jī)r(jià)值越來(lái)越高的時(shí)代,無(wú)法服務(wù)更多類(lèi)型用戶(hù)意味著難以實(shí)現(xiàn)最大規(guī)模的留存。

決策缺乏數(shù)據(jù)支撐:設(shè)計(jì)返工

方案投放后沒(méi)有得到理想的數(shù)據(jù),意味著需要重新評(píng)估各方策略,設(shè)計(jì)在這一刻容易失焦,原因是缺乏量化且精準(zhǔn)的數(shù)據(jù)指導(dǎo)修改。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)

UI 設(shè)計(jì)“智能流程”

發(fā)揮人與機(jī)器各自的優(yōu)勢(shì)

在智能 UI 項(xiàng)目中,設(shè)計(jì)師的優(yōu)勢(shì)在于“經(jīng)驗(yàn),假設(shè),情感,直覺(jué),用戶(hù)的角度”,機(jī)器智能的優(yōu)勢(shì)是“自動(dòng)投放、海量精細(xì)數(shù)據(jù)回收、數(shù)據(jù)存儲(chǔ)、策略生成、生成設(shè)計(jì)、產(chǎn)能提升(速度,規(guī)模)”。

設(shè)計(jì)師的角色和定位改變

傳統(tǒng) UI 的設(shè)計(jì)師憑借“經(jīng)驗(yàn)和技能”直接產(chǎn)生設(shè)計(jì)方案,而智能 UI 要求設(shè)計(jì)師重點(diǎn)在于設(shè)計(jì)一個(gè)“產(chǎn)生方案”的“設(shè)計(jì)系統(tǒng)”,將設(shè)計(jì)環(huán)節(jié)“工程化”,通過(guò)多方案追求整體提升,而不是追求某一設(shè)計(jì)方案本身。

減少設(shè)計(jì)內(nèi)耗,專(zhuān)注設(shè)計(jì)專(zhuān)業(yè),明確設(shè)計(jì)價(jià)值

通過(guò)智能 UI 能力,設(shè)計(jì)師也可以減少人力消耗,更專(zhuān)注于新技能開(kāi)發(fā)、設(shè)計(jì)策略沉淀和準(zhǔn)確選擇,同時(shí),在業(yè)務(wù)大目標(biāo)不變的情況下,設(shè)計(jì)師可以借數(shù)據(jù)和智能 UI 的能力主動(dòng)自驅(qū),不必完全等待需求。

4. 更科學(xué)的降低設(shè)計(jì)成本 — 一次性投入,長(zhǎng)期積累

區(qū)別于傳統(tǒng) UI 在成本上的反復(fù)投入,智能 UI 的投入是一次性的,投入后即成為積累。

UI 進(jìn)化論:優(yōu)酷智能 UI 設(shè)計(jì)


寫(xiě)在結(jié)尾


由于以前的技術(shù)限制,我們沒(méi)有能力去實(shí)現(xiàn)個(gè)體的在 UI 上的體驗(yàn)差異,隨著中國(guó)人口比例和移動(dòng)互聯(lián)網(wǎng)用戶(hù)構(gòu)成的變化,商業(yè)和個(gè)性化體驗(yàn)會(huì)關(guān)聯(lián)的越發(fā)緊密。業(yè)務(wù)需要通過(guò)更精細(xì)精準(zhǔn)的服務(wù)完成營(yíng)收,隨著數(shù)據(jù)帶寬和技術(shù)不斷提升,UI 設(shè)計(jì)從生產(chǎn)方式到方案勢(shì)必不斷變革。

隨著更人性化的需求在各領(lǐng)域的滲透,相信越來(lái)越多垂類(lèi)場(chǎng)景的智能 UI 項(xiàng)目會(huì)出現(xiàn)在我們身邊,影響每一個(gè)人。

零基礎(chǔ)教你做UI
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC