1、北京神州數(shù)碼思特奇信息技術(shù)股份有限公司北京神州數(shù)碼思特奇信息技術(shù)股份有限公司UID 2009UID 2009年年2 2月月目錄什么是UIUI在系統(tǒng)中的角色定位UI的工作流程用戶(hù)界面開(kāi)發(fā)常見(jiàn)問(wèn)題總結(jié)i-interfaceV1.5簡(jiǎn)析什么是UIUIuser interface 的簡(jiǎn)稱(chēng)，即用戶(hù)界面UID- user interface department的簡(jiǎn)稱(chēng)，即用戶(hù)界面部，隸屬于公司SSD產(chǎn)品線下的獨(dú)立的部門(mén)。 UID的部門(mén)定位是服務(wù)公司所有的技術(shù)部門(mén)，為產(chǎn)品的界面升級(jí)做出保障。v技術(shù)的發(fā)展和軟件產(chǎn)品的功能日益完善，對(duì)于公司開(kāi)發(fā)的大型IT系統(tǒng)，功能的完善帶來(lái)的是軟件操作會(huì)變得日益復(fù)雜難用，如何使

2、產(chǎn)品符合用戶(hù)的需求，方便易用是目前所有公司內(nèi)所有技術(shù)部門(mén)需要解決的問(wèn)題。v UID的職責(zé)是不斷的改善公司目前所有技術(shù)部門(mén)產(chǎn)品線的用戶(hù)界面，提高軟件產(chǎn)品的可用性，將良好的用戶(hù)體驗(yàn)慢慢融化到產(chǎn)品中，成為產(chǎn)品核心競(jìng)爭(zhēng)力的一部分。UID的部門(mén)目標(biāo) Design for Our Users！v UID需要達(dá)到的目標(biāo)是：不僅要讓產(chǎn)品的界面“美觀”，而且要讓整體的產(chǎn)品界面 “好用”和“易用”。 v 可用性設(shè)計(jì)的本質(zhì)是以“以用戶(hù)為中心”的設(shè)計(jì)思想的體現(xiàn)；v 配合技術(shù)部門(mén)可以快速響應(yīng)用戶(hù)需求，提高用戶(hù)滿意度v 把麻煩和復(fù)雜的任務(wù)留給我們自己，把簡(jiǎn)單留給用戶(hù)。目錄什么是UIUI在系統(tǒng)中的角色定位UI的工作流程用戶(hù)

3、界面開(kāi)發(fā)常見(jiàn)問(wèn)題總結(jié)i-interfaceV1.5簡(jiǎn)析UI在系統(tǒng)中的角色定位用戶(hù)用戶(hù)UID需要完成工作：需要完成工作：1.重點(diǎn)界面或關(guān)鍵流程改造設(shè)計(jì)2.界面風(fēng)格、樣式設(shè)計(jì)3.界面demo制作4.對(duì)改造實(shí)施的結(jié)果進(jìn)行評(píng)估公司各大產(chǎn)品線（技術(shù)部門(mén)）公司各大產(chǎn)品線（技術(shù)部門(mén)）1.功能點(diǎn)需求分析2.系統(tǒng)的功能、架構(gòu)、開(kāi)發(fā)情況定義分析3.根據(jù)UID提供的demo重點(diǎn)頁(yè)面和關(guān)鍵流程的設(shè)計(jì)，完成與程序嵌套UI與美工的區(qū)別請(qǐng)不要叫我們“美工”界面設(shè)計(jì)工作在漫長(zhǎng)的軟件發(fā)展中，一直沒(méi)有被重視起來(lái)。做界面設(shè)計(jì)的人也被貶義的稱(chēng)為“美工”。開(kāi)發(fā)人員常常認(rèn)為界面設(shè)計(jì)是可有可無(wú)，或者錦上添花的工作，通常都是在系統(tǒng)快要上線的

4、時(shí)候才想起改一張圖片，或者換個(gè)顏色之類(lèi)的工作，而通常這個(gè)時(shí)候，界面已經(jīng)開(kāi)發(fā)完成，框架結(jié)構(gòu)已經(jīng)確立，界面想要有調(diào)整已經(jīng)是不可能的事情，需要重新花費(fèi)大量的人力，物力去調(diào)整了其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要買(mǎi)點(diǎn)。一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與電腦的距離，為商家創(chuàng)造賣(mài)點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà)，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶(hù)而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)即不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果，而是最終用戶(hù)的感受。所以界面設(shè)計(jì)要和用戶(hù)研究緊密結(jié)合，是一個(gè)不斷為最終用戶(hù)設(shè)計(jì)滿意視覺(jué)效果的過(guò)程。

5、衡量標(biāo)準(zhǔn)交互設(shè)計(jì)( Interactive design) 衡量UI設(shè)計(jì)只有一種標(biāo)準(zhǔn)，就是用戶(hù)體驗(yàn)(UserExperience). 用戶(hù)體驗(yàn)是以用戶(hù)為中心的設(shè)計(jì)(UCD/User Centered Design)中最重要的一個(gè)部分,強(qiáng)調(diào)的是過(guò)程，是軟件對(duì)用戶(hù)行為(User Action)產(chǎn)生的反應(yīng)與用戶(hù)期待值要盡可能的一致可用性研究( Usabilitu Research) 信息架構(gòu)(Information Architect) 視覺(jué)設(shè)計(jì)( Graphic design) UI 設(shè)計(jì) (User Interface Design) 用戶(hù)體驗(yàn)（User Experience)目錄什么是UIUI

