啟明星UI支持系統(tǒng)應(yīng)用研究

王俊瀟 賈倩倩 楊帆

摘? 要：“企業(yè)信息化”是指通過(guò)對(duì)信息技術(shù)的應(yīng)用、開(kāi)發(fā)和使用企業(yè)的信息資源，提高管理水平、開(kāi)發(fā)能力、經(jīng)營(yíng)水平的過(guò)程。中國(guó)從1994年正式接入互聯(lián)網(wǎng)以來(lái)，二十多年的野蠻高速發(fā)展，中國(guó)的企業(yè)信息化建設(shè)已經(jīng)取得了巨大成就。該文將從企業(yè)信息化建設(shè)發(fā)展趨勢(shì)和信息化產(chǎn)品開(kāi)發(fā)流程角度研究分析“啟明星UI支持系統(tǒng)”研發(fā)的必要性和重要性。

關(guān)鍵詞：B/S架構(gòu)? Human–Computer Interaction? Model? Methodology

中圖分類(lèi)號(hào)：TB472 ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-3791（2020）09（a）-0049-03

Abstract： "Enterprise information" refers to the process of improving the management level， development capability， and management level through the application， development， and use of enterprise information resources to information technology. Since China officially connected to the Internet in 1994， it has developed savagely and rapidly for more than 20 years， and China's enterprise information has achieved tremendous achievements. This article will analyze and analyze the necessity and importance of the research and development of the "Vision Star UI Support System" from the perspective of the development trend of enterprise information construction and the development process of information products.

Key Words： B/S architecture; Human-Computer Interaction; Model; Methodology

互聯(lián)網(wǎng)信息化深刻地改變著我們的工作生活，現(xiàn)在我們請(qǐng)假不用再拿著紙質(zhì)手寫(xiě)請(qǐng)假條到處找領(lǐng)導(dǎo)簽字，我們上班時(shí)簽到與簽退不用排隊(duì)在簽到表上簽字，企業(yè)的財(cái)務(wù)結(jié)算、工資發(fā)放也不再需要一大群財(cái)務(wù)人員拿著算盤(pán)、計(jì)算器進(jìn)行算賬，這都?xì)w功于我們已經(jīng)有了完善的考勤管理系統(tǒng)、財(cái)務(wù)結(jié)算系統(tǒng)、生產(chǎn)經(jīng)營(yíng)系統(tǒng)等信息化成果。而這些成果也并非是一蹴而就，就像人類(lèi)社會(huì)發(fā)展一樣，經(jīng)歷了信息化“石器時(shí)代”、信息化“農(nóng)業(yè)時(shí)代”、信息化“工業(yè)時(shí)代”，而即將要跨入下一個(gè)信息化“智能時(shí)代”。

1? 企業(yè)信息化建設(shè)歷程和發(fā)展趨勢(shì)

1.1 信息化“石器時(shí)代”

企業(yè)信息化建設(shè)主要是制作簡(jiǎn)單的企業(yè)網(wǎng)站或工具來(lái)完成企業(yè)宣傳和簡(jiǎn)單的業(yè)務(wù)聯(lián)系。其特點(diǎn)是自給自足，只為自身產(chǎn)品設(shè)計(jì)而沒(méi)有體系的概念;信息不互通，改進(jìn)自身效能非常緩慢，很難相互促進(jìn)發(fā)展;效率低，純靠手工，交互和視覺(jué)設(shè)計(jì)師以及前端工程師在交接過(guò)程中工作重復(fù)，資源浪費(fèi)嚴(yán)重。

1.2 信息化“農(nóng)業(yè)時(shí)代”

企業(yè)信息化建設(shè)產(chǎn)品研發(fā)效率大大提高，開(kāi)始形成早期的產(chǎn)品研發(fā)流程和產(chǎn)品體系。其特點(diǎn)是批量、標(biāo)準(zhǔn)化生產(chǎn);組建模版組件大大提升了生產(chǎn)效率;雖然能用，但難以滿(mǎn)足多種風(fēng)格迥異的業(yè)務(wù)場(chǎng)景;流程系統(tǒng)化，交互、視覺(jué)設(shè)計(jì)的一部分工作模板化。

