設(shè)計(jì)沉思錄|美事升級(jí),不止于改版
在產(chǎn)品的迭代升級(jí)過(guò)程中,改版設(shè)計(jì)是常常會(huì)遇到的問(wèn)題。文章對(duì)58集團(tuán)內(nèi)部協(xié)作平臺(tái)——美事的升級(jí)改版進(jìn)行了詳細(xì)的梳理,對(duì)遇到的一些問(wèn)題進(jìn)行了分析總結(jié),供大家參考學(xué)習(xí)。
01 背景
美事作為58集團(tuán)的內(nèi)部協(xié)作平臺(tái),服務(wù)全公司兩萬(wàn)多名員工,如今發(fā)展了兩年多,內(nèi)容愈發(fā)龐雜,產(chǎn)品同學(xué)希望通過(guò)改版來(lái)提升用戶體驗(yàn)。
“提升整體體驗(yàn)”是一個(gè)非常開(kāi)放的命題,它不同于之前基于具體需求和目標(biāo)設(shè)計(jì)任務(wù)。這也為我們挖掘更多設(shè)計(jì)機(jī)會(huì),實(shí)現(xiàn)更多維設(shè)計(jì)服務(wù)進(jìn)階提供了機(jī)遇。
02 體驗(yàn)設(shè)計(jì),以專業(yè)性支持業(yè)務(wù)
對(duì)于內(nèi)部辦公服務(wù)產(chǎn)品,好的體驗(yàn)?zāi)艽龠M(jìn)員工提升工作效率,對(duì)企業(yè)運(yùn)作也是大有裨益。作為一個(gè)中臺(tái)團(tuán)隊(duì),設(shè)計(jì)師們沉淀了各種專業(yè)的體驗(yàn)設(shè)計(jì)流程,能夠迅速支撐到業(yè)務(wù)需求。交互同學(xué)通過(guò)流程化設(shè)計(jì)為美事平臺(tái)帶來(lái)了更好的基礎(chǔ)體驗(yàn),也幫助產(chǎn)品建立了體驗(yàn)迭代機(jī)制。
兵馬未動(dòng),糧草先行——用戶研究是設(shè)計(jì)的關(guān)鍵儲(chǔ)備
由于是初次合作,設(shè)計(jì)同學(xué)要找準(zhǔn)用戶體驗(yàn)提升的發(fā)力點(diǎn),基礎(chǔ)資料必不可少。于是通過(guò)敏捷訪談了解用戶特質(zhì)和使用場(chǎng)景,同時(shí)組織問(wèn)題走查,梳理現(xiàn)有流程問(wèn)題和功能BUG。
不僅如此,我們通過(guò)數(shù)據(jù)分析了解用戶的熱力分布,發(fā)現(xiàn)不同類型、職能的用戶擁有不一樣的工作流程。這幫助我們?cè)谔嵘w驗(yàn)這件事上探明了更可靠的方向。
結(jié)合以上調(diào)研的內(nèi)容,我們整理了美事體驗(yàn)升級(jí)的幾個(gè)關(guān)鍵點(diǎn):功能認(rèn)知,內(nèi)容檢索,場(chǎng)景分發(fā)。
磨刀不誤砍柴功,透徹的分析是好設(shè)計(jì)的開(kāi)始
在上述關(guān)鍵點(diǎn)里面,我們針對(duì)功能認(rèn)知展開(kāi)了卡片分類測(cè)試——了解用戶對(duì)40多項(xiàng)功能的認(rèn)知心理。幫助設(shè)計(jì)人員更好地梳理功能關(guān)系,節(jié)約用戶的觸達(dá)成本和記憶成本,提升使用效率。
對(duì)于場(chǎng)景分發(fā),我們梳理了每個(gè)場(chǎng)景的用戶需求,提煉了關(guān)鍵解決方案。
精益求精,打磨設(shè)計(jì)方案
在方案探索上,我們也花費(fèi)了很多功夫。從最初的概念稿到落地方案,設(shè)計(jì)同學(xué)嘗試了十多種方向,在層層評(píng)審下過(guò)關(guān)斬將。
美事首頁(yè)的方案是關(guān)鍵爭(zhēng)議之一,我們?cè)谑醉?yè)框架層上,聚焦核心功能,新增高頻應(yīng)用的分發(fā)入口,提升核心功能的認(rèn)知與曝光率。
在視覺(jué)展現(xiàn)上,增加間距和留白以更好區(qū)分模塊,方便內(nèi)容的瀏覽,提高閱讀的舒適度。
基于前置的分析和調(diào)研,劃分首頁(yè)功能區(qū),對(duì)不同優(yōu)先級(jí)的功能進(jìn)行重新排序整合,強(qiáng)化重點(diǎn)。
在確立了新的首頁(yè)結(jié)構(gòu)后,我們快速的圍繞“活力”“高效”“嚴(yán)謹(jǐn)”構(gòu)建出了新的美事視覺(jué)風(fēng)格,并將之快速延展到全部的主體頁(yè)面。
持續(xù)打磨,建立長(zhǎng)效化體驗(yàn)迭代機(jī)制
我們推動(dòng)建立了比較完善的數(shù)據(jù)埋點(diǎn)和跟蹤基礎(chǔ)建設(shè),為持續(xù)的數(shù)據(jù)跟蹤提供條件。然后建立體驗(yàn)問(wèn)題池,將不連續(xù)的用戶反饋片段匯總在一起,形成完整迭代需求;最后從用戶層,搭建體驗(yàn)滿意度體系,實(shí)現(xiàn)不同時(shí)期的平臺(tái)滿意度檢測(cè),了解用戶的使用體驗(yàn)變化。
03 設(shè)計(jì)服務(wù)進(jìn)階,需求之外的專業(yè)探索
線上產(chǎn)品的設(shè)計(jì)是我們實(shí)現(xiàn)美事體驗(yàn)進(jìn)階的基礎(chǔ),在此基礎(chǔ)上,我們還把視野放到了更加外圍的設(shè)計(jì)服務(wù)上,從一個(gè)設(shè)計(jì)服務(wù)提供者的角度,思考我們還可以給美事帶來(lái)哪些變化。團(tuán)隊(duì)挖掘了三個(gè)與員工生活息息相關(guān)的設(shè)計(jì)機(jī)會(huì):品牌視覺(jué)、服務(wù)觸點(diǎn)、人文關(guān)懷。
1. 品牌視覺(jué)
高頻的辦公場(chǎng)景對(duì)信息噪音有著嚴(yán)格的要求,視覺(jué)降噪是體驗(yàn)升級(jí)的目標(biāo),但降噪而不失品牌質(zhì)感,也是設(shè)計(jì)團(tuán)隊(duì)努力的方向。
通過(guò)梳理當(dāng)前現(xiàn)狀與不足,我們提出了第一個(gè)設(shè)計(jì)進(jìn)階:視覺(jué)降噪、品牌升級(jí)。圍繞視覺(jué)識(shí)別、產(chǎn)品體驗(yàn)等維度提升辦公效率,傳遞公司品牌價(jià)值,深入員工內(nèi)心!
經(jīng)過(guò)視覺(jué)同學(xué)的品牌研究,確定了視覺(jué)目標(biāo)——活潑、嚴(yán)謹(jǐn)、高效,并根據(jù)目標(biāo)定義本次重點(diǎn)方向:強(qiáng)化識(shí)別主體、重新定義顏色、重塑圖標(biāo)設(shè)計(jì)。
(1)強(qiáng)化識(shí)別主體:
舊版LOGO在圖形空間上不協(xié)調(diào),重繪調(diào)整后的圖標(biāo)更平衡、穩(wěn)定。不僅如此,還對(duì)品牌文字進(jìn)行了重新設(shè)計(jì)——尋找與品牌性格及圖形風(fēng)格更加契合的字體骨架,同時(shí)兼顧原有字體的認(rèn)知,在此基礎(chǔ)上進(jìn)行微調(diào)。比如:統(tǒng)一字體的粗細(xì),以及切角的角度,使整體視覺(jué)更加協(xié)調(diào)。
(2)重新定義顏色:
隨著美事上應(yīng)用的增多,各個(gè)業(yè)務(wù)上的應(yīng)用色彩繁多,并沒(méi)有統(tǒng)一的規(guī)范整理、歸類,我們基于現(xiàn)有業(yè)務(wù)的態(tài)勢(shì),整理歸納了應(yīng)用,把所有應(yīng)用分為兩大類,重新定義色彩規(guī)范,以橙紅色作服務(wù)屬性的表達(dá),以藍(lán)色作流程化屬性的表達(dá)。
(3)重塑圖標(biāo)設(shè)計(jì):
圖標(biāo)沿用圓角基因,等寬線條,最簡(jiǎn)化圖標(biāo)造型,在斜面上選定了以45°射線方向切割的,結(jié)合品牌色形狀填充漸變,強(qiáng)化圖形識(shí)別度和品牌設(shè)計(jì)理念。
應(yīng)用圖標(biāo)秉承極度簡(jiǎn)潔,高辨識(shí)度的理念進(jìn)行輕量化設(shè)計(jì)。
2. 服務(wù)觸點(diǎn)
在公司內(nèi)部,美事平臺(tái)不僅僅只是個(gè)APP,還包括線下會(huì)議室預(yù)定的引導(dǎo)牌、還有線上郵件的通知模版、紀(jì)念日通知模版等等。這些都與員工的辦公生活息息相關(guān)。為此設(shè)計(jì)團(tuán)隊(duì)提出第二個(gè)設(shè)計(jì)進(jìn)階:觸點(diǎn)升級(jí)。
我們對(duì)公司線上、線下觸點(diǎn)進(jìn)行盤點(diǎn),對(duì)這些物料進(jìn)行統(tǒng)一模板化設(shè)計(jì),實(shí)現(xiàn)信息的高效推廣和品牌的價(jià)值傳遞。
郵件是公司全員推送的重要渠道,我們對(duì)郵件進(jìn)行響應(yīng)式和模版化設(shè)計(jì),方便傳遞公司信息,也會(huì)樹立員工對(duì)美事的品牌化的認(rèn)知。
趁新版美事上線之際,我們還利用這些觸點(diǎn)測(cè)試信息傳遞效果,從美事新舊版覆蓋速率來(lái)看,服務(wù)觸點(diǎn)升級(jí)取得了優(yōu)異成果。
3. 人文關(guān)懷
作為員工的一部分,深知企業(yè)與員工之間不能單維商業(yè)互動(dòng)與勞力支持,還有生活、情感的關(guān)懷與支持。
58集團(tuán)有員工的司齡紀(jì)念日、也有公司司慶紀(jì)念日,不僅如此,還有各類豐富的活動(dòng)獎(jiǎng)?wù)?。借此機(jī)會(huì),設(shè)計(jì)師提出第三個(gè)設(shè)計(jì)進(jìn)階:“人文關(guān)懷”,基于在職天數(shù)的場(chǎng)景,搭配精選的氛圍圖和勵(lì)志文案,組合成一百多張情感海報(bào),給員工傳遞正能量。
不僅如此,職場(chǎng)生活還有很多成就時(shí)刻,設(shè)計(jì)師們也一起為這個(gè)場(chǎng)景產(chǎn)出了各類勛章,只為員工們的“職場(chǎng)高光”。
這些功能上線后,印證了設(shè)計(jì)團(tuán)隊(duì)的猜想:不少同事均在朋友圈亮出了自己的工齡卡片和榮譽(yù)勛章。不僅是設(shè)計(jì)成果被認(rèn)可,而且我們挖掘的文化要素也借此傳播起來(lái)。
04 在新的起點(diǎn)上出發(fā)
在將近兩個(gè)季度的時(shí)間里,設(shè)計(jì)師們實(shí)現(xiàn)了跨越項(xiàng)目、跨越媒介的進(jìn)階,在各方團(tuán)隊(duì)的通力配合下完成了美事平臺(tái)的服務(wù)提效升級(jí),而這僅僅是新的開(kāi)始。
在鋪墊了長(zhǎng)效化體驗(yàn)監(jiān)控體系、統(tǒng)一了視覺(jué)語(yǔ)言之后,我們還能繼續(xù)挖掘更多辦公提效場(chǎng)景,更多地為員工們提供自動(dòng)化辦公能力和服務(wù),從更多元、更全面的視角來(lái)提供中臺(tái)設(shè)計(jì)服務(wù)。
我們,還能做更多。
作者:環(huán)鐵藝術(shù)家
本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@環(huán)鐵藝術(shù)家
題圖來(lái)自 Unsplash,基于CC0協(xié)議。
厲害啊