6、在系統(tǒng)中的角色定位UID的工作流程用戶(hù)界面開(kāi)發(fā)常見(jiàn)問(wèn)題總結(jié)i-interfaceV1.5簡(jiǎn)析信息架構(gòu)設(shè)計(jì)功能設(shè)計(jì)界面UI可用性設(shè)計(jì)10必須從傳統(tǒng)的以“功能滿足”為核心逐步過(guò)渡到以“用戶(hù)體驗(yàn)”為核心改進(jìn)IT系統(tǒng)的開(kāi)發(fā)分工界面：引入專(zhuān)業(yè)的UI設(shè)計(jì)流程參與可用性規(guī)范制定、易用性設(shè)計(jì)、審核、測(cè)試和驗(yàn)收等工藍(lán)色部分為新增加流程用戶(hù)為中心的企業(yè)門(mén)戶(hù)功能開(kāi)發(fā)需求設(shè)計(jì)客 戶(hù)需求分析系統(tǒng)設(shè)計(jì)編碼測(cè)試驗(yàn)收上線功能分析可用性分析功能設(shè)計(jì)可用性設(shè)計(jì)功能測(cè)試可用性測(cè)試在傳統(tǒng)的開(kāi)發(fā)流程中加入以用戶(hù)體驗(yàn)為中心的可用性分析、可用性設(shè)計(jì)和可用性測(cè)試環(huán)節(jié)，確保UC貫穿整個(gè)開(kāi)發(fā)流程改進(jìn)門(mén)戶(hù)系統(tǒng)的開(kāi)發(fā)流程UID界面設(shè)計(jì)工作流程為什么

7、要用XHTML+CSS的布局方式？為什么要使用頁(yè)面重構(gòu)？換句話說(shuō)，頁(yè)面重構(gòu)有些什么好處？ DIV+CSS的優(yōu)勢(shì)主要表現(xiàn)在以下幾個(gè)方面：大大縮減頁(yè)面代碼，提高頁(yè)面瀏覽速度, 以前幾十K甚至上百K的頁(yè)面被壓縮到幾K完成，節(jié)約了帶寬結(jié)構(gòu)清晰，容易被搜索引擎搜索到，天生優(yōu)化了seo通過(guò)控制修改CSS文件修改界面的樣式，將頁(yè)面結(jié)構(gòu)和樣式分離開(kāi)標(biāo)簽語(yǔ)義化。更好的控制頁(yè)面布局。和技術(shù)部門(mén)的分工明確，如果不涉及到j(luò)avascrpit開(kāi)發(fā)，可以不必去寫(xiě)ID，只用class就可以。通過(guò)標(biāo)準(zhǔn)的CSS編寫(xiě)，可以解決瀏覽器顯示兼容性的問(wèn)題。為什么要使用頁(yè)面重構(gòu)UID在09財(cái)年的編制規(guī)劃擴(kuò)充到16人，其中，北京10人，山

8、西分支2人，重慶分支1人，四川分支2人，陜西分支1人隨著部門(mén)的擴(kuò)大和人員的補(bǔ)充，公司越來(lái)越重視UID，同時(shí)，UID也在不斷的完善自身的人員組織結(jié)構(gòu)，對(duì)公司的各產(chǎn)品線提供有力的支撐。UID界面原型設(shè)計(jì)組：界面原型設(shè)計(jì)組：(User Experience)1：軟件界面需求了解和定義2：分析界面需求，規(guī)劃設(shè)計(jì)界面原型，對(duì)產(chǎn)品界面負(fù)責(zé)3：用戶(hù)體驗(yàn)測(cè)試，編寫(xiě)測(cè)試報(bào)告，對(duì)測(cè)試結(jié)果負(fù)責(zé)視覺(jué)設(shè)計(jì)組：視覺(jué)設(shè)計(jì)組：(Graphic User interface) 1：根據(jù)界面原型，設(shè)計(jì)各產(chǎn)品線界面整體視覺(jué)風(fēng)格2：負(fù)責(zé)各產(chǎn)品線軟件界面中圖標(biāo)樣式，以及靜態(tài)DEMO制作等；3：負(fù)責(zé)公司市場(chǎng)和人力資源等層面的設(shè)計(jì)工作。前端開(kāi)發(fā)組：前端開(kāi)發(fā)組：（User Interface) 1：根據(jù)界面原型，設(shè)計(jì)交互式高保真界面原型2：軟件界面的制作。同時(shí)能配合程序員完成前臺(tái)界面相關(guān)程序如HTML，XML，JS互動(dòng)效果UID目前的人員結(jié)構(gòu)UID-王奕原型設(shè)計(jì)組王奕（組長(zhǎng)王奕（組長(zhǎng) 代）代）鄢道芹靳曄吳磊聶晶視覺(jué)設(shè)計(jì)組王統(tǒng)強(qiáng)（組長(zhǎng)）王統(tǒng)強(qiáng)（組長(zhǎng)）袁慶劉倩李翔（待定）張鵬（陜西分支）四川分支（待定1人）陜西分支（待定1人）前端開(kāi)發(fā)組游泳勝（組長(zhǎng)）游泳勝（組長(zhǎng)）魏家興山西分支（待