1.3 信息化“工業(yè)時(shí)代”

企業(yè)信息化建設(shè)完成由數(shù)據(jù)直接到生產(chǎn)。設(shè)計(jì)師只要能夠提供設(shè)計(jì)，就能馬上獲得生產(chǎn)，得到產(chǎn)品。其特點(diǎn)是人的價(jià)值大于生產(chǎn)資料。產(chǎn)品的生產(chǎn)不再被前端開(kāi)發(fā)資源束縛，設(shè)計(jì)師能夠快速準(zhǔn)確地將方案轉(zhuǎn)化為產(chǎn)品。

1.4 信息化“智能時(shí)代”

企業(yè)信息化建設(shè)實(shí)現(xiàn)由想法直接到產(chǎn)品輸出。其特點(diǎn)是設(shè)計(jì)師描述方案或想法，跳過(guò)原型繪制、視覺(jué)設(shè)計(jì)、前端開(kāi)發(fā)，直接生成產(chǎn)品。

圖1為企業(yè)信息化產(chǎn)品開(kāi)發(fā)流程圖。

2? 企業(yè)信息化產(chǎn)品開(kāi)發(fā)流程和遇到的問(wèn)題

2000年以后隨著計(jì)算機(jī)硬件技術(shù)的不斷突破，國(guó)內(nèi)互聯(lián)網(wǎng)IT軟件行業(yè)也迎來(lái)了突飛猛進(jìn)的發(fā)展，企業(yè)信息化建設(shè)的重要性已被廣泛認(rèn)同。當(dāng)企業(yè)發(fā)展到一定階段，常規(guī)的生產(chǎn)、管理、經(jīng)營(yíng)手段已經(jīng)不能滿(mǎn)足日益劇增的需求，所以如何實(shí)現(xiàn)規(guī)范化、標(biāo)準(zhǔn)化、高效性的生產(chǎn)管理已經(jīng)成為決定企業(yè)經(jīng)營(yíng)效益的重要因素之一。

隨著企業(yè)信息化建設(shè)的蓬勃發(fā)展，企業(yè)內(nèi)部的各類(lèi)信息化產(chǎn)品也越來(lái)越多，而且企業(yè)和用戶(hù)對(duì)于產(chǎn)品的要求早已不僅僅停留在功能滿(mǎn)足即可，而是更加注重用戶(hù)體驗(yàn)。

早期的產(chǎn)品開(kāi)發(fā)管理是通過(guò)各級(jí)負(fù)責(zé)人跟產(chǎn)品經(jīng)理收集和手工排需求的形式，但隨著產(chǎn)品需求的激增，團(tuán)隊(duì)的擴(kuò)大，各方面隱藏的問(wèn)題也漸漸浮現(xiàn)。如設(shè)計(jì)環(huán)節(jié)重復(fù)勞動(dòng)、人員結(jié)構(gòu)需要優(yōu)化、技術(shù)人員缺少成就感、成本壓力大、技術(shù)人員長(zhǎng)期病態(tài)缺員、簡(jiǎn)單工作耗費(fèi)時(shí)間過(guò)長(zhǎng)、編碼質(zhì)量堪憂(yōu)出場(chǎng)測(cè)試頭疼、公司研發(fā)管控要求技術(shù)路線(xiàn)必須統(tǒng)一、人員流動(dòng)性大、新人需要培訓(xùn)的內(nèi)容太多等。

那么有沒(méi)有更好的方法解決這些問(wèn)題呢？如果我們通過(guò)一個(gè)媒介直接從方案或想法生成產(chǎn)品將完全改變現(xiàn)狀，實(shí)現(xiàn)從信息化“工業(yè)時(shí)代”到信息化“智能時(shí)代”的跨越。

3? “工具化”的解決方案

