051-軟件觀念-從電子商務看交互設計與用戶體驗

1、電子商務與軟件經(jīng)濟導論軟件觀念從電子商務看交互設計與用戶體驗Evaluation Warning : The document was created with Spire.Presentation for .NET從Google談如何提提高電子子商務網(wǎng)網(wǎng)站的轉(zhuǎn)轉(zhuǎn)化開始始Evaluation Warning : The document was created with Spire.Presentation for .NET統(tǒng)計數(shù)據(jù)據(jù)英國在線線銷售市市場過去去兩年增增長71%用戶對在在線購物物體驗好好感過去去只增長長了0.36%購物車的的使用有有50.1%的流失在線購物物需要提提升的地地方有很

2、很多還需要更更多的在在用戶轉(zhuǎn)轉(zhuǎn)化和體體驗方面面的摸索索Evaluation Warning : The document was created with Spire.Presentation for .NETGoogle的建議Evaluation Warning : The document was created with Spire.Presentation for .NETBringmetotherightpage這一點主主要是針針對廣告告的登陸陸頁而言言：廣告告鏈接到到正確的的頁面。Screwfix將廣告鏈鏈接到與與廣告內(nèi)內(nèi)容匹配配的頁面面而不是是搜索結(jié)結(jié)果頁面面之后，減低了了20%

3、的跳出。Evaluation Warning : The document was created with Spire.Presentation for .NETMake yourhomepageuseful讓首頁發(fā)發(fā)揮更多多的作用用：品牌牌影響、產(chǎn)品展展示、用用戶引導導等等Evaluation Warning : The document was created with Spire.Presentation for .NETHelp me navigatel提供清晰晰有效的的網(wǎng)站導導航：讓讓用戶可可以準確確、快捷捷的點擊擊瀏覽和和繼續(xù)操操作。Evaluation Warning : Th

4、e document was created with Spire.Presentation for .NETGive me therightresults whenIsearch提供有效效的搜索索結(jié)果對于減低低搜索頁頁面的跳跳出和最最終的銷銷售轉(zhuǎn)化化有很大大的幫助助。Next在注意到到網(wǎng)站搜搜索結(jié)果果頁面過過高的退退出之后后，對搜搜索結(jié)果果算法進進行優(yōu)化化調(diào)整，降低了了20%的退出的的同時提提升了7%的轉(zhuǎn)化。Evaluation Warning : The document was created with Spire.Presentation for .NETDisplay groupso

5、fproductsclearly同類產(chǎn)品品的展示示要清晰晰，容易易區(qū)分、比較。Schuh在產(chǎn)品分分類頁面面調(diào)整了了產(chǎn)品密密度和圖圖片大小小，轉(zhuǎn)化化增長了了6%。Evaluation Warning : The document was created with Spire.Presentation for .NETGive me theproduct detailsIneed提供盡可可能詳實實的切用用戶需要要的產(chǎn)品品信息。Ltur.de在他們的的列表頁頁面增加加了產(chǎn)品品描述，并且允允許用戶戶使用價格或者分析篩選選產(chǎn)品，提提升了5%的轉(zhuǎn)化。Evaluation Warning : The doc

6、ument was created with Spire.Presentation for .NETMake registrationoptional不要強迫迫用戶注注冊。23%的付款流流失是因因為強迫迫用戶注注冊導致致。針對建議議：允許許不注冊冊就可以以購買、讓注冊冊過程簡簡單些、讓用戶戶清楚知知道注冊冊能帶來來的好處處。Evaluation Warning : The document was created with Spire.Presentation for .NETMake it easytobuy or enquirel減少用戶戶負擔，譬如減減少需要要用戶填填寫的表表單的選選項、

7、將將聯(lián)系按按鈕更為為明顯、簡化購購買流程程等等。Evaluation Warning : The document was created with Spire.Presentation for .NETReassureme增加用戶戶對網(wǎng)站站的安全全感和信信任度。譬如方方便的退退貨、消消單操作作、清晰晰透明的的費用告告知、安安全的支支付保障障等等。Evaluation Warning : The document was created with Spire.Presentation for .NETGoogle總結(jié)提高網(wǎng)站站流量的的質(zhì)量了解網(wǎng)站站的流量量趨勢不要瞎猜猜或者過過分依靠靠經(jīng)驗，要

8、進行行測試。Evaluation Warning : The document was created with Spire.Presentation for .NET觀念的變變化1，PM首先是用用戶2，站在用用戶角度度看待問問題3，用戶體體驗是一一個完整整的過程程4，追求效效果，不不做沒用用的東西西5，發(fā)現(xiàn)需需求，而而不是創(chuàng)創(chuàng)造需求求6，決定不不做什么么，往往往比決定定做什么么更重要要7，用戶是是很難被被教育的的，要迎迎合用戶戶，而不不是改變變用戶8，關(guān)注最最大多數(shù)數(shù)用戶，關(guān)鍵點點上超越越競爭對對手，快快速上線線，實踐踐中不斷斷改進9，給用戶戶穩(wěn)定的的體驗預預期10，如果不不確定該該怎么做做

