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