從谷歌公眾號(hào)項(xiàng)目UI設(shè)計(jì)變更談品牌戰(zhàn)略與用戶體驗(yàn)
2018年6月25日 12818 5谷歌公眾號(hào)項(xiàng)目涉及谷歌廣告和谷歌營(yíng)銷等多方面,經(jīng)改造后,除了用戶的視覺(jué)沖擊感更強(qiáng)烈之外,這套UI的設(shè)計(jì)還體現(xiàn)了AdSense和AdMob紅藍(lán)兩種完全不同的品牌主題風(fēng)格,用戶體驗(yàn)感爆棚,充分體現(xiàn)了產(chǎn)品經(jīng)理對(duì)客戶需求的理解。內(nèi)容管理方面統(tǒng)一使用延譽(yù)寶CMS(微讀客)的后臺(tái),雖然這套SaaS自帶了超過(guò)500套手機(jī)網(wǎng)站的模板,但與Google品牌戰(zhàn)略一致的主題風(fēng)格卻沒(méi)有。這也不奇怪,比如蘋(píng)果公司的圖標(biāo)邊角給人感覺(jué)很圓潤(rùn),沒(méi)有直角風(fēng)格,而微軟公司的圖標(biāo)幾乎都說(shuō)直角,給人感覺(jué)很正氣 。軟件產(chǎn)品經(jīng)理在項(xiàng)目開(kāi)發(fā)過(guò)程中,要充分考慮公眾號(hào)、小程序、APP等用戶入口的體驗(yàn),化繁為簡(jiǎn),將復(fù)雜的業(yè)務(wù)邏輯包裝在產(chǎn)品里面,留給用戶最方便最舒服的部分,值得我們參考借鑒。
谷歌公眾號(hào)項(xiàng)目涉及谷歌廣告和谷歌營(yíng)銷等多方面,以下我們最初設(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。
除了用戶的視覺(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)淋漓盡致,用戶體驗(yàn)感爆棚,充分體現(xiàn)了產(chǎn)品經(jīng)理對(duì)客戶需求的理解,將客戶的品牌價(jià)值和用戶體驗(yàn)做到極致。
除了“問(wèn)題索引”功能模塊的界面,我們?cè)賮?lái)討論“智能問(wèn)答”這個(gè)功能模塊的案例。
智能問(wèn)答的業(yè)務(wù)邏輯是在延譽(yù)智能問(wèn)答引擎基礎(chǔ)上做二次開(kāi)發(fā),因此自然語(yǔ)言處理和在線客服的軟件功能成熟穩(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ū)分,既滿足了不同的用戶群體,又體現(xiàn)了細(xì)分的用戶體驗(yàn)。
用戶輸入時(shí)候的智能提示也是產(chǎn)品經(jīng)理對(duì)功能設(shè)計(jì)的一大亮點(diǎn),通過(guò)合理的引導(dǎo),包括對(duì)分類關(guān)鍵詞相關(guān)內(nèi)容的智能匹配,提高了對(duì)問(wèn)題答案的一次性匹配率。
軟件產(chǎn)品經(jīng)理在項(xiàng)目開(kāi)發(fā)過(guò)程中,要充分考慮公眾號(hào)、小程序、APP等用戶入口的體驗(yàn),化繁為簡(jiǎn),將復(fù)雜的業(yè)務(wù)邏輯包裝在產(chǎn)品里面,留給用戶最方便最舒服的部分,值得我們參考借鑒。
最近更新
- 網(wǎng)站轉(zhuǎn)APP,WordPress轉(zhuǎn)小程序,安卓蘋(píng)果微信百度支付寶抖音全平臺(tái)小程序
- 小程序和APP在線開(kāi)發(fā)制作說(shuō)明:超過(guò)100個(gè)設(shè)置選項(xiàng)自動(dòng)生成企業(yè)官網(wǎng)/商城網(wǎng)站/拼團(tuán)秒殺分銷/智能建站2.0
- 能用來(lái)做小程序嗎?答案都在這兒!
- 延譽(yù)小工單軟件產(chǎn)品介紹和使用幫助
- 物聯(lián)網(wǎng)的底層通信與應(yīng)用案例深度剖析
- 企業(yè)網(wǎng)站與商城 APP 開(kāi)發(fā):AI 助力有限,程序員地位難撼
- 電腦端登錄忘記密碼怎么辦?
- 國(guó)際版進(jìn)銷存軟件:不容忽視的多重弊端
- 獨(dú)立站熱度不減,谷歌百度排名依然堅(jiān)挺
- 獨(dú)立站技術(shù)方案:WordPress三合一企業(yè)網(wǎng)站建設(shè)
猜你喜歡
- 能用來(lái)做小程序嗎?答案都在這兒!
- 用視頻介紹產(chǎn)品:為商品詳情頁(yè)增加宣傳視頻
- 企業(yè)法人快速注冊(cè)微信小程序
- 上海延譽(yù):軟件項(xiàng)目是怎么做出來(lái)的?
- 移動(dòng)互聯(lián)網(wǎng)反客為主取代互聯(lián)網(wǎng)
- 曠日持久的上海封控啟示錄:自己動(dòng)手打造豐衣足食的生產(chǎn)力工具
- 延譽(yù)客戶關(guān)系管理軟件(CRM系統(tǒng))
- 新零售模式下會(huì)員管理營(yíng)銷實(shí)戰(zhàn)最新簡(jiǎn)報(bào)
- 微信、淘寶、百度、抖音:關(guān)于“打通”和解除屏蔽,互聯(lián)網(wǎng)大廠的恩怨情仇
- WordPress網(wǎng)站轉(zhuǎn)微信小程序開(kāi)發(fā)技術(shù)要點(diǎn)和費(fèi)用清單