9、，就先先學別人人是怎么么做的11，把用戶戶當作傻傻瓜，不不要讓用用戶思考考和選擇擇，替用用戶預先先想好12，不要給給用戶不不想要的的東西，任何沒沒用的東東西對用用戶都是是一種傷傷害Evaluation Warning : The document was created with Spire.Presentation for .NET從一個例例子說起起-用戶體驗驗與交互互設計Evaluation Warning : The document was created with Spire.Presentation for .NET這個事情情，也許許你也碰碰到過vivi（薇薇，26歲，一位位優(yōu)雅迷

10、迷人的OL）打開錢錢包，從從卡夾層層里拿出出那張有有著金黃黃葵花的的銀行卡卡，又到到發(fā)工資資的時候候，不知知道今天天到帳了了沒有，還約好好了明天天和死黨黨一起Shopping呢！剛才才路過銀銀行想查查一下余余額，但但是排隊隊的人太太多了，不過還還有電話話銀行嘛嘛，vivi一邊想，一邊拿拿出手機機，撥通通了電話話銀行的的號碼：Evaluation Warning : The document was created with Spire.Presentation for .NET一個溫柔柔禮貌的的MM語音提示示：“您好，歡歡迎使用用招商銀銀行電話話銀行系系統(tǒng)，1，自動語語音服務務，2人工服務務；

11、”vivi把手機從從耳邊拿拿下來，找到1號鍵，按按了一下下；“1個人銀行行服務，2公司銀行行服務，3銀證通功功能，4個人外匯匯買賣服服務，5基金服務務，0退出；”Evaluation Warning : The document was created with Spire.Presentation for .NETvivi又按了1；“1存折戶，2一卡通戶戶，3個人信用用卡戶，4新舊卡號號查詢0退出；”vivi按下了1旁邊的2號鍵；“請輸入一一卡通卡卡號，以以#號結(jié)束；”“1080 80699”，vivi連忙輸入入了卡號號，按#號鍵；“請輸入查查詢密碼碼，以#號結(jié)束；”因為開戶戶不久，剛設的的

12、密碼，vivi稍微想了了一下，才把密密碼輸進進去，輸輸完又看看了一眼眼，按了了#號鍵；Evaluation Warning : The document was created with Spire.Presentation for .NET“1帳務查詢詢，2轉(zhuǎn)賬，3修改密碼碼，4電話掛失失，5通訊業(yè)務務，6自助貸款款，7自助繳費費及一卡卡通上網(wǎng)網(wǎng)，8神州行充充值服務務，9憑證式國國債，0退出”汗這都是些些什么呀呀？vivi皺了皺眉眉，再次次按了一一下1；“10人民幣，21港幣，32美元；35歐元，65日元，43英鎊，29澳大利亞亞元，87瑞士法郎郎39加拿大元元，69新加坡元元，00退出；”

13、“10，拜托，我可只只有人民民幣”電話里仍仍然是溫溫柔禮貌貌而不折折不扣的的錄音提提示：“1活期，2整存整取取，3零存整取取，4整存零取取，5存本取息息，6定活兩便便，7大額定期期，8通知存款款，9教育儲蓄蓄，0退出?！盓valuation Warning : The document was created with Spire.Presentation for .NET“1”vivi一邊按鍵鍵一邊看看著手機機屏幕上上已經(jīng)輸輸入的一一大堆數(shù)數(shù)字。“1余額，2當天交易易，3歷史交易易，0退出”“1”“您當前的的余額是是陸仟九九佰五拾拾陸元伍伍角玖分分”。謝天謝地地，工資資到帳了了。vivi長舒

14、一口口氣，查查個余額額，真不不容易啊啊！Evaluation Warning : The document was created with Spire.Presentation for .NET這個電話話銀行，你會去去用嗎？手機銀行行現(xiàn)在有有了，你你知道嗎嗎？移移動互聯(lián)聯(lián)網(wǎng)的時時代Evaluation Warning : The document was created with Spire.Presentation for .NET互聯(lián)網(wǎng)也也有同樣樣的問題題！Evaluation Warning : The document was created with Spire.Presentat

15、ion for .NET用戶體驗驗及交互互設計Evaluation Warning : The document was created with Spire.Presentation for .NET什么是用用戶體驗驗用戶體驗驗(UserExperience)，縮寫為為UE,或者UX。用戶訪問問一個網(wǎng)網(wǎng)站或者者使用一一個產(chǎn)品品時的全全部體驗驗。用戶體驗驗設計-一套設計計流程（UEDesign）目標用戶戶設定滿意度的的范圍和和指標設設定用戶需求求的功能能交互研究究系統(tǒng)反饋饋和最終終的報告告與成果果UED-讓用戶自自然愉悅悅地使用用產(chǎn)品。以用戶為為中心（UCD），用戶體體驗從產(chǎn)產(chǎn)品開發(fā)發(fā)的早期期

