歡雀人資系統(tǒng)全新版本 · 預(yù)告① | UI“歡”然一新,打開全新“視”界!
2021注定是不簡單的一年
這一年里,歡雀不斷突破、砥礪奮進(jìn)
為迎接嶄新的2022
我們由「人力資源管理軟件」
重磅升級為「人力資源系統(tǒng)」
并重新定義UI視覺環(huán)境
這次,我們“歡”然一新
本次UI界面升級,是基于歡雀科技在 HR SaaS 領(lǐng)域深耕6余年的行業(yè)積累及沉淀,并結(jié)合用戶訴求及調(diào)研反饋,重新定義了系統(tǒng)的整體視覺環(huán)境及交互流程。
我們以用戶為中心,將“扁平”、“輕量”、“活力”作為升級的核心理念,去詮釋歡雀整個(gè)系統(tǒng)的設(shè)計(jì)生態(tài)。同時(shí),秉持著“科技成就企業(yè)成功”的使命,進(jìn)行了整體功能優(yōu)化,為用戶帶來更簡潔、清晰、流暢的使用體驗(yàn)。
· 全新視覺體系,品牌華麗升級 ·
這一年,我們在整個(gè)設(shè)計(jì)過程中,經(jīng)歷了“發(fā)散-收斂-再發(fā)散-再收斂”的“雙鉆”過程,最終衍生出更新穎、個(gè)性的「歡雀」品牌定位及視覺識別體系。
2021歡雀全新品牌藍(lán)橙標(biāo)志,是深圳市前海歡雀科技有限公司創(chuàng)立后的第二個(gè)沿用標(biāo)志。我們希望在新款歡雀標(biāo)志上,更加體現(xiàn)歡雀專業(yè)、成熟、沉穩(wěn)的品牌形象及品牌精神。標(biāo)志中的“雀”輪廓以及外廓?dú)g雀藍(lán)的圓,傳達(dá)出強(qiáng)大有力的品牌信息。
|
|
通過關(guān)鍵字“科技、準(zhǔn)確、穩(wěn)重、嚴(yán)謹(jǐn)”,我們確定了品牌色與視覺體系主色調(diào)為藍(lán)色。它的基礎(chǔ)藍(lán)色取自海洋與天空,特別融入純粹的白與想象的紫,讓藍(lán)色更顯明亮及多元。這與歡雀同時(shí)專注于科技與創(chuàng)新的品牌理念相一致,展現(xiàn)了歡雀創(chuàng)新開放、穩(wěn)健進(jìn)取的品牌特質(zhì)。
除此之外,我們還準(zhǔn)備了豐富的配色方案以滿足不同場景的需求。在藍(lán)色幫助用戶更專注工作的同時(shí),加入充滿活力的紅、黃、綠等輔助色,有效避免視覺疲勞,凸顯年輕化與多元化。
|
|
圖標(biāo)展示進(jìn)行了全面優(yōu)化,通過抽象、簡化、符號化的設(shè)計(jì)來呈現(xiàn)一種簡潔、扁平的設(shè)計(jì)風(fēng)格。圖標(biāo)的表現(xiàn)形式大致為線性及線面結(jié)合,其中線面結(jié)合的每一次圖標(biāo)層次變化,都會給產(chǎn)品帶來不一樣的視覺體驗(yàn)。圖標(biāo)所使用的大量圓形與曲線的結(jié)合,傳遞著歡雀系統(tǒng)親和、包容、品質(zhì)等特性。
(左右滑動查看更多)
· 個(gè)性工作平臺,助力人效提升 ·
新版本的系統(tǒng)工作臺,針對企業(yè)內(nèi)部的多重角色,基于不同業(yè)務(wù)場景,對個(gè)性化的頁面設(shè)置進(jìn)行了全面優(yōu)化。通過調(diào)研用戶的需求,模擬真實(shí)操作場景,對頁面的功能進(jìn)行刪選、組合、不斷的推敲優(yōu)化,我們提供了不同的適配規(guī)則,讓各類內(nèi)容頁面針對職位層級、角色提供最佳的使用體驗(yàn)。
堅(jiān)持“以人為本”的理念,扁平化設(shè)計(jì)風(fēng)格在二維的形式下呈現(xiàn)出極簡風(fēng)格,增強(qiáng)了可讀性和易讀性,降低新用戶的認(rèn)知困難。信息表達(dá)簡潔明了,層級一目了然,將相應(yīng)用戶所需要了解的信息放在中心地位(如:一般員工關(guān)注的考勤;HR關(guān)注的招聘;高層關(guān)注的整體數(shù)據(jù)等),提高了信息傳達(dá)的高效性。

