從谷歌公眾號(hào)項(xiàng)目UI設(shè)計(jì)變更談品牌戰(zhàn)略與用戶(hù)體驗(yàn)
2018年6月25日 11691 5谷歌公眾號(hào)項(xiàng)目涉及谷歌廣告和谷歌營(yíng)銷(xiāo)等多方面,經(jīng)改造后,除了用戶(hù)的視覺(jué)沖擊感更強(qiáng)烈之外,這套UI的設(shè)計(jì)還體現(xiàn)了AdSense和AdMob紅藍(lán)兩種完全不同的品牌主題風(fēng)格,用戶(hù)體驗(yàn)感爆棚,充分體現(xiàn)了產(chǎn)品經(jīng)理對(duì)客戶(hù)需求的理解。內(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等用戶(hù)入口的體驗(yàn),化繁為簡(jiǎn),將復(fù)雜的業(yè)務(wù)邏輯包裝在產(chǎn)品里面,留給用戶(hù)最方便最舒服的部分,值得我們參考借鑒。
谷歌公眾號(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ù)最方便最舒服的部分,值得我們參考借鑒。
最近更新
- 小程序和APP在線(xiàn)開(kāi)發(fā)制作說(shuō)明:超過(guò)100個(gè)設(shè)置選項(xiàng)自動(dòng)生成企業(yè)官網(wǎng)/商城網(wǎng)站/拼團(tuán)秒殺分銷(xiāo)/智能建站2.0
- 網(wǎng)站轉(zhuǎn)APP,WordPress轉(zhuǎn)小程序,安卓蘋(píng)果微信百度支付寶抖音全平臺(tái)小程序
- 物聯(lián)網(wǎng)的底層通信與應(yīng)用案例深度剖析
- 延譽(yù)小工單軟件產(chǎn)品介紹和使用幫助
- 企業(yè)網(wǎng)站與商城 APP 開(kāi)發(fā):AI 助力有限,程序員地位難撼
- 電腦端登錄忘記密碼怎么辦?
- 國(guó)際版進(jìn)銷(xiāo)存軟件:不容忽視的多重弊端
- 獨(dú)立站熱度不減,谷歌百度排名依然堅(jiān)挺
- 獨(dú)立站技術(shù)方案:WordPress三合一企業(yè)網(wǎng)站建設(shè)
- 商城APP和商城小程序運(yùn)營(yíng)推廣:智能建站2.0幫助手冊(cè)
猜你喜歡
- 微信支付服務(wù)商為特約商戶(hù)綁定APP支付流程總結(jié)
- 選擇延譽(yù)獨(dú)立電商系統(tǒng)打造企業(yè)“互聯(lián)網(wǎng)+”
- 虛擬現(xiàn)實(shí)軟件開(kāi)發(fā)商遭遇很多尷尬
- 延譽(yù)寶CMS(微讀客)制作的移動(dòng)海報(bào)案例賞析
- 微信公眾賬號(hào)應(yīng)用方案之金幣計(jì)劃
- 為什么要支付基礎(chǔ)會(huì)員費(fèi)?
- APP備案政策已出,企業(yè)及時(shí)申請(qǐng),個(gè)人勝算不大
- H5商城中增加自定義HTML,實(shí)現(xiàn)個(gè)性化商城首頁(yè)
- 代理商加盟 代理商控制臺(tái)操作說(shuō)明
- 上海延譽(yù):軟件項(xiàng)目是怎么做出來(lái)的?