16、就要介介入進來來，并貫貫穿整個個流程。Evaluation Warning : The document was created with Spire.Presentation for .NET用戶體驗驗是競爭爭力商業(yè)競爭爭通常有有三大動動力：商商業(yè)模式式、技術(shù)術(shù)、用戶戶體驗當前兩者者基本沒沒有太大大差距的的時候,用戶體驗驗是最激激烈戰(zhàn)場場.Evaluation Warning : The document was created with Spire.Presentation for .NET軟件設計計，設計，交互設設計軟件設計計的藝術(shù)術(shù)TerryWinograd(2004年度的ACM人機交

17、互互院士)開發(fā)軟件件建房子土木工程程師裝修設計計師建筑設計計師軟件設計計設計計交互設計計Evaluation Warning : The document was created with Spire.Presentation for .NET有用的用戶體驗驗要素易用的可發(fā)現(xiàn)的的可靠的創(chuàng)造性的的渴望的有價值的的功能性情感因素Evaluation Warning : The document was created with Spire.Presentation for .NET互聯(lián)網(wǎng)用用戶體驗驗類型感官體驗驗：呈現(xiàn)現(xiàn)給用戶戶視聽上上的體驗驗，強調(diào)調(diào)舒適性性。交互體驗驗：呈現(xiàn)現(xiàn)給用戶戶操作上上的

18、體驗驗，強調(diào)調(diào)易用/可用性。情感體驗驗：呈現(xiàn)現(xiàn)給用戶戶心理上上的體驗驗，強調(diào)調(diào)友好性性。瀏覽體驗驗：呈現(xiàn)現(xiàn)給用戶戶瀏覽上上的體驗驗，強調(diào)調(diào)吸引性性。信任體驗驗：呈現(xiàn)現(xiàn)給用戶戶的信任任體驗，強調(diào)可可靠性。Evaluation Warning : The document was created with Spire.Presentation for .NET怎樣開展展用戶體體驗劃分用戶戶群，確確定目標標用戶走近目標標用戶，挖掘用用戶需求求在用戶需需求與商商業(yè)需求求中尋找找平衡點點規(guī)劃產(chǎn)品品的發(fā)展展策略，什么時時候做什什么事情情快速設計計、研發(fā)發(fā)、測試試、上線線?？焖偎僬{(diào)整始終提供供給用戶戶“有用

19、”的東西Evaluation Warning : The document was created with Spire.Presentation for .NET用戶體驗驗在網(wǎng)站站設計中中需要注注意的一致性視覺一致致性：字字體、顏顏色、圖圖片等元元素的規(guī)規(guī)格、尺尺寸、樣樣式、間間距等；交互一致致性：頁頁面跳轉(zhuǎn)轉(zhuǎn)、彈出出對話框框、鼠標標動作（單擊、滑過）等；內(nèi)容一致致性：內(nèi)內(nèi)容導向向、語氣氣、角度度、基調(diào)調(diào)、風格格；框架一致致性：頁頁面及模模塊的結(jié)結(jié)構(gòu)和樣樣式等。階段性網(wǎng)站發(fā)展展是有階階段性的的，不能能一蹴而而就，在在每個階階段都有有既定發(fā)發(fā)展目標標。產(chǎn)品品設計應應符合當當前階段段的戰(zhàn)略略發(fā)展

20、目目標。用戶參與與性用戶提供供內(nèi)容用戶參與與審核與與優(yōu)化用戶口碑碑營銷Evaluation Warning : The document was created with Spire.Presentation for .NET網(wǎng)站建設設步驟確定網(wǎng)站目標戰(zhàn)略與資源用戶調(diào)研內(nèi)容/功能信息架構(gòu)流程設計界面設計交互細節(jié)設計視覺設計高保真靜態(tài)頁技術(shù)研發(fā)測試上線培訓及幫助文檔網(wǎng)絡營銷用戶調(diào)研及獲取反饋數(shù)據(jù)統(tǒng)計及分析產(chǎn)品版本迭代實現(xiàn)目標Evaluation Warning : The document was created with Spire.Presentation for .NET那么，互聯(lián)網(wǎng)產(chǎn)產(chǎn)品

21、的交交互設計計應該怎怎么做？Evaluation Warning : The document was created with Spire.Presentation for .NET互聯(lián)網(wǎng)交交互設計計工作信息架構(gòu)構(gòu)是一個整整理信息息，斡旋旋信息系系統(tǒng)與使使用者需需求的過過程，主主要是要要將信息息變成一一個經(jīng)過過組織、歸類、以及具具有瀏覽覽體系的的組合結(jié)結(jié)構(gòu)。網(wǎng)網(wǎng)站的組組織系統(tǒng)統(tǒng)、標簽簽系統(tǒng)、搜索系系統(tǒng)，以以及導航航系統(tǒng)的的組合。目的是是提供可可用性及及可尋性性。流程設計計根據(jù)用戶戶需求分分析，對對用戶在在網(wǎng)站中中需要完完成的任任務流程程進行設設計。目目的是使使流程清清晰合理理并使用用戶根據(jù)據(jù)

22、適當?shù)牡囊龑ы橅樌瓿沙扇蝿铡＝缑嬖O計計網(wǎng)站原型型設計、網(wǎng)站藍藍圖設計計。將內(nèi)內(nèi)容與功功能的安安排直觀觀體現(xiàn)出出來。交互細節(jié)節(jié)設計根據(jù)基本本的交互互設計規(guī)規(guī)則，對對網(wǎng)站涉涉及到交交互功能能的細節(jié)節(jié)進行文文檔化要要求（詳詳細設計計文檔）。Evaluation Warning : The document was created with Spire.Presentation for .NET信息架構(gòu)構(gòu)我們可以以抽象的的理解為為：通過過一堵“墻”架架起了“人”和和“信息息”的橋橋梁，使使之各自自找到需需要的信信息。這堵墻亦亦可以理理解成一一個廣義義的“界界面”，它就是是傳說中中的“信信息架構(gòu)構(gòu)”！

