用戶體驗設計規范與內部UI支持系統應用研究

楊帆 胡蓉 賈倩倩 王俊瀟

摘? ?要：基于《國家電網公司 2016 年信息化建設實施意見》中提出的要持續關注基層需求、關注用戶體驗、關注應用成效，構建多方交流生態圈，逐步擴大地市公司觀察員范圍，充分發揮基層作用，推進用戶體驗管控工作標準化、規范化建設，不斷提高公司信息系統用戶體驗水平的指導意見。結合企業在信息化建設過程中產品用戶體驗設計方面的實際需求，提出通過內部UI系統的工具保障產品設計的標準化、規范化建設。

關鍵詞：用戶體驗? 標準化設計? 設計規范? 設計組件

中圖分類號：TP311? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻標識碼：A? ? ? ? ? ? ? ? ? ? ? ? 文章編號：1674-098X（2019）04（c）-0002-03

2013年，國家電網總部成立桌面可視化項目組，該項目的重點是研究軟件產品的體驗設計。經過一年的研究，國家電網公司在2015年正式成立了用戶體驗管控組。該組成立至今，一直針對國家電網公司在建及在運信息系統，進行全面的用戶體驗評審及評測工作。通過近3年的用戶體驗工作開展，國家電網公司主要解決以下3個方面問題：一是有效促進了“以用戶為中心”的用戶體驗理念在各單位的推廣;二是公司信息系統用戶體驗整體質量略有提升，管控工作成效初步顯現;三是公司主要研發廠商均已意識到用戶體驗管控工作的重要性，目前研發廠商正逐步加強本單位內部的用戶體驗管理。

為進一步統一信息系統風格，提高交互操作友好性，增強功能性能體驗，降低用戶學習成本、縮短廠商培訓周期、提高員工工作效率，國家電網公司將常態化開展用戶體驗管控工作，并通過成立的公司級用戶體驗專業機構提供必要資源環境及相關制度規范支撐，最終實現公司信息系統用戶體驗質量的持續提升。

啟明星用戶體驗設計規范研究與內部UI支持系統研發項目，以用戶體驗為核心開展工作，工作內容包括視覺設計、交互設計以及前端制作3個方面，重點是形成規范化、系統化的一系列通用設計組件。通過設計規范保證用戶體驗設計成果的有效性及可靠性，并不斷優化組件庫來提升產品或信息系統的可用性及易用性，最終達到提升用戶工作效率的目的，實現國家電網公司對用戶體驗設計工作管控的最根本價值。

國家電網公司將進一步提升信息系統整體用戶體驗質量，全面提升用戶體驗工作意識，促進“以用戶為中心”工作理念推廣，實現信息系統用戶體驗質量的有效提高。啟明星用戶體驗設計規范研究與內部UI支持系統研發項目，將為國家電網公司構建完善的用戶體驗制度規范體系提供有力保障。將國家電網公司的精神落到實處，理論與實踐結合，針對國家電網公司信息化特點，制定必要的設計標準規范，實現設計有據可依，管控公正嚴肅。為國網公司信息系統的用戶體驗提升工作，起到良好的示范作用，同時也為啟明星公司研發的軟件系統，塑造用戶體驗良好的品牌形象。

1? 概述

隨著國內外互聯網的蓬勃發展，產品“用戶體驗”早已成為企業信息化建設中至關重要的一環。User Experience用戶體驗，是用戶在使用產品（或服務）的過程中建立的一種主觀的感受。以用戶為中心設計就是產品設計時從用戶的需求和感受出發，使產品可用、易用?；趯τ脩趔w驗的研究提煉出一套標準化、規范化的設計規范，并通過建設內部UI支持系統使用戶體驗設計規范實現落地。研發各環節人員可通過內部UI支持系統快捷完成頁面設計、配置、前端代碼等環節工作。

內部UI支持系統是一個基于最新Web技術的企業級通用管理系統快速開發框架，可以幫助企業極大的提高工作效率，節省開發成本，提升品牌形象。以AOS.UED內部UI支持系統所提供的基礎組件為基礎，快速開發各種BS后臺管理系統。AOS.UED內部UI支持系統緊貼業務特性，涵蓋了大量的常用組件，基本頁面模板和基礎功能，最大程度上幫助企業節省時間成本和費用開支。

2? 研究關鍵點

2.1 沉淀用戶體驗設計原則，形成用戶體驗設計規范