啟明星研發(fā)中心部門(mén)經(jīng)過(guò)多年的經(jīng)驗(yàn)積累和需求調(diào)研，研發(fā)了能夠快準(zhǔn)確地將方案轉(zhuǎn)化為產(chǎn)品的工具：?jiǎn)⒚餍荱I支持系統(tǒng)。用戶(hù)登錄系統(tǒng)后通過(guò)拖動(dòng)選擇已有的元素、控件、頁(yè)面等快速拼裝成一個(gè)產(chǎn)品Demo，并支持導(dǎo)出符合規(guī)范的標(biāo)準(zhǔn)代碼。直接省去了傳統(tǒng)開(kāi)發(fā)流程中的交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、前端開(kāi)發(fā)、后端開(kāi)發(fā)的環(huán)節(jié)。通過(guò)元素、控件、頁(yè)面的資源不斷增多、豐富，可以靈活拼裝成更多的風(fēng)格滿(mǎn)足多樣化需求。無(wú)論是設(shè)計(jì)師還是業(yè)務(wù)人員、開(kāi)發(fā)人員、產(chǎn)品經(jīng)理，都能夠通過(guò)“啟明星UI支持系統(tǒng)”這個(gè)媒介快速建立頁(yè)面拼裝產(chǎn)品，并靈活更換修改頁(yè)面內(nèi)的內(nèi)容組件，最后導(dǎo)出產(chǎn)品代碼。不僅滿(mǎn)足了高效研發(fā)的要求，同時(shí)實(shí)現(xiàn)了快速將方案轉(zhuǎn)化為產(chǎn)品的目標(biāo)。產(chǎn)品的設(shè)計(jì)工作也不再局限于設(shè)計(jì)師，熟練的業(yè)務(wù)人員和研發(fā)人員都可以完成此工作。

誠(chéng)然，并不是所有的產(chǎn)品都適用于這種模式，所以應(yīng)通過(guò)了解產(chǎn)品的業(yè)務(wù)特點(diǎn)將相似度較高的需求采用“啟明星UI支持系統(tǒng)”快速生成產(chǎn)品，而個(gè)性化要求高的需求還需要具體問(wèn)題具體分析，一對(duì)一地完成產(chǎn)品的設(shè)計(jì)和研發(fā)。

4? “啟明星UI支持系統(tǒng)”應(yīng)用展望

4.1 提高產(chǎn)品的標(biāo)準(zhǔn)化、工具化、統(tǒng)一化、規(guī)范化

多產(chǎn)品線(xiàn)并行的企業(yè)通常存在大量的用戶(hù)體驗(yàn)問(wèn)題，最常見(jiàn)的就是設(shè)計(jì)的不一致。同類(lèi)型的產(chǎn)品經(jīng)由不同的設(shè)計(jì)師設(shè)計(jì)出不同的操作體驗(yàn)和視覺(jué)風(fēng)格。而通過(guò)“啟明星UI支持系統(tǒng)”則能夠輸出標(biāo)準(zhǔn)的、統(tǒng)一的用戶(hù)體驗(yàn)設(shè)計(jì)方案，提高產(chǎn)品的規(guī)范性、易學(xué)性，同時(shí)滿(mǎn)足國(guó)家電網(wǎng)公司對(duì)用戶(hù)體驗(yàn)設(shè)計(jì)的規(guī)劃和要求。

4.2 提升企業(yè)產(chǎn)品開(kāi)發(fā)效率

使用“啟明星UI支持系統(tǒng)”生成的產(chǎn)品，由于省去了交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、前端開(kāi)發(fā)、后端開(kāi)發(fā)各環(huán)節(jié)的工作，直接從方案或想法生成符合規(guī)范產(chǎn)品，所以最大限度地提高了產(chǎn)品研發(fā)效率。

4.3 降低企業(yè)研發(fā)環(huán)節(jié)的人工成本