23、Evaluation Warning : The document was created with Spire.Presentation for .NET如何進行行信息架架構(gòu)？根據(jù)自己己所在的的組織范范圍內(nèi)的的具體情情況，推推動商業(yè)業(yè)、內(nèi)容容、用戶戶三要素素均衡發(fā)發(fā)展。商業(yè)：所所有的網(wǎng)網(wǎng)站和企企業(yè)網(wǎng)絡絡都存在在于特定定的商業(yè)業(yè)或組織織環(huán)境中中。無論論明顯或或不明顯顯，每一一個組織織都有任任務、目目標、策策略、員員工、流流程和程程序、實實體基礎(chǔ)礎(chǔ)架構(gòu)和和技術(shù)基基礎(chǔ)架構(gòu)構(gòu)、預算算和文化化。將這這幾種功功能、愿愿景及資資源混合合之后，每一個個組織就就成為獨獨一無二二的組織織了。內(nèi)容：包包括文件件、

24、應用用程序、服務、模式，以及人人們要找找到你的的網(wǎng)站時時所需要要的元數(shù)數(shù)據(jù)。真真要采用用某個專專業(yè)術(shù)語語的話，可以說說就是構(gòu)構(gòu)成你的的網(wǎng)站的的“材料料”。用戶：現(xiàn)現(xiàn)實世界界中顧客客喜好和和行為的的差異，在網(wǎng)站站和企業(yè)業(yè)網(wǎng)絡的的情境中中就會被被轉(zhuǎn)化成成不同的的信息需需求和信信息搜尋尋行為。Evaluation Warning : The document was created with Spire.Presentation for .NET信息架構(gòu)構(gòu)的類型型靜態(tài)展示示型例如新浪浪、搜狐狐等門戶戶型網(wǎng)站站；華爾爾街日報報等新聞聞類網(wǎng)站站。交互型例如開心心網(wǎng)等社社區(qū)交互互型網(wǎng)站站；淘寶寶、當當當?shù)?/p>

25、B2C電子商務務網(wǎng)站。Evaluation Warning : The document was created with Spire.Presentation for .NET信息架構(gòu)構(gòu)的表現(xiàn)現(xiàn)形式網(wǎng)站的組組織系統(tǒng)統(tǒng)、標簽簽系統(tǒng)、搜索系系統(tǒng)，以以及導航航系統(tǒng)的的組合。Evaluation Warning : The document was created with Spire.Presentation for .NET流程設計計功能流程的設設計。例例如注冊冊流程、電子商商務網(wǎng)站站中的購購物流程程封裝設設計等。通過流程程交互設設計，可可以簡化化不必要要的邏輯輯步驟，減少用用戶操作作次數(shù)。流程

26、最好好采用線線性，明明晰流程程的起點點與終點點?？刂屏鞒坛虄?nèi)的任任務范圍圍，過于于龐雜的的任務會會形成干干擾，容容易讓用用戶心生生恐懼。Evaluation Warning : The document was created with Spire.Presentation for .NET范例：某某添加賬賬戶的流流程設計計之前的設設計（7個步驟、8次提交）：1。進入“系統(tǒng)設置置”；2。進入帳戶戶管理；2.1。選擇“添加帳戶戶”；3。輸入郵箱箱名稱；4。輸入郵箱箱地址和和密碼；5。填寫手機機號和簽簽名（可可跳過）；6。設置郵件件服務器器；7。提交完成成。之后的（考慮了了用戶體體驗、安安全問題題

27、與商業(yè)業(yè)價值，常規(guī)提提交4次）：Evaluation Warning : The document was created with Spire.Presentation for .NET界面設計計交互設計計中的界界面設計計，又稱稱藍圖設設計或原原型設計計。使用用一定的的原型設設計軟件件，對功功能和內(nèi)內(nèi)容進行行組織和和表達，其目的的在于直直觀地呈呈現(xiàn)設計計思想，并起到到有效的的信息傳傳達的作作用。方法一：自然語語言法。方法二：結(jié)構(gòu)圖圖法。Evaluation Warning : The document was created with Spire.Presentation for .NET界

