午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

遠東宏信移動門戶APP-人力資源模塊界面設(shè)計

遠東宏信移動門戶APP-人力資源模塊界面設(shè)計

交互設(shè)計 | 界面設(shè)計 | vue開發(fā)

交互設(shè)計 | 界面設(shè)計 | vue開發(fā)

遠東宏信有限公司(以下簡稱“遠東宏信”)是一家橫跨金融和產(chǎn)業(yè)的綜合集團,以“匯聚全球資源、助力中國產(chǎn)業(yè)”為使命,于2011年在香港聯(lián)交所主板上市,股票代碼03360.HK。公司多年來引領(lǐng)行業(yè)發(fā)展,蟬聯(lián)《財富》中國500強、《福布斯》全球2000強。專注于中國基礎(chǔ)產(chǎn)業(yè),在城市公用、醫(yī)療健康、文化旅游、工程建設(shè)、機械制造、化工醫(yī)藥、電子信息、民生消費、交通物流等領(lǐng)域,提供融資租賃、普惠金融、商業(yè)保理、資產(chǎn)業(yè)務(wù)、股權(quán)投資、建設(shè)項目投

資、海外業(yè)務(wù)等綜合金融服務(wù);同時開展醫(yī)院運營、健康養(yǎng)老、設(shè)備運營、K-12教育等產(chǎn)業(yè)運營服務(wù)。藍藍設(shè)計本次與遠東宏信合作,對「遠東移動門戶」APP進行改版設(shè)計,針對原有界面信息堆砌,沒有主次,交互使用不方便等方面,藍藍設(shè)計對產(chǎn)品的功能/交互/視覺呈現(xiàn)進行了重新改版。

產(chǎn)品定位

遠東移動門戶APP-人力資源模塊包含收入證明、在職證明、假期管理、公租房、政策公示等,同時將互動信息在集團公告區(qū)互動展示,實現(xiàn)人員管理、交流協(xié)同化和一體化。使集團工作更便捷、高效,組織管理更透明化,合理化。

目標用戶

遠東移動門戶APP面向和服務(wù)于公司全體領(lǐng)導(dǎo)和員工,是一個綜合性、協(xié)同性的辦公管理系統(tǒng)。本著操作便捷,辦事方便高效,溝通及時有效的原則,界面友好易用、簡潔美觀。

設(shè)計風(fēng)格

視覺方面,整體色調(diào)與公司logo及網(wǎng)站主色調(diào)紅色保持一致。交互上,考慮到使用便捷、省時,提取主要功能按鈕放在首頁上方;同時,常用的業(yè)務(wù)模塊集中展示,并做精細化處理。保證界面整體性和簡潔統(tǒng)一,并做到有主有次,層次清晰。在布局上,做了兩套方案供客戶選擇。第一套更大膽創(chuàng)新,第二套則相對中規(guī)中矩。

遠東移動門戶-人力資源模塊

方案一的設(shè)計風(fēng)格參考近年國際流行的設(shè)計趨勢「玻璃擬物化」風(fēng)格,帶給用戶“創(chuàng)新、質(zhì)感、高品質(zhì)”的用戶體驗。在保持APP整體設(shè)計語言的一致的前提下;頁面布局按照我們的理解進行適當?shù)膬?yōu)化,以更加貼近用戶使用場景。

整體設(shè)計簡約、優(yōu)雅、創(chuàng)新,易用性好。色彩以公司VI紅色為主,金色為輔助色,營造溫暖關(guān)懷的人力資源使用氛圍。

方案一

遠東宏信移動門戶APP界面設(shè)計
遠東宏信移動門戶APP界面設(shè)計

遠東移動門戶-首頁設(shè)計

頂部模塊——包括「返回首頁」「搜索框」「消息入口」三個功能。

智能小東——方案一中「智能小東」按照原型排布方式進行設(shè)計,我們?yōu)橹悄苄|創(chuàng)造了新的IP形象-智能客服機器人,通過擬物化的設(shè)計,直觀地將「智能小東」功能,用途及形象展示給用戶。

遠東宏信移動門戶APP界面設(shè)計

Banner區(qū)域——banner區(qū)域采用了一體化設(shè)計語言,將「系統(tǒng)信息區(qū)」,「頂部模塊」和「banner」區(qū)域作為一個整體視覺區(qū)來設(shè)計,這樣做可以增大banner可視區(qū)域,同時整體化的設(shè)計可以最大限度營造氛圍,減少頁面的割裂感,增強視覺沖擊力。少尋找信息的時間,提升辦公效率。

信息展示區(qū)——展示集團信息公告。

核心信息展示區(qū)——將「帶薪年假」「家長會假」「病假」「事假」四類核心信息以卡片形式展示在頁面頂部,并將“我要請假”核心按鈕融合于卡片之中,這種處理方式能很好地兼顧視覺引導(dǎo)性和操作便利性,用戶既可以一眼看到關(guān)注的核心信息,也可以用最快的速度點擊「我要請假」進入請假功能流程中。

