原文地址：//www.wpftutorial.net/Workflow.html

　　譯者聲明：譯者翻譯純屬學(xué)習(xí)交流與興趣愛好，對譯文的內(nèi)容及質(zhì)量不作任何保證。轉(zhuǎn)載請注明譯文來源鏈接，謝謝!

　　用戶體驗設(shè)計流程

　　用戶體驗已成為關(guān)鍵的成功因素

　　在過去，我們?yōu)榱藵M足用戶的功能需求，精力主要集中在開發(fā)產(chǎn)品上。用戶體驗常常在開發(fā)流程的后期才被考慮到。但在今天，消費者的需求不僅僅只是一個可以工作的產(chǎn)品。對于一個好產(chǎn)品來說，提供正確的功能仍然是其先決條件，但為了把它變得非同尋常，你需要提供一個良好的用戶體驗!

　　提供豐富的用戶體驗不是件幸運的事情。它需要被計劃、設(shè)計以及融合到產(chǎn)品的開發(fā)中。設(shè)計豐富的用戶體驗不僅僅是使用一些圖形與漸變來裝飾你的用戶界面-它是一種更加廣泛的概念。它在用戶和你的軟件之間建立起了情感聯(lián)系。它讓用戶感覺良好繼而喜歡繼續(xù)使用這個軟件。

　　設(shè)計人員的新工具

　　Microsoft認識到，給予開發(fā)團隊創(chuàng)造豐富用戶體驗的力量，需要比今天的VisualStudio提供更多的圖形工具支持。因此他們決定開發(fā)一個新的工具套件-為設(shè)計人員制作的。

　　這個工具套件被稱為Microsoft Expression。它由四個產(chǎn)品組成:

　　Expression Blend用來創(chuàng)建WPF與Silverlight的用戶界面。它在設(shè)計人員與開發(fā)人員之間建立起了橋梁。它可以打開VisualStudio的解決方案。

　　Expression Design是一個Adobe Illustrator的輕量版本，可以用來創(chuàng)建和編輯矢量圖形。

　　Expression Media用來轉(zhuǎn)碼、剪輯以及豐富視頻文件的內(nèi)容，它針對Silverlight流進行了優(yōu)化。

　　Expression Web是微軟的下一代HTML/Javascript編輯器。它替代了Frontpage.

　　把它們聯(lián)系在一起就成為了一個強大的工具包。以下圖例展示了一個工作流程示例，它把圖形設(shè)計人員在Adobe Illustrator里創(chuàng)建的向量圖集成到了VisualStudio解決方案中的一個WPF項目里。

　　WPF項目的開發(fā)工作流程

　　開發(fā)一個具有豐富用戶體驗的WPF應(yīng)用程序，需要的不僅僅是一名需求分析師，他定義了一份用戶用例列表和實現(xiàn)軟件的開發(fā)者名單，這需要更多的技巧。 你需要找到用戶真正需要的東西。以下以用戶為中心的方法可以達到這個目的。

　　1. 引導(dǎo)需求

　　就像在任何類型的軟件項目中，了解和集中精力于你的開發(fā)目標(biāo)是很重要的。你應(yīng)該與利益相關(guān)者和用戶進行交流，找出他們真正的需求。這些需求應(yīng)該細化為用戶用例(摘要)或者用戶場景(說明)。根據(jù)風(fēng)險和重要性排列任務(wù)的優(yōu)先級，迭代地進行工作。這項工作是由需求工程師這個角色來完成。

　　2. 建立與評估UI原型

　　建立用戶界面原型是分享想法的一項重要步驟，它在用戶和工程師之間建立了一個相互交流的共同理解的設(shè)計。這項任務(wù)通常是由交互設(shè)計人員來完成。僅用粗略的方法來概述用戶界面是很有幫助的，它可以預(yù)防早期關(guān)于設(shè)計細節(jié)的討論。有多種技術(shù)和工具來做這項工作。它們中的一些是：

　　紙上原型

　　使用紙張和鉛筆畫出用戶界面的粗略草圖。不需要工具和基礎(chǔ)設(shè)置。每個人都可以在紙上涂畫出他們的想法。

　　線框

　　線框常常用來描繪紙上原型的布局。之所以被稱為線框，是因為你只需要畫出控件和圖片的輪廓。這項工作可以使用諸如PowerPoint或Visio之類的工具來完成。

　　Expression Blend 3 - Sketch Flow Sketch  flow是一個新的具有特色的工具，它可以直接用WPF來創(chuàng)建交互的原型。你可以使用集成的“wiggly style”讓它看起來粗略些。這個原型可以在獨立的播放器中運行，這個播放器具有集成反饋機制。

　　交互原型 最昂貴和實際的方法是創(chuàng)建一個(可復(fù)用)交互原型，它如同真正的應(yīng)用程序在工作，但它使用的是假設(shè)數(shù)據(jù)。

　　強烈推薦你在真實用戶的基礎(chǔ)上測試你的UI原型。這將幫助你在開發(fā)流程的早期找出和定位設(shè)計上的缺陷。以下技術(shù)在評估UI原型時非常受歡迎：

　　演練

　　演練通常采用線框或紙上原型的方法，在項目早期完成。用戶得到一個需要解決的任務(wù)，通過在紙上觸摸來控制原型。測試組長則在一張新的紙上展示交互后的狀態(tài)。

　　易用性試驗

　　完成易用性試驗，你需要一臺安裝了屏幕錄制軟件和攝像頭的電腦。體驗者得到一個需要做的任務(wù)，需求工程師和交互工程師觀察他做這項任務(wù)。他們應(yīng)該不與體驗者交談，從而找出他困在什么地方以及為什么會這樣。

　　3. 實現(xiàn)商業(yè)邏輯和原始用戶界面

　　4. 整合圖形設(shè)計

　　5. 測試軟件

　　角色

　　建立具有豐富用戶體驗的現(xiàn)代用戶界面需要你的開發(fā)團隊具備更多的技巧。這些技巧被描述為角色，可以在你的開發(fā)團隊眾人中分配這些角色。

　　開發(fā)人員

　　開發(fā)人員負責(zé)實現(xiàn)程序的功能。他創(chuàng)建數(shù)據(jù)模型、實現(xiàn)商業(yè)邏輯以及把所有的東西都整合為一個簡單的視圖。

　　圖形設(shè)計人員

　　圖形設(shè)計人員負責(zé)創(chuàng)造圖形概念以及生成圖形資源，像圖標(biāo)、商標(biāo)、3D模型和配色方案。如果圖形設(shè)計人員習(xí)慣于使用Microsoft Expression，他可以直接創(chuàng)建出風(fēng)格模板和控件模板。

　　交互設(shè)計人員

　　交互設(shè)計人員負責(zé)用戶界面的內(nèi)容和流程。他創(chuàng)建了線框或UI草圖，與團隊或客戶分享他的想法。他應(yīng)該通過演示或故事板來驗證他的工作。

　　集成人員

　　集成人員是設(shè)計人員世界和開發(fā)人員世界之間的藝術(shù)家。他把圖形設(shè)計人員的資源集成到開發(fā)人員的原始界面里。這個角色需要不可多得的技能，因此常常難以找到合適的人來做這件事情。

　　更多信息

　　The New Iteration - Microsoft Paper about the Designer/Developer collaboration

　　本文來自dream238的博客，原文地址://blog.csdn.net/dream238/archive/2011/06/05/6526564.aspx