28、面設計計頁面表達達原則更少的信信息量更更好。結(jié)構(gòu)化更更易于理理解。信息的表表達應該該清楚、明確、直接。操作可識識別。操作前，結(jié)果可可預知。操作時，操作有有反饋。操作后，操作可可撤銷。讓用戶知知道身處處何地。避免內(nèi)容容看上去去象廣告告。不提供多多余的功功能。相同的功功能，在在不同的的頁面中中應保持持一致性性。措辭統(tǒng)一一。Evaluation Warning : The document was created with Spire.Presentation for .NET界面設計計自然語言言法具體操作作：第一步.概括待表表達的信信息第二步.將概括好好的信息息排序第三步.使用界面面語言翻譯適用于

29、較較明確的的線性流流程設計計。Evaluation Warning : The document was created with Spire.Presentation for .NET界面設計計結(jié)構(gòu)圖法法具體操作作：第一步.總結(jié)歸納納全部待待表達的的信息。第二步.畫樹狀圖圖。第三步.畫頁面草草圖，演演示。(其中包含含：頁面面標題、導航、重要的的鏈接和和按鈕。)Evaluation Warning : The document was created with Spire.Presentation for .NET界面設計計結(jié)構(gòu)圖法法Evaluation Warning : The docum

30、ent was created with Spire.Presentation for .NET交互細節(jié)節(jié)設計重點在于于文檔化化。網(wǎng)站設計計中應當當遵循的的基本原原則。Evaluation Warning : The document was created with Spire.Presentation for .NET交互設計計的主要要任務通過清晰晰、準確確、簡潔潔的表達達進而實實現(xiàn)人機機交互。表達Evaluation Warning : The document was created with Spire.Presentation for .NET互聯(lián)網(wǎng)產(chǎn)品UCDEvaluation

31、Warning : The document was created with Spire.Presentation for .NET為什么UCD如此重要要？UCD（User-centered design）：以用用戶為中中心的設設計在開發(fā)產(chǎn)產(chǎn)品的每每一個步步驟中，都要把把用戶列列入考慮慮范圍UCD是一個口口號嗎？UCD對于實際際工作有有什么指指導和意意義呢？UCD即創(chuàng)建高高效的UE方法，與與其說UCD是一種方方法還不不如說是是一種互互聯(lián)網(wǎng)產(chǎn)產(chǎn)品的設設計思想想，那么么成功的的UE（User Experience）用戶體體驗又具具有什么么樣的意意義？理解人們們所想和和所需：圍繞用戶戶需求和和心智

32、模模型進行行產(chǎn)品設設計Evaluation Warning : The document was created with Spire.Presentation for .NET用戶體驗驗價值圖圖積極的、良好的的用戶體體驗可以以增加用用戶的回回訪、獲獲得用戶戶的信任任，增加加購買的的意向，實際上上是增加加了我們們獲得利利潤的能能力。即使我們們的網(wǎng)站站并不是是直接靠靠在線銷銷售獲得得利潤的的經(jīng)營模模式，但但高效的的用戶體體驗可以以提高轉(zhuǎn)轉(zhuǎn)換率，實際上上是幫我我們更快快、更穩(wěn)穩(wěn)健的達達到我們們的商業(yè)業(yè)目標。Evaluation Warning : The document was created

33、with Spire.Presentation for .NETUE車輪構(gòu)構(gòu)成用戶戶體驗的的30種要素從中間開開始價值是我我們想要要達到的的目標。從顧客到到提供商商，正向向的用戶戶體驗是是可以實實現(xiàn)“雙雙贏”的的我們通過過正向的的用戶體體驗來實實現(xiàn)價值值。用戶體驗驗由許多多方面組組成，我我們必須須重視可可尋性、可接近近性、合合意性、可用性性、可靠靠性和有有用性這這些方面面。用戶體驗驗的方面面又由許許多方面面組成，這個模模型具體體呈現(xiàn)了了30種要素。Evaluation Warning : The document was created with Spire.Presentation for

34、.NET用戶體驗驗的要素素戰(zhàn)略層：用戶的的需求是是什么？網(wǎng)站的的目標/商業(yè)目的的是什么么？范圍層：什么樣樣的信息息和內(nèi)容容滿足用用戶的需需求？結(jié)構(gòu)層：如何組組織、導導航，并并響應用用戶滿足足其需求求？框架層：如何將將 概念念模型細細化到具具體的界界面外觀觀、布局局、導航航信息設設計視覺層：用戶看看到的最最終表現(xiàn)現(xiàn)形式是用戶體體驗的要要素組成成結(jié)構(gòu)，也總結(jié)結(jié)了我們們的產(chǎn)品品設計過過程Evaluation Warning : The document was created with Spire.Presentation for .NET5.9Evaluation Warning : The do

