從谷歌公眾號(hào)項(xiàng)目UI設(shè)計(jì)變更談品牌戰(zhàn)略與用戶(hù)體驗(yàn)

谷歌公眾號(hào)項(xiàng)目涉及谷歌廣告和谷歌營(yíng)銷(xiāo)等多方面，以下我們最初設(shè)計(jì)的UI版本：

這套UI設(shè)計(jì)主要問(wèn)題在于AdSense和AdMob的切換很不明顯，雖然五個(gè)圖標(biāo)變化了，而且點(diǎn)擊進(jìn)去的內(nèi)容也是各不相同的，但是不仔細(xì)看，甚至沒(méi)有點(diǎn)擊進(jìn)去的時(shí)候，還以為界面沒(méi)有換過(guò)。

以下是經(jīng)過(guò)產(chǎn)品經(jīng)理改造的UI。

除了用戶(hù)的視覺(jué)沖擊感更強(qiáng)烈之外，這套UI的設(shè)計(jì)還體現(xiàn)了AdSense和AdMob藍(lán)紅兩種完全不同的品牌主題風(fēng)格。

內(nèi)容管理方面統(tǒng)一使用延譽(yù)寶CMS（微讀客）的后臺(tái)，雖然這套SaaS自帶了超過(guò)500套手機(jī)網(wǎng)站的模板，但與Google品牌戰(zhàn)略一致的主題風(fēng)格卻沒(méi)有。這也不奇怪，畢竟各家公司都有自己的風(fēng)格，比如蘋(píng)果公司的圖標(biāo)邊角給人感覺(jué)很圓潤(rùn)，沒(méi)有直角風(fēng)格，而微軟公司的圖標(biāo)幾乎都說(shuō)直角，給人感覺(jué)很正氣 。所以，選幾個(gè)延譽(yù)寶的成熟模板，經(jīng)過(guò)產(chǎn)品經(jīng)理的設(shè)計(jì)和程序員的二次開(kāi)發(fā)，渾然天成的UI出爐了。

新UI將Google品牌的色彩和簡(jiǎn)約平面風(fēng)格體現(xiàn)淋漓盡致，用戶(hù)體驗(yàn)感爆棚，充分體現(xiàn)了產(chǎn)品經(jīng)理對(duì)客戶(hù)需求的理解，將客戶(hù)的品牌價(jià)值和用戶(hù)體驗(yàn)做到極致。

除了“問(wèn)題索引”功能模塊的界面，我們?cè)賮?lái)討論“智能問(wèn)答”這個(gè)功能模塊的案例。

智能問(wèn)答的業(yè)務(wù)邏輯是在延譽(yù)智能問(wèn)答引擎基礎(chǔ)上做二次開(kāi)發(fā)，因此自然語(yǔ)言處理和在線(xiàn)客服的軟件功能成熟穩(wěn)定，要做的就是UI開(kāi)發(fā)和業(yè)務(wù)對(duì)接。以下兩個(gè)界面是改進(jìn)前后智能問(wèn)答的界面：

同樣表現(xiàn)的內(nèi)容，經(jīng)過(guò)改造后的UI空間布局更加合理，色彩感更加強(qiáng)烈。同時(shí)，歡迎消息中將谷歌廣告聯(lián)盟的兩大金剛在入口做了區(qū)分，既滿(mǎn)足了不同的用戶(hù)群體，又體現(xiàn)了細(xì)分的用戶(hù)體驗(yàn)。

用戶(hù)輸入時(shí)候的智能提示也是產(chǎn)品經(jīng)理對(duì)功能設(shè)計(jì)的一大亮點(diǎn)，通過(guò)合理的引導(dǎo)，包括對(duì)分類(lèi)關(guān)鍵詞相關(guān)內(nèi)容的智能匹配，提高了對(duì)問(wèn)題答案的一次性匹配率。

軟件產(chǎn)品經(jīng)理在項(xiàng)目開(kāi)發(fā)過(guò)程中，要充分考慮公眾號(hào)、小程序、APP等用戶(hù)入口的體驗(yàn)，化繁為簡(jiǎn)，將復(fù)雜的業(yè)務(wù)邏輯包裝在產(chǎn)品里面，留給用戶(hù)最方便最舒服的部分，值得我們參考借鑒。