其他假期——方案一中把「其他假期」信息以卡片形式展示,并配以示意性圖標,方便用戶快速獲取相關(guān)信息,提高頁面信息展示量的同時保證頁面美觀度。

遠東宏信移動門戶APP界面設(shè)計 遠東宏信移動門戶APP界面設(shè)計

核心信息展示區(qū)——將「帶薪年假」「家長會假」「病假」「事假」四種假以卡片形式展示,并圍繞在「請假按鈕」四周,這種處理方式能很好地兼顧視覺引導(dǎo)性和操作便利性,用戶既可以一眼看到關(guān)注的核心信息,也可以用最快的速度點擊「我要請假」進入請假功能流程中。

遠東移動門戶-人力資源模塊

方案二相對中規(guī)中矩, 整體采用「簡潔+質(zhì)感」的設(shè)計思路,強調(diào)功能至上;盡可能減少不必要的裝飾元素,突出信息本身,去掉視覺干擾元素;通過不斷調(diào)整優(yōu)化頁面模塊比例,打磨設(shè)計細節(jié)來體現(xiàn)整體的質(zhì)感。

Banner為長方形,方便后期普通的上傳圖片維護。
圖標設(shè)計以面與線結(jié)合重新設(shè)計另一種風(fēng)格表達。
“我要請假”按鈕放在最下面,常規(guī)的方式展現(xiàn)。

方案二

遠東宏信移動門戶APP界面設(shè)計
遠東宏信移動門戶APP界面設(shè)計

遠東移動門戶-首頁設(shè)計

頂部模塊——包括「返回首頁」「搜索框」「消息入口」三個功能。

智能小東——方案二中將「智能小東」以懸浮按鈕形式展示于頁面右下角,剛進入時,以對話形式告知用戶「智能小東」的功能和入口。懸浮按鈕固定于頁面右下角,不會隨頁面滾動而發(fā)生位移。懸浮按鈕可以節(jié)省頁面空間,以展示更多的信息。

遠東宏信移動門戶APP界面設(shè)計

Banner區(qū)域——banner區(qū)域采用了一體化設(shè)計語言,將「系統(tǒng)信息區(qū)」,「頂部模塊」和「banner」區(qū)域作為一個整體視覺區(qū)來設(shè)計,這樣做可以增大banner可視區(qū)域,同時整體化的設(shè)計可以最大限度營造氛圍,減少頁面的割裂感,增強視覺沖擊力。少尋找信息的時間,提升辦公效率。

信息展示區(qū)——展示集團信息公告。

核心信息展示區(qū)——將「帶薪年假」「家長會假」「病假」「事假」四類核心信息以卡片形式展示在頁面頂部,并將“我要請假”核心按鈕融合于卡片之中,這種處理方式能很好地兼顧視覺引導(dǎo)性和操作便利性,用戶既可以一眼看到關(guān)注的核心信息,也可以用最快的速度點擊「我要請假」進入請假功能流程中。

其他假期——方案一中把「其他假期」信息以卡片形式展示,并配以示意性圖標,方便用戶快速獲取相關(guān)信息,提高頁面信息展示量的同時保證頁面美觀度。

遠東宏信移動門戶APP界面設(shè)計

遠東移動門戶-人力資源模塊

方案1: 遠東宏信移動門戶APP界面設(shè)計

方案2: 遠東宏信移動門戶APP界面設(shè)計

  返回

主站蜘蛛池模板: 国产成人精品午夜福麻豆报告 | 国产亚洲精品网站在线视频 | 善良的小峓子2在钱免费中文字 | 欧美人与动牲交XXXXBBBB免费 | RAPPER性骚扰大开黄腔 | 国产AV亚洲精品久久久久软件 | 一本大道香蕉中文在线视频观看 | 国产高潮久久精品AV无码 | 永久免费观看视频 | 欧美男男网站免费观看videos | 蜜桃成熟时33D在线嘟嘟网 | yellow免费影视大全 | 久久爽狠狠添AV激情五月 | 免费无码一区二区三区蜜桃大 | 高清欧美性猛交xxxx黑人猛交 | 最近中文字幕MV免费看 | 欧美人与动牲交A精品 | 麻豆国产人妻欲求不满 | 国产九九九九九九九A片 | 国产成人一区免费观看 | 久久黄色精品视频 | 97人人超碰国产精品最新蜜芽 | 在线 国产 欧美 亚洲 天堂 | 一二三四在线播放免费观看中文版视频 | 欧美另类摘花hd | 久久热r在线视频精品 | 国产 高清 无码 在线播放 | 二次元美女扒开内裤喷水 | 调教日本美女 | 黄瓜视频苹果直接安装 | 国产欧美一区二区精品仙草咪 | 精品香蕉99久久久久网站 | 精品96在线观看影院 | 琪琪午夜福利免费院 | 91伊人久久大香线蕉 | 给个男人都懂的网址2019 | 国产精品久久久久久日本 | 她也色在线视频站 | 经典三级四虎在线观看 | 一道精品视频一区二区 | 亚洲spank男男实践网站 |