35、cument was created with Spire.Presentation for .NET產(chǎn)品設計計團隊的的組建和和產(chǎn)品設設計流程Evaluation Warning : The document was created with Spire.Presentation for .NET產(chǎn)品設計計團隊產(chǎn)品設計計團隊：PM（項目經(jīng)經(jīng)理/產(chǎn)品經(jīng)理理）BI（商業(yè)情情報）UR（用戶體體驗分析析師）user researcherIA（信息架架構(gòu)師）(informationarchitect)ID（交互設設計師）interactiondesignerCD（內(nèi)容設設計師）Content Desig

36、nerVD（視覺設設計師）visualdesignerUID（界面設設計師）user interfacedesigner把專業(yè)的的事交給給專業(yè)的的人去做做，然后后專心做做自己專專業(yè)的事事我們拍一一部有10個角色的的電影，但我們們只有5位演員，我們不不會去掉掉5個角色，而是1個人飾演演2個角色Evaluation Warning : The document was created with Spire.Presentation for .NET產(chǎn)品經(jīng)理理產(chǎn)品經(jīng)理理負責整整個產(chǎn)品品的定位位、規(guī)劃劃、定制制發(fā)展方方向及策策略，并負責團團隊的激激勵和管管理：他應該把把精力用用于產(chǎn)品品的“戰(zhàn)戰(zhàn)略層”、

37、“范范圍層”，他不不一定對每一一個領(lǐng)域域都精通通，但一一定具有有全局觀觀和把控控能力。產(chǎn)品經(jīng)理理的產(chǎn)品品管理能能力，體體現(xiàn)在具具體工作作：負責產(chǎn)品品概念設設計的把把關(guān)撰寫市場場需求文文檔（MRD）和產(chǎn)品品需求文文檔（PRD）進行競爭爭狀況分分析規(guī)劃產(chǎn)品品路線圖圖制作產(chǎn)品品演示PPT分析產(chǎn)品品數(shù)據(jù)等等組織溝通通、注重重細節(jié)、商業(yè)嗅嗅覺、整整體規(guī)劃劃Evaluation Warning : The document was created with Spire.Presentation for .NET信息架構(gòu)構(gòu)師IA（信息架架構(gòu)師）(informationarchitect)網(wǎng)站的信信息組織織系

38、統(tǒng)、標識系系統(tǒng)、導導航系統(tǒng)統(tǒng)和搜索索系統(tǒng)組織方式式分類體系系順序排列列導航結(jié)構(gòu)設計計確定網(wǎng)站站的結(jié)構(gòu)構(gòu)類型，層級？矩陣？線性？讓用戶在在信息空空間中很很清楚自自己的位位置和達達到目的的地的途途徑設計信息息環(huán)境、組織結(jié)結(jié)構(gòu)對信息的的系統(tǒng)分分類，以以符合用用戶的思思維模型型對信息進進行順序序設計、讓用戶戶在合適適的時間間、合適適的位置置獲取應應該得到到的信息息一個有效效的信息息架構(gòu)可可以讓人人們按照照邏輯直直觀的，毫無阻阻礙的一一步步地地接近他他們需要要的信息息Evaluation Warning : The document was created with Spire.Presentation

39、 for .NET交互設計計師以目標為為導向，界面設設計的范范疇“任任務分解解”過程程“我們把把產(chǎn)品功功能按照照用戶的的具體需需求組合合成典型型任務場場景，然然后對每每個任務務進行詳詳細的使使用流程程設計”。決定交互互設計有有多少工工作的并并非多少少界面，而是有有多少任任務。我們的交交互設計計師通常常只做：行為設計計：用戶點擊擊之后反反饋什么么樣的結(jié)結(jié)果？可以拖拽拽操作嗎嗎？用什么樣樣的語言言和用戶戶交互？界面設計計：使用按鈕鈕還是圖圖標？TAB如何表現(xiàn)現(xiàn)？錯誤處理理交付物：產(chǎn)品線線框圖（Wireframes）、產(chǎn)品品特性清清單（Feature List） 交互設計計師需要要具備憑憑空想象象復

40、雜行行為的能能力觀點：1、交互設設計師不不要把全全部的精精力用于于交互設設計的表表現(xiàn)層面面，而要要更多的的去考慮慮交互思思想、交交互理念念的設計計。2、用戶3步完成一一項任務務一定比比5步完成這這項任務務更加具具有可用用性嗎？Evaluation Warning : The document was created with Spire.Presentation for .NET交互設計計任務分分解舉例例Evaluation Warning : The document was created with Spire.Presentation for .NET界面交交互信信息構(gòu)架架？Evalua