中國互聯網發展的這15年，無數產品涌現和消亡，用戶行為不斷變遷?；ヂ摼W產品必須通過自身不斷快速進化才能適應不斷變化的市場環境。人對用戶體驗的喜好標準并未變化，用戶始終喜歡清晰、簡單、自然、好用的設計和產品。今天，用戶體驗已成為全球互聯網產品的命脈。不僅國外各互聯網知名企業將產品的用戶體驗設計工作作為核心，如騰訊公司，產品從需求到產出，大部分時間和精力都用于琢磨和研發更好的用戶體驗。這也是為什么騰訊的互聯網產品擁有整互聯網最大用戶群體的原因。2016年，中國提出“互聯網+”的概念，加速傳統行業像互聯網行業的轉型。用戶體驗設計理念深入到中國各行各業，并貫穿到產品研發的始終。各行業的領先企業正不斷培養自己的用戶體驗團隊，全面開展用戶體驗設計研究工作，不斷推動企業信息化的有效發展，并直接影響到研發及技術手段創新，最終成為獲得更大成效的催化劑。據國外統計，80%的軟件生命周期成本發生在維護階段，60%的維護階段工作是由于前期用戶需求不清楚導致的。所以每在用戶體驗設計上投入1美元，回報是2～100美元。（如圖1和圖2所示）。

綜上所述用戶體驗如此重要，那么如何使產品設計尤其是含有多個產品線的情況下能夠簡化開發過程、使多個產品擁有一致的體驗、保障產品設計的易用性和好的用戶體驗？

所謂無規矩不成方圓，經濟社會高速發展的今天，各大企業之間的競爭此起彼伏，一套有效的管理制度及運作規范都能幫助這個企業在市場競爭中處于上游地位，如時尚快消品牌ZARA的“一條龍”服務，創立了符合企業實際情況的生產設計規范，從而幫助ZARA一步一步建立自己的時裝帝國。所有規范都是為了提高生產力而制定的標準。同理，互聯網行業的產品設計規范，就是將產品的一切交互行為、視覺樣式都要嚴格遵從可用性原則和用戶體驗原則，并根據公司業務目標，制定出涵蓋公司產品功能范圍內的所有相關控件與相應的展示樣式。設計規范能夠指導團隊成員高效地制作出既滿足業務需求，又能讓用戶輕易完成目標的產品。每個公司或者團隊，到了一定階段，都需要產品設計規范來突破瓶頸，提高效率，改善產品，讓產品和團隊都能夠輕裝上陣，走得更遠。

設計規范要具備明確層級和邏輯，便于其他組員查找相應內容，便于設計師日后對不同模塊進行內容完善。設計規范研究的步驟如下。

（1）素材積累。

將公司近幾年的典型項目的設計成果，以及現有在設計初期的產品的效果圖進行歸納和總結，原文件和導出文件進行分類整理，對設計過程中使用的控件和模式進行歸納，同時簡單記錄一些界面設計的初衷，有爭議的設計點等等。及時地總結對后期設計規范的制定打下良好基礎，否則很容易忘記設計初衷，找不到文件或者設計負責人等問題。

（2）會議總結。

開始制作設計規范時，需要召集各產品線上的設計師將設計結果進行匯總和提煉。這樣的會議既是討論性會議又是決策性會議，所以耗時較長，但這又是要制定設計規范的必要會議。可以預先將規范劃分成各個模塊，分步進行會議討論和決議，并將不同模塊對應到不同設計師來負責總結。當遇到難以解決、產品間互相沖突的問題要即時溝通相關產品負責人，當涉及到一些產品需要重大樣式修改時更要即時溝通，設計組內部意見統一的同時也要得到外部支持和認可。

（3）制作。

在動手制作之前，設計師間要對規范自身的展現形式和樣式達成一致。設計師按照會議討論決議出的結果制作自己負責模塊的規范。模塊分為：配色，圖標，字體，控件尺寸，控件交互等等，這也是內部UI支持系統提供前端代碼的依據。

（4）匯總和發布。

將各部分規范匯總，再修改細節、微調排版后便可發布了。為了使規范更方便傳播和閱讀，將規范以網頁形式呈現更為合適。我們把這套講解規范并提供樣式與前端代碼的網頁命名為內部UI支持系統。