同時(shí),工作臺所涵蓋的多種組件模塊隨心所用,任你布局。組件的選擇、位置皆可實(shí)現(xiàn)人性化自由組合。協(xié)助用戶更好的進(jìn)行視覺區(qū)分,優(yōu)化頁面層級,從而提高模塊利用率,放大用戶在首頁信息的獲取度。

在細(xì)節(jié)的把控上,我們同樣追求極致。此次我們運(yùn)用了更加人性化的交互邏輯,避免使用乏味且提高連貫性。例如,當(dāng)用戶的鼠標(biāo)停留在圖標(biāo)上時(shí),圖標(biāo)的顏色及大小均會改變;左側(cè)導(dǎo)航可點(diǎn)擊縮進(jìn),有效提升工作區(qū)的使用面積,同時(shí)二級菜單展開時(shí)與鼠標(biāo)形成交互;導(dǎo)航按鈕通常只顯示默認(rèn)常用的幾個(gè),許多板塊使用「更多」來展開其他的內(nèi)容項(xiàng)目,這種類似「抽屜」的設(shè)計(jì)將更容易直達(dá)操作目標(biāo)。
(左右滑動查看更多)
· 移動迭代優(yōu)化,更佳員工體驗(yàn) ·
歡雀十分關(guān)注員工的操作體驗(yàn),通過新版移動端的優(yōu)化,我們推出了更簡潔、更便捷、更強(qiáng)大的移動工作臺。導(dǎo)航欄新增的項(xiàng)目按鈕將幫助員工更快速、更精準(zhǔn)地觸達(dá)他們較為關(guān)心的考勤及流程等信息。HR隨時(shí)隨地便捷操作,實(shí)現(xiàn)從崗位需求、線上面試、篩選評估、流程協(xié)同、入職簽約的全端線上化,簡易上手的移動平臺全面提升工作效率。

針對移動端的色彩、字體、按鈕、標(biāo)簽、圖標(biāo)等規(guī)范上,我們也進(jìn)行了同步全新升級。色彩上更加年輕活力富有朝氣,小小的圖標(biāo)看似簡潔,卻不簡單。在線條流暢度、平衡感、組合方式上都經(jīng)過了設(shè)計(jì)師們的反復(fù)嘗試。
細(xì)心的朋友可能已經(jīng)發(fā)現(xiàn),本次PC端及移動端的更新中還出現(xiàn)了許多可愛的插畫及小雀形象。例如,當(dāng)系統(tǒng)找不到相關(guān)頁面時(shí),會出現(xiàn)一只“大無語”的小雀;當(dāng)加完班打卡時(shí),會有一位拿著優(yōu)秀獎(jiǎng)狀的小人為你打氣加油;建設(shè)ing的頁面還有“工人雀”?????♂?……
(左右滑動查看更多)
我們本次升級將豐富的情感注入到整個(gè)設(shè)計(jì)環(huán)節(jié),希望能為冰冷的工作場景注入一份溫暖,希望小小的細(xì)節(jié)也能為舒緩HR工作壓力增添一份力量。

歡雀系統(tǒng)UI升級
打開你的全新視界
儀式感在生活中不可或缺
在這辭舊迎新的時(shí)刻
我們將全新的系統(tǒng)UI界面升級
作為新年儀式感的第一部分預(yù)告
以此打開2022全新視界
迎接嶄新未來
僅是2022重磅升級的第一環(huán)
我們將不斷探討企業(yè)轉(zhuǎn)型升級,發(fā)揮自身優(yōu)勢
協(xié)助企業(yè)蛻變?yōu)?strong style="margin:0px;padding:0px;max-width:100%;overflow-wrap:break-word !important;">數(shù)字化的創(chuàng)新者!
