41、tion Warning : The document was created with Spire.Presentation for .NET產(chǎn)品瀑布布流程調(diào)查設計開發(fā)運營概念頭腦風暴市場研究情境調(diào)查 定義人物角色模型用戶場景故事板概念導圖設計流程圖原型（紙、線框、高保、設計說明）視覺內(nèi)容清單可用性測試檢查驗收清單MRDPRD評審設計評審審UC評審測試用例例檢檢查Evaluation Warning : The document was created with Spire.Presentation for .NET產(chǎn)品設計流程程參考產(chǎn)品設計流程通過數(shù)據(jù)據(jù)分析研研究，定定位產(chǎn)品品和用戶戶確定

42、用戶戶群體特特征，研研究用戶戶目標和和行為的的關(guān)鍵因因素產(chǎn)品的理理念、定定位、整整體性結(jié)結(jié)構(gòu)、用用戶需求求核心通過用戶戶調(diào)研，結(jié)合定定量、定定性分析析，為不不同目標標用戶制制定不同同的產(chǎn)品品策略1、市場研研究2、用戶定定位分析析3、產(chǎn)品概概念設計計4、用戶細細分Evaluation Warning : The document was created with Spire.Presentation for .NET產(chǎn)品設計計流程產(chǎn)品設計流程設計人物物角色，建立檔檔案針對目標標用戶，分析功功能模塊塊，確定定做什么么和不做做什么信息空間間的結(jié)構(gòu)構(gòu)、組織織、導航航、標識識。通過過任務分分解（場場景設

43、計計），設設計互動動流程通過用戶戶現(xiàn)場操操作、低低保真原原型操作作等方式式做產(chǎn)品品的可用用性測試試5、人物角角色創(chuàng)建建6、功能需需求分析析7、信息構(gòu)構(gòu)架、交交互設計計8、可用性性測試Evaluation Warning : The document was created with Spire.Presentation for .NET產(chǎn)品設計計過程中中的交付付物概念階段段（concept）階段的的交付物物：概念念文檔（concept document）或者是是概念原原型（concept prototype）探索階段段（discover） 階段段的交付付物：提提案文檔檔（ProposalDoc

44、ument）定義階段段（definition） 的交交付物：需求文文檔（Product Requirement Document），產(chǎn)品品概念設設計（Concept DesignMeterials）細化階段段（refinement） 的交交付物：產(chǎn)品線線框圖（Wireframes）、產(chǎn)品品特性清清單（Feature List）、最終終的原型型設計（可以是是任何版版本的，例如HTML、Flash或者是專專用的原原型制作作工具）某工作小小組的產(chǎn)產(chǎn)品策劃劃流程各個階段段的交付付物形式式Evaluation Warning : The document was created with Spire.P

45、resentation for .NET舉例：YAHOO產(chǎn)品設計計流程團隊組建建產(chǎn)品經(jīng)理（product manager）用戶體驗驗研究員員(userresearcher)信息架構(gòu)構(gòu)師(informationarchitect)視覺設計計師(visual designer)、界面設設計師（user interfacedesigner）互動設計計師(interactiondesigner)工程師(web developer)/engineer工作流程程1、產(chǎn)品品經(jīng)理制制定產(chǎn)品品整體構(gòu)構(gòu)架，產(chǎn)產(chǎn)品發(fā)展展方向等等，做全全局把控控2、以上上人員共共同參與與產(chǎn)品討討論，制制定時間間表以及及任務分分工3、

46、用戶戶體驗研研究員作作產(chǎn)品和和用戶等等調(diào)查研研究4、信息息架構(gòu)師師設計產(chǎn)產(chǎn)品信息息架構(gòu)、內(nèi)容架架構(gòu)5、互動動設計師師設計互互動流程程6、視覺覺設計師師(visual designer)和user interfacedesigner做視覺設設計7、webdeveloper把設計模模型通過過編寫程程序(html,dhtml, JavaScript)等再現(xiàn)現(xiàn)，最最后交給給工程師師8、用戶戶體驗研研究員需需要做用用戶測試試9、QA(Quality assurance)需要測驗驗產(chǎn)品的的操作步步驟，確確認產(chǎn)品品的使用用質(zhì)量Evaluation Warning : The document was cre

47、ated with Spire.Presentation for .NET產(chǎn)品設計計中的棘棘手問題題沒有UED、IA、ID、VD，更別說說什么UR了，我們們?nèi)绾伍_開展產(chǎn)品品設計工工作？網(wǎng)站的行行文、界界面文字字誰來把把關(guān)、是是PM還是ID，還是誰誰？PM和UE的關(guān)系如如何界定定？誰，何時時，需要要加入產(chǎn)產(chǎn)品設計計的概念念性階段段？產(chǎn)品設計計規(guī)范如如何確定定和執(zhí)行行？為什么我我們產(chǎn)品品設計時時間總是是不夠用用？缺乏高效效的溝通通、團隊隊成員對對于目標標的不明明確，會會導致整整體效率率的下降降，我們們要讓團團隊的成成員都清清楚：產(chǎn)品目標標、工作作流程、設計規(guī)規(guī)范、日日程安排排Evaluation

