2021-4-19 資深UI設(shè)計(jì)者
編輯導(dǎo)讀：隨著公司和業(yè)務(wù)的不斷發(fā)展，原先的系統(tǒng)不一定適用于現(xiàn)在的場(chǎng)景，因此需要進(jìn)行升級(jí)改造。作為設(shè)計(jì)師，我們是如何系統(tǒng)性地去為業(yè)務(wù)帶來(lái)更多的體系化的價(jià)值？本文作者將從五個(gè)方面進(jìn)行分析，與你分享。
項(xiàng)目背景：
當(dāng)公司的發(fā)展規(guī)模到一定程度時(shí)，考慮到信息安全、持續(xù)采購(gòu)成本與相關(guān)風(fēng)險(xiǎn)，企業(yè)會(huì)采取自研的方式來(lái)實(shí)現(xiàn)部分協(xié)同工作軟件的自產(chǎn)與自用，本文將以內(nèi)部目標(biāo)管理系統(tǒng)為例，闡述我們是如何系統(tǒng)化的做企業(yè)系統(tǒng)設(shè)計(jì)改版？
什么是OKR？
OKR，是Objectives 和Key Results 的縮寫，即目標(biāo)和關(guān)鍵結(jié)果，它是企業(yè)進(jìn)行目標(biāo)制定和過(guò)程管理的重要手段。采取OKR的管理方法，將公司目標(biāo)層層分解到團(tuán)隊(duì)，部門再到個(gè)人，在各個(gè)層面貫穿和統(tǒng)一起來(lái)，以幫助實(shí)現(xiàn)目標(biāo)達(dá)成。
改版的契機(jī)是什么？
改版不是設(shè)計(jì)說(shuō)想改就能改，在做新的OKR系統(tǒng)之前，之前是通過(guò)「績(jī)效系統(tǒng)」來(lái)進(jìn)行目標(biāo)管理和績(jī)效評(píng)估，支持簡(jiǎn)單的制定和結(jié)果的評(píng)估的使用，因系統(tǒng)操作流程、界面體驗(yàn)、業(yè)務(wù)場(chǎng)景已經(jīng)嚴(yán)重的影響到目標(biāo)管理的效率和效果，具體體現(xiàn)在幾個(gè)方面：
總之，工具的體驗(yàn)已經(jīng)是嚴(yán)重影響公司員工目標(biāo)管理的一道障礙，所以如何將整體的系統(tǒng)操作體驗(yàn)提升起來(lái)是設(shè)計(jì)急需去解決的問(wèn)題。
那么，確定有問(wèn)題需要改，作為設(shè)計(jì)師，我們是如何去系統(tǒng)性的去為業(yè)務(wù)帶來(lái)更多的體系化的價(jià)值？
理清業(yè)務(wù)目標(biāo)，制定設(shè)計(jì)策略，是系統(tǒng)性改版產(chǎn)品的前提，在實(shí)際工作中設(shè)計(jì)師很容易被產(chǎn)品的原型、對(duì)產(chǎn)品的描述蒙蔽，只有非常清楚的理清業(yè)務(wù)的目標(biāo)，才能制定系統(tǒng)性、合理的設(shè)計(jì)策略來(lái)支撐業(yè)務(wù)，通過(guò)專業(yè)的設(shè)計(jì)方法來(lái)助力業(yè)務(wù)結(jié)果的達(dá)成，在這個(gè)項(xiàng)目中我們是如何做的呢？
對(duì)焦業(yè)務(wù)目標(biāo)：
OKR系統(tǒng)的改版項(xiàng)目最開始是高層的訴求，提的業(yè)務(wù)要求很簡(jiǎn)單“讓大家用起來(lái)，目標(biāo)管理起來(lái)”，那么如何讓大家用起來(lái)、利用系統(tǒng)將目標(biāo)管理起來(lái)是當(dāng)前需要解決的的問(wèn)題。
“讓大家用起來(lái)，目標(biāo)管理起來(lái)”需要去解析的是，為什么舊的系統(tǒng)大家用不起來(lái)？為什么目標(biāo)管理有這個(gè)管理機(jī)制，但是沒有依賴于系統(tǒng)管理起來(lái)？
制定系統(tǒng)的設(shè)計(jì)支持策略：
設(shè)計(jì)師同行可能會(huì)問(wèn)：不都是做需求嗎，有啥做啥，有啥策略可言？如果是以這樣的方式來(lái)做設(shè)計(jì)改版，很有可能會(huì)被業(yè)務(wù)方牽著跑，即便是知道對(duì)方堅(jiān)持的不是很合理，但也沒有辦法來(lái)推動(dòng)這件事往更好的方向發(fā)展。
理解用戶，溯源本質(zhì)問(wèn)題，是最設(shè)計(jì)環(huán)節(jié)必不可少的環(huán)節(jié)，通過(guò)對(duì)用戶的深入研究，挖掘本質(zhì)的共性的問(wèn)題。在這個(gè)項(xiàng)目中，我們通過(guò)定量+定性的手段獲取用戶的心聲：
定量問(wèn)卷——獲取用戶的基礎(chǔ)的問(wèn)題：
前期在公司內(nèi)部針對(duì)普通員工、MGR、HRBP、高層4種角色，調(diào)研了100多位內(nèi)部用戶的心聲，將不同崗位和職級(jí)對(duì)于績(jī)效系統(tǒng)的問(wèn)題真實(shí)反饋收集匯總。
定性訪談——深入獲取用戶的訴求：
因?yàn)橄到y(tǒng)面向?qū)ο笫瞧髽I(yè)內(nèi)部員工，所以針對(duì)每個(gè)角色都做了訪談?wù){(diào)研，深入的挖掘他們對(duì)當(dāng)前的產(chǎn)品使用問(wèn)題，并將問(wèn)題按照核心流程中所涉及的角色在不同階段所需的操作和流程進(jìn)行了梳理，整個(gè)階段拆解為：制定階段、執(zhí)行階段、結(jié)束回顧三個(gè)主要階段，拆解每個(gè)角色在這些階段中的觸點(diǎn)和機(jī)會(huì)點(diǎn)。
結(jié)合問(wèn)卷、專訪談的分析和梳理，篩選出目前系統(tǒng)的核心問(wèn)題：制定流程、對(duì)齊關(guān)系、過(guò)程跟蹤、信息觸達(dá)。
在前面已經(jīng)初步發(fā)現(xiàn)和定義了問(wèn)題，這么多分散的問(wèn)題如果平鋪出來(lái)可能會(huì)嚇到產(chǎn)品和研發(fā)，所以接下來(lái)需要將其系統(tǒng)化的變?yōu)檎w的設(shè)計(jì)方案，我們需要將其串聯(lián)成完整的場(chǎng)景，然后逐步擊破，我們是如何做的呢？
重點(diǎn)模塊及爭(zhēng)議點(diǎn)的討論：
在場(chǎng)景分析前期，我們?cè)O(shè)計(jì)內(nèi)部針對(duì)“核心階段”、”對(duì)齊關(guān)系“、”權(quán)限管理“、”全員OKR“進(jìn)行了討論和范疇的界定，對(duì)以下問(wèn)題進(jìn)行了討論：
梳理清楚角色關(guān)系圖，有助于多方去理解各個(gè)維度的關(guān)系：
結(jié)合業(yè)務(wù)需求，賦予體驗(yàn)價(jià)值：
OKR系統(tǒng)雖然最為一個(gè)內(nèi)部管理系統(tǒng)，我們也逐步在設(shè)計(jì)側(cè)去從“具有功能價(jià)值”往”“賦予體驗(yàn)價(jià)值”去發(fā)力，將更多的“能”和“可以”轉(zhuǎn)變?yōu)椤胺奖恪?、“?jiǎn)單”和“輕量化”等，來(lái)提升各個(gè)流程階段中的體驗(yàn)，比如：
具體到串聯(lián)場(chǎng)景怎么去理解？
一個(gè)新的OKR周期會(huì)經(jīng)歷三個(gè)主要階段，每個(gè)階段會(huì)涉及到多個(gè)節(jié)點(diǎn)，在每個(gè)一個(gè)節(jié)點(diǎn)上去思考發(fā)力方向：
為了便于理解，將關(guān)鍵的場(chǎng)景提供了比較簡(jiǎn)短的描述，這個(gè)描述就是從舊到新的過(guò)程，后面的設(shè)計(jì)展示也是圍繞著這些內(nèi)容進(jìn)行展開，具體如下：
1）制定階段，包含寫、看、評(píng)、管
寫：輕松撰寫，高效共創(chuàng)
看：簡(jiǎn)單查看，便于跟進(jìn)
評(píng)：輕量互動(dòng)，便于記錄
管：高效審核，隨時(shí)跟進(jìn)；條條對(duì)齊，事事關(guān)聯(lián)；
2）執(zhí)行階段，包含更、改、推
更：隨時(shí)更新，條條追溯
改：慎重修改，條條有據(jù)
推：合理推送，終端打通
3）結(jié)束回顧，包含查看、追溯、復(fù)盤
查看：快捷查看歷史周期
追溯：記錄明顯標(biāo)記，事事追蹤溯源
復(fù)盤：復(fù)盤總結(jié)，目標(biāo)達(dá)成
經(jīng)過(guò)前面一系列的調(diào)研、分析總結(jié)，設(shè)計(jì)圍繞著3個(gè)階段的關(guān)鍵結(jié)論進(jìn)行展開，即OKR制定、執(zhí)行、結(jié)束三個(gè)階段。
（因每個(gè)階段篇幅較長(zhǎng)，方案設(shè)計(jì)部分僅展示部分頁(yè)面的思考過(guò)程和頁(yè)面展示）
在寫OKR時(shí)，設(shè)計(jì)讓撰寫輕松、可以高效的共創(chuàng)，主要通過(guò)以下3點(diǎn)：
1）清晰的頁(yè)面結(jié)構(gòu)
讓用戶能明確的感知到系統(tǒng)的整體結(jié)構(gòu)是有規(guī)律的，可以簡(jiǎn)單被理解的，即左邊全局控制，右邊內(nèi)容展示左邊導(dǎo)航全局控制著寫、審、查、通4個(gè)功能
右邊內(nèi)容展示跟隨著導(dǎo)航內(nèi)容變化
2）O與KR的錄入快速切換
為了讓用戶可以沉浸在一個(gè)頁(yè)面寫內(nèi)容同時(shí)，還能縱覽全局結(jié)構(gòu)，在寫OKR的頁(yè)面增加了OKR大綱的錨點(diǎn)切換功能，便于多個(gè)KR之間的切換，避免因頁(yè)面過(guò)長(zhǎng)帶來(lái)的翻閱困難的問(wèn)題。
3）減少步驟，減少跳轉(zhuǎn)
減少步驟，減少跳轉(zhuǎn)有很多場(chǎng)景都有涉及到，比如：
查看和跟進(jìn)屬于第三方的協(xié)同伙伴，為了讓伙伴更輕松的跟進(jìn)，做了2個(gè)設(shè)計(jì)處理：
在管理者審核下屬員工時(shí)，簡(jiǎn)化了大量信息，前置待處理信息以及待處理的關(guān)鍵信息，讓管理者比較直觀的知道有哪些人提交了，哪些人修改了，哪些人需要重寫等等。
為了讓員工便捷的進(jìn)度管理，在OKR管理頁(yè)面以輕量的臨時(shí)彈窗，來(lái)方便用戶快速發(fā)起和輸入內(nèi)容，每條更新記錄同時(shí)也能同步給關(guān)聯(lián)方。
慎重修改、條條有據(jù)主要是滿足管理者和關(guān)聯(lián)管理訴求，OKR可以在中途被修改，但是修改的結(jié)果是需要明確告知相關(guān)人，在增加、刪除、減少的內(nèi)容上，以特殊的示意對(duì)比來(lái)記錄依據(jù)，同時(shí)也督促發(fā)起方能審慎修改。
OKR的消息推送在整個(gè)階段中占據(jù)了非常重要的信息觸達(dá)的作用，在整個(gè)OKR的制定階段和執(zhí)行階段不可或缺的部分，而消息推送過(guò)多將會(huì)導(dǎo)致信息冗余，那么如何合理進(jìn)行推送消息也是重要一環(huán)。
我們把消息類型通過(guò)兩個(gè)維度定義消息的優(yōu)先級(jí)：“重要性”和“緊急度”，通過(guò)四象限法則，我們拆出來(lái)了：
通過(guò)此模型和產(chǎn)品確定了每一個(gè)消息類型的所在位置，且清晰表達(dá)的了每個(gè)消息應(yīng)當(dāng)?shù)奈恢谩?
每個(gè)渠道都有相應(yīng)的特點(diǎn)，我們結(jié)合渠道的特點(diǎn)去確定不同優(yōu)先級(jí)的消息應(yīng)當(dāng)推送的渠道。
最終在實(shí)現(xiàn)方案上，實(shí)現(xiàn)了有層次、分場(chǎng)景的消息推送方案，盡量做到少打擾用戶同時(shí)，可以及時(shí)了解重要信息。
桌面端是主力生產(chǎn)平臺(tái)，通常是多窗口多任務(wù)，鍵鼠操作精確高效。在專注姿態(tài)下，我們可以盡量安靜地展示更多常用功能，讓用戶在一個(gè)視圖中即可完成相對(duì)復(fù)雜的任務(wù)。同時(shí)在列表頁(yè)中，更大的空間讓我們可以把目錄樹展開，減少導(dǎo)航跳轉(zhuǎn)。
手機(jī)端的特點(diǎn)是專注當(dāng)前任務(wù)?？梢酝ㄟ^(guò)信息降噪，加強(qiáng)對(duì)比來(lái)讓信息傳達(dá)能明確，幫助用戶完成單個(gè)任務(wù)；而清晰的導(dǎo)航可以避免小屏幕上頁(yè)面頻繁切換所帶來(lái)的導(dǎo)航負(fù)擔(dān)。
1）最終實(shí)現(xiàn)方案
結(jié)合終端的差異，把移動(dòng)端定位為：側(cè)重便捷快速的查看和溝通，同時(shí)將重編輯的場(chǎng)景在移動(dòng)端去除了，更加側(cè)重于查看、互動(dòng)和進(jìn)展更新的低成本操作的場(chǎng)景。
2）中途驗(yàn)證效果，確保上線的效果
在設(shè)計(jì)的過(guò)程中，為了進(jìn)一步的驗(yàn)證設(shè)計(jì)合理性和易用性，針對(duì)角色代表進(jìn)行了8組可用性測(cè)試，最終普遍反饋新版的操作體驗(yàn)更好。
針對(duì)了項(xiàng)目的設(shè)計(jì)效果落地，設(shè)計(jì)除了在過(guò)程中不斷的跟進(jìn)產(chǎn)品和研發(fā)提出的問(wèn)題，在測(cè)試階段提出效果走查文檔，不斷的打磨細(xì)節(jié)，才能保證最終的設(shè)計(jì)效果，當(dāng)然付出總會(huì)有回報(bào)，新版的系統(tǒng)上線除了制定、管理、查看關(guān)鍵模塊的UV和PV的業(yè)務(wù)數(shù)據(jù)達(dá)到了比較好的效果外，在新老版本的滿意度和流程操作犯錯(cuò)率上也得到了一個(gè)比較好的驗(yàn)證。
在OKR系統(tǒng)項(xiàng)目的整體流程中，針對(duì)產(chǎn)品大改版的時(shí)候，我們?cè)O(shè)計(jì)需要前置思考業(yè)務(wù)，全局看待產(chǎn)品，系統(tǒng)性的去思考和設(shè)計(jì)，助力業(yè)務(wù)結(jié)果達(dá)成的同時(shí)讓設(shè)計(jì)價(jià)值更好的體現(xiàn)出來(lái)，最后再回顧下整體流程：
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：酷家樂用戶體驗(yàn)設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com