設計沉思錄|美事升級,不止于改版

1 評論 4361 瀏覽 20 收藏 13 分鐘

在產品的迭代升級過程中,改版設計是常常會遇到的問題。文章對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é)議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 厲害啊

    回復