設計規范是高度精簡和概括的，將相同情境下的不同設計樣式統一成適應性更強、更科學合理的設計樣式，減少很多所謂的特殊情況設計和繁瑣的重復尺寸標注。參與設計開發的組員可以結合情景直接調用適合的設計樣式。當然在設計過程中會出現特殊情景，需要規范中不包含的特殊設計樣式，此時設計師要單獨給出設計效果圖。當特殊情況越來越多就要考慮將這些情況整合，補充進現有的規范中。

2.2 建設內部UI支持系統，落實用戶體驗設計規范

誠然，用戶體驗設計規范的意義不言而喻，那么如何使設計規范能夠順利、高效、簡單的落地，指導團隊成員完成產品設計研發呢？常見的設計規范閱讀對象是產品經理和設計人員，那么如果通過工具省去設計環節使設計規范和設計理念直接體現在已經完成的組件或頁面上，團隊成員都可以直接獲取符合用戶體驗設計規范的組件或頁面應用于產品中，將可以大大降低用戶體驗設計規范落實到產品中的難度，提高產品研發效率和便捷性。什么樣的工具可以滿足需求呢？企業可根據自身產品特點建設內部UI支持系統，實現落實用戶體驗設計規范的目標。

啟明星內部UI支持系統是一套設計組件庫工具，這套組件庫采用Axure軟件制作，設計師只要閱讀完這套工具說明之后，可以很快利用它去搭建一套設計。同時我們配合前端輸出前端組件庫（也就是我們的內部UI支撐系統的內容），打造完整的工具集，讓前端開發更快捷的同時，也讓后端和其他的開發人員利用這套工具很快地搭建頁面，從整體的流程環節上提升效率。

2.3 提升研發效率，統一產品設計體驗

啟明星用戶體驗設計規范研究與內部UI支持系統研發項目，以用戶體驗為核心開展工作，工作內容包括視覺設計、交互設計以及前端制作3個方面，重點是形成規范化、系統化的一系列通用設計組件。通過設計規范保證用戶體驗設計成果的有效性及可靠性，并不斷優化組件庫來提升產品或信息系統的可用性及易用性，最終達到提升用戶工作效率的目的，實現國家電網公司對用戶體驗設計工作管控的最根本價值。

3? 應用展望

3.1 實現產品設計標準化、工具化、統一化

多產品線并行的企業通常存在大量的用戶體驗問題，最常見的就是設計的不一致。交互UE和視覺UI設計師，在設計時質量存在參差不齊的現象。通過用戶體驗設計規范和內部UI支持系統不僅能夠改善用戶體驗，還可以保障產品設計的標準化、工具化、統一化。

3.2 提升企業研發環節的效率和質量

多產品線的公司設計團隊的人員規模要求極高，如果這些產品線的設計研發工作并行開展，設計團隊人員就無法應對，必須提升執行效率才能解決這個問題。通過內部UI支持系統里的組件工具，可以快速、高效的產出符合設計規范標準的組件和頁面，減少大部分重復性的設計工作，提升企業研發環節的效率和質量。

4? 結語

據國外統計，80%的軟件生命周期成本發生在維護階段，60%的維護階段工作是由于前期用戶需求不清楚導致的。所以每在用戶體驗設計上投入1美元，回報是2～100美元?；凇秶译娋W公司 2016 年信息化建設實施意見》提出的公司信息化建設要持續關注基層需求、關注用戶體驗、關注應用成效，構建多方交流生態圈，逐步擴大地市公司觀察員范圍，充分發揮基層作用，推進用戶體驗管控工作標準化、規范化建設，不斷提高公司信息系統用戶體驗水平。國家電網公司將進一步提升信息系統整體用戶體驗質量，全面提升用戶體驗工作意識，促進“以用戶為中心”工作理念推廣，實現信息系統用戶體驗質量的有效提高。啟明星用戶體驗設計規范研究與內部UI支持系統研發項目，將為國家電網公司構建完善的用戶體驗制度規范體系提供有力保障。將國家電網公司的精神落到實處，理論與實踐結合，針對國家電網公司信息化特點，制定必要的設計標準規范，實現設計有據可依，管控公正嚴肅。為國網公司信息系統的用戶體驗提升工作，起到良好的示范作用，同時也為啟明星公司研發的軟件系統，塑造用戶體驗良好的品牌形象。

參考文獻

[1] 國家電網公司.國家電網公司桌面可視化設計規范[S].2011.

[2] 國家電網公司.國家電網公司移動終端業務應用用戶體驗工作標準[S].2015.