48、Warning : The document was created with Spire.Presentation for .NET產(chǎn)品設計計方法和和原型、工具Evaluation Warning : The document was created with Spire.Presentation for .NET以用戶為為中心的的設計方方法舉例例卡片分類類(CardSorting)觀察用戶戶是如何何理解內(nèi)內(nèi)容和組組織信息息，用來來幫助你你的網(wǎng)站站(產(chǎn)品)更合理的的組織信信息。情境訪談談(ContextualInterviews)走進用戶戶的現(xiàn)實實環(huán)境，讓你了了解你的的用戶的的工作方方式，生

49、生活環(huán)境境等等情情況。焦點小組組(FocusGroups)組織一組組的用戶戶進行討討論，讓讓你更了了解用戶戶的理解解、想法法、態(tài)度度和想要要什么。啟發(fā)式評評估(Heuristic Evaluation)可用性的的檢查方方法，讓讓一些行行內(nèi)專家家對網(wǎng)站站產(chǎn)品進進行指導導。Evaluation Warning : The document was created with Spire.Presentation for .NET以用戶為為中心的的設計方方法舉例例單獨訪談談(IndividualInterviews)一對一的的用戶討討論,讓你了解解某個用用戶是如如何工作作,使你知道道用戶的的感受,想要

50、什么么和他的的經(jīng)歷。平行設計計(ParallelDesign)對同一個個網(wǎng)站(產(chǎn)品)進行分開開的設計計，從而而比較選選擇一個個最佳方方案。角色模型型(Personas)構(gòu)建一個個虛構(gòu)的的人來代代表大部部分用戶戶，設計計團隊圍圍繞這個個虛擬人人物設計計開發(fā)產(chǎn)產(chǎn)品。原型(Prototyping)利用簡單單網(wǎng)站(產(chǎn)品)原型進行行相關(guān)的的測試，從而節(jié)節(jié)約后期期大量的的成本。Evaluation Warning : The document was created with Spire.Presentation for .NET以用戶為為中心的的設計方方法舉例例問卷調(diào)查查(Surveys)利用網(wǎng)上上或紙

51、張張的問題題list對用戶進進行發(fā)放放填寫，從而收收集用戶戶對網(wǎng)站站(產(chǎn)品)的反饋意意見。任務分析析(TaskAnalysis)通過任務務分析了了解用戶戶使用你你網(wǎng)站(產(chǎn)品)時的目標標和操作作方式，習慣?？捎眯詼y測試(Usability Testing)請用戶來來試用你你的網(wǎng)站站(產(chǎn)品)，有任務務性的完完成測試試。從而而得到你你所想要要的東西西。用例(Use Cases)描述某個個用戶使使用你網(wǎng)網(wǎng)站(產(chǎn)品)時的情況況，包括括目標和和行動。Evaluation Warning : The document was created with Spire.Presentation for .NET用

52、戶研究究人人物角色色創(chuàng)建人物角色色（Personas）作為UCD方法中最最重要的的一個工工具，是通過過創(chuàng)建典典型用戶戶來代表表具有不不同目標標的用戶戶從而滿滿足具有有類似目目標和需需求的用用戶群”，介紹紹了通過過角色，產(chǎn)品設設計者可可以站在在用戶的的角度考考慮問題題，從而而把設計計者的注注意力集集中在用用戶需求求和目標標上Evaluation Warning : The document was created with Spire.Presentation for .NET用戶研究究人人物角色色創(chuàng)建用戶定性性研究細分用戶戶群為細分群群體創(chuàng)建角色色用戶訪談談現(xiàn)場調(diào)查查用例測試試用目標細細分用使

53、用周周期細分分用行為和和觀點一種最簡簡單的人人物角色色創(chuàng)建方方法定性人人物角色色還有：經(jīng)經(jīng)定量驗驗證的定定性人物物角色，完全的的定量人人物角色色建立檔案案展示人物物角色融入角色色Evaluation Warning : The document was created with Spire.Presentation for .NET用戶研究究人人物角色色創(chuàng)建不經(jīng)過分分類、邏邏輯分析析的原始始用戶數(shù)數(shù)據(jù)、訪訪談調(diào)查查表本身身并沒有有什么意意義，往往往會讓讓我們陷陷入細節(jié)節(jié)并得到到錯誤的的結(jié)論創(chuàng)建角色：人人物角色色可以時時刻提醒醒我們，要把時時間用在在滿足我我們的目目標用戶戶群體上上人物角色可以以避免我我們基于于自己的的想法做做決策太夸張?zhí)撂[藏太多干擾擾人物角色色形象要要具有普普通代表表性，并并和人物物特性相相符合Evaluation Warning : The document was created with Spire.Presentation for .NET原型設計計：故事事板*紙板用于屏幕幕；* 郵票票式張貼貼用于菜單單、對話話框和其其他的屏屏幕元素素；* 透明明的幻燈燈片用于臨時時項目或或用戶輸輸入；* 隱藏藏的帶子子或者其其它用于于用戶輸輸入的帶帶子；* 筆和和標記（可擦寫寫標記用用戶輸入入或臨時時信息