據(jù)啟明星用戶(hù)體驗(yàn)設(shè)計(jì)組統(tǒng)計(jì)，通常一個(gè)原型demo制作的時(shí)間至少比一個(gè)程序demo研發(fā)的時(shí)間少80%。高級(jí)研發(fā)工程師比中級(jí)UI/UE設(shè)計(jì)師多出340人/天的成本。每個(gè)項(xiàng)目需求溝通工作的時(shí)間大至占整個(gè)項(xiàng)目時(shí)間的1/4，那么平均每個(gè)項(xiàng)目可結(jié)余的人力成本合計(jì)約為8萬(wàn)。2015年研發(fā)中心UED組共處理了31個(gè)項(xiàng)目，假設(shè)2016年市場(chǎng)情況不變則可節(jié)約240萬(wàn)。

4.4 提高項(xiàng)目團(tuán)隊(duì)成員的用戶(hù)體驗(yàn)意識(shí)和產(chǎn)品質(zhì)量

很多時(shí)候產(chǎn)品的細(xì)節(jié)改動(dòng)因時(shí)間緊急等因素并無(wú)設(shè)計(jì)師支撐而由業(yè)務(wù)人員或研發(fā)人員直接完成，而業(yè)務(wù)人員和研發(fā)人員對(duì)用戶(hù)體驗(yàn)的認(rèn)識(shí)和水平則決定了修改結(jié)果的優(yōu)劣。業(yè)務(wù)人員和研發(fā)人員普遍缺乏用戶(hù)體驗(yàn)相關(guān)素質(zhì)往往造成了設(shè)計(jì)結(jié)果不滿(mǎn)足要求。啟明星UI支持系統(tǒng)能夠幫助業(yè)務(wù)人員和開(kāi)發(fā)人員在不具備用戶(hù)體驗(yàn)設(shè)計(jì)能力的情況下，通過(guò)選擇完整的頁(yè)面或組件達(dá)到目的，實(shí)現(xiàn)簡(jiǎn)單、高效、高質(zhì)。

5? 結(jié)語(yǔ)

企業(yè)信息化產(chǎn)品的開(kāi)發(fā)流程及方式依然在不斷變化發(fā)展，本質(zhì)卻始終圍繞著如何將復(fù)雜的業(yè)務(wù)需求以及產(chǎn)品方案快速、準(zhǔn)確地轉(zhuǎn)換成產(chǎn)品，使用簡(jiǎn)單、平面的方式給用戶(hù)帶來(lái)更優(yōu)的使用體驗(yàn)。通過(guò)不斷優(yōu)化提升“啟明星UI支持系統(tǒng)”的可用性和廣泛性，支撐公司研發(fā)的研發(fā)任務(wù)和戰(zhàn)略目標(biāo)，提高公司的項(xiàng)目競(jìng)爭(zhēng)優(yōu)勢(shì)，提升最終用戶(hù)的使用體驗(yàn)和評(píng)價(jià)。

參考文獻(xiàn)

[1] 孟光宇.芻議工程施工企業(yè)信息化管理的特點(diǎn)及實(shí)施方法[J].財(cái)經(jīng)界：學(xué)術(shù)版，2020（6）：112.

[2] 陳祺.企業(yè)信息化的探討與研究[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，2020（3）：95-96.

[3] 李丹駿.UI交互設(shè)計(jì)在信息科技中的探究[J].戲劇之家，2020（8）：229.

[4] 呂觀鳳.UI設(shè)計(jì)對(duì)軟件開(kāi)發(fā)的影響[J].計(jì)算機(jī)產(chǎn)品與流通，2020（6）：15.

[5] 陳心雨.UI設(shè)計(jì)課程中交互思維的分析與探究[J].設(shè)計(jì)，2020，33（3）：76-77.

[6] 李斐飛.價(jià)值重構(gòu)：數(shù)字時(shí)代廣告公司商業(yè)模式創(chuàng)新研究[D].武漢大學(xué)，2017.

[7] 隆振，張捷.日志平臺(tái)系統(tǒng)應(yīng)用研究[J].電子世界，2018（12）：141-142.

[8] 楊帆，胡蓉，賈倩倩，等.用戶(hù)體驗(yàn)設(shè)計(jì)規(guī)范與內(nèi)部UI支持系統(tǒng)應(yīng)用研究[J].科技創(chuàng)新導(dǎo)報(bào)，2019（12）：2-4.