05.1-軟件觀念-從電子商務(wù)看交互設(shè)計(jì)與用戶體驗(yàn)

1、電子商務(wù)與軟件經(jīng)濟(jì)導(dǎo)論,軟件觀念-從電子商務(wù)看交互設(shè)計(jì)與用戶體驗(yàn),從Google談如何提高電子商務(wù)網(wǎng)站的轉(zhuǎn)化開始,統(tǒng)計(jì)數(shù)據(jù),英國(guó)在線銷售市場(chǎng)過(guò)去兩年增長(zhǎng)71% 用戶對(duì)在線購(gòu)物體驗(yàn)好感過(guò)去只增長(zhǎng)了0.36% 購(gòu)物車的使用有50.1%的流失 在線購(gòu)物需要提升的地方有很多 還需要更多的在用戶轉(zhuǎn)化和體驗(yàn)方面的摸索,Google的建議,Bring me to the right page 這一點(diǎn)主要是針對(duì)廣告的登陸頁(yè)而言：廣告鏈接到正確的頁(yè)面。Screwfix將廣告鏈接到與廣告內(nèi)容匹配的頁(yè)面而不是搜索結(jié)果頁(yè)面之后，減低了20%的跳出,Make your homepage useful 讓首頁(yè)發(fā)揮更多的作

2、用：品牌影響、產(chǎn)品展示、用戶引導(dǎo)等等,Help me navigatel 提供清晰有效的網(wǎng)站導(dǎo)航：讓用戶可以準(zhǔn)確、快捷的點(diǎn)擊瀏覽和繼續(xù)操作,Give me the right results when I search 提供有效的搜索結(jié)果 對(duì)于減低搜索頁(yè)面的跳出和最終的銷售轉(zhuǎn)化有很大的幫助。Next在注意到網(wǎng)站搜索結(jié)果頁(yè)面過(guò)高的退出之后，對(duì)搜索結(jié)果算法進(jìn)行優(yōu)化調(diào)整，降低了20%的退出的同時(shí)提升了7%的轉(zhuǎn)化,Display groups of products clearly 同類產(chǎn)品的展示要清晰，容易區(qū)分、比較。Schuh在產(chǎn)品分類頁(yè)面調(diào)整了產(chǎn)品密度和圖片大小，轉(zhuǎn)化增長(zhǎng)了6,Give me t

3、he product details I need 提供盡可能詳實(shí)的切用戶需要的產(chǎn)品信息。Ltur.de在他們的列表頁(yè)面增加了產(chǎn)品描述，并且允許用戶使用價(jià)格或者分析篩選產(chǎn)品，提升了5%的轉(zhuǎn)化,Make registration optional 不要強(qiáng)迫用戶注冊(cè)。23%的付款流失是因?yàn)閺?qiáng)迫用戶注冊(cè)導(dǎo)致。 針對(duì)建議：允許不注冊(cè)就可以購(gòu)買、讓注冊(cè)過(guò)程簡(jiǎn)單些、讓用戶清楚知道注冊(cè)能帶來(lái)的好處,Make it easy to buy or enquirel 減少用戶負(fù)擔(dān)，譬如減少需要用戶填寫的表單的選項(xiàng)、將聯(lián)系按鈕更為明顯、簡(jiǎn)化購(gòu)買流程等等,Reassure me 增加用戶對(duì)網(wǎng)站的安全感和信任度。譬如方

4、便的退貨、消單操作、清晰透明的費(fèi)用告知、安全的支付保障等等,Google總結(jié) 提高網(wǎng)站流量的質(zhì)量 了解網(wǎng)站的流量趨勢(shì) 不要瞎猜或者過(guò)分依靠經(jīng)驗(yàn)，要進(jìn)行測(cè)試,觀念的變化,1，PM首先是用戶 2，站在用戶角度看待問題 3，用戶體驗(yàn)是一個(gè)完整的過(guò)程 4，追求效果，不做沒用的東西 5，發(fā)現(xiàn)需求，而不是創(chuàng)造需求 6，決定不做什么，往往比決定做什么更重要 7，用戶是很難被教育的，要迎合用戶，而不是改變用戶 8，關(guān)注最大多數(shù)用戶，關(guān)鍵點(diǎn)上超越競(jìng)爭(zhēng)對(duì)手，快速上線，實(shí)踐中不斷改進(jìn) 9，給用戶穩(wěn)定的體驗(yàn)預(yù)期 10，如果不確定該怎么做，就先學(xué)別人是怎么做的 11，把用戶當(dāng)作傻瓜，不要讓用戶思考和選擇，替用戶預(yù)先想好

5、 12，不要給用戶不想要的東西，任何沒用的東西對(duì)用戶都是一種傷害,從一個(gè)例子說(shuō)起,用戶體驗(yàn)與交互設(shè)計(jì),這個(gè)事情，也許你也碰到過(guò),vivi（薇薇，26歲，一位優(yōu)雅迷人的OL）打開錢包，從卡夾層里拿出那張有著金黃葵花的銀行卡，又到發(fā)工資的時(shí)候，不知道今天到帳了沒有，還約好了明天和死黨一起Shopping呢！剛才路過(guò)銀行想查一下余額，但是排隊(duì)的人太多了，不過(guò)還有電話銀行嘛，vivi一邊想，一邊拿出手機(jī)，撥通了電話銀行的號(hào)碼,一個(gè)溫柔禮貌的MM語(yǔ)音提示：“您好，歡迎使用招商銀行電話銀行系統(tǒng)，1，自動(dòng)語(yǔ)音服務(wù)，2人工服務(wù)；” vivi把手機(jī)從耳邊拿下來(lái)，找到1號(hào)鍵，按了一下； “1個(gè)人銀行服務(wù)，2公司銀

6、行服務(wù)，3銀證通功能，4個(gè)人外匯買賣服務(wù)，5基金服務(wù)，0退出；,vivi又按了1； “1存折戶，2一卡通戶，3個(gè)人信用卡戶，4新舊卡號(hào)查詢 0 退出；” vivi按下了1旁邊的2號(hào)鍵； “請(qǐng)輸入一卡通卡號(hào)，以#號(hào)結(jié)束；” “1080 80699”，vivi連忙輸入了卡號(hào)，按#號(hào)鍵； “請(qǐng)輸入查詢密碼，以#號(hào)結(jié)束；” 因?yàn)殚_戶不久，剛設(shè)的密碼，vivi稍微想了一下，才把密碼輸進(jìn)去，輸完又看了一眼，按了#號(hào)鍵,1帳務(wù)查詢，2轉(zhuǎn)賬，3修改密碼，4電話掛失，5通訊業(yè)務(wù)，6自助貸款，7自助繳費(fèi)及一卡通上網(wǎng)，8神州行充值服務(wù)，9憑證式國(guó)債，0退出” 汗這都是些什么呀？vivi皺了皺眉，再次按了一下1； “

7、10人民幣，21港幣，32美元；35歐元，65日元，43英鎊，29澳大利亞元，87瑞士法郎39加拿大元，69新加坡元，00退出；” “10，拜托，我可只有人民幣” 電話里仍然是溫柔禮貌而不折不扣的錄音提示：“1活期，2 整存整取，3零存整取，4整存零取，5存本取息，6定活兩便，7大額定期，8通知存款，9教育儲(chǔ)蓄，0退出。,1”vivi一邊按鍵一邊看著手機(jī)屏幕上已經(jīng)輸入的一大堆數(shù)字。 “1余額，2當(dāng)天交易，3歷史交易，0退出” “1” “您當(dāng)前的余額是陸仟九佰五拾陸元伍角玖分”。 謝天謝地，工資到帳了。vivi長(zhǎng)舒一口氣，查個(gè)余額，真不容易啊,這個(gè)電話銀行，你會(huì)去用嗎,手機(jī)銀行現(xiàn)在有了，你知道嗎

8、？ 移動(dòng)互聯(lián)網(wǎng)的時(shí)代,互聯(lián)網(wǎng)也有同樣的問題,用戶體驗(yàn)及交互設(shè)計(jì),什么是用戶體驗(yàn),用戶體驗(yàn)(User Experience)，縮寫為UE, 或者UX。 用戶訪問一個(gè)網(wǎng)站或者使用一個(gè)產(chǎn)品時(shí)的全部體驗(yàn)。 用戶體驗(yàn)設(shè)計(jì)-一套設(shè)計(jì)流程（UE Design） 目標(biāo)用戶設(shè)定 滿意度的范圍和指標(biāo)設(shè)定 用戶需求的功能 交互研究 系統(tǒng)反饋和最終的報(bào)告與成果 UED-讓用戶自然愉悅地使用產(chǎn)品。 以用戶為中心（UCD），用戶體驗(yàn)從產(chǎn)品開發(fā)的早期就要介入進(jìn)來(lái)，并貫穿整個(gè)流程,用戶體驗(yàn)是競(jìng)爭(zhēng)力 商業(yè)競(jìng)爭(zhēng)通常有三大動(dòng)力：商業(yè)模式、技術(shù)、用戶體驗(yàn) 當(dāng)前兩者基本沒有太大差距的時(shí)候,用戶體驗(yàn)是最激烈戰(zhàn)場(chǎng),軟件設(shè)計(jì)，設(shè)計(jì)，交互設(shè)計(jì)

9、,軟件設(shè)計(jì)的藝術(shù)Terry Winograd (2004年度的ACM人機(jī)交互院士,開發(fā)軟件,建房子,土木工程師,裝修設(shè)計(jì)師,建筑設(shè)計(jì)師,軟件設(shè)計(jì),設(shè)計(jì),交互設(shè)計(jì),有用的,用戶體驗(yàn)要素,易用的,可發(fā)現(xiàn)的,可靠的,創(chuàng)造性的,渴望的,有價(jià)值的,互聯(lián)網(wǎng)用戶體驗(yàn)類型,感官體驗(yàn)：呈現(xiàn)給用戶視聽上的體驗(yàn)，強(qiáng)調(diào)舒適性。 交互體驗(yàn)：呈現(xiàn)給用戶操作上的體驗(yàn)，強(qiáng)調(diào)易用/可用性。 情感體驗(yàn)：呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性。 瀏覽體驗(yàn)：呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性。 信任體驗(yàn)：呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性,怎樣開展用戶體驗(yàn),劃分用戶群，確定目標(biāo)用戶 走近目標(biāo)用戶，挖掘用戶需求 在用戶需求與商業(yè)需求中尋找平

10、衡點(diǎn) 規(guī)劃產(chǎn)品的發(fā)展策略，什么時(shí)候做什么事情 快速設(shè)計(jì)、研發(fā)、測(cè)試、上線?？焖僬{(diào)整 始終提供給用戶“有用”的東西,用戶體驗(yàn)在網(wǎng)站設(shè)計(jì)中需要注意的,一致性 視覺一致性：字體、顏色、圖片等元素的規(guī)格、尺寸、樣式、間距等； 交互一致性：頁(yè)面跳轉(zhuǎn)、彈出對(duì)話框、鼠標(biāo)動(dòng)作（單擊、滑過(guò)）等； 內(nèi)容一致性：內(nèi)容導(dǎo)向、語(yǔ)氣、角度、基調(diào)、風(fēng)格； 框架一致性：頁(yè)面及模塊的結(jié)構(gòu)和樣式等。 階段性 網(wǎng)站發(fā)展是有階段性的，不能一蹴而就，在每個(gè)階段都有既定發(fā)展目標(biāo)。產(chǎn)品設(shè)計(jì)應(yīng)符合當(dāng)前階段的戰(zhàn)略發(fā)展目標(biāo)。 用戶參與性 用戶提供內(nèi)容 用戶參與審核與優(yōu)化 用戶口碑營(yíng)銷,網(wǎng)站建設(shè)步驟,那么，互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)應(yīng)該怎么做,互聯(lián)網(wǎng)交

11、互設(shè)計(jì)工作,信息架構(gòu) 是一個(gè)整理信息，斡旋信息系統(tǒng)與使用者需求的過(guò)程，主要是要將信息變成一個(gè)經(jīng)過(guò)組織、歸類、以及具有瀏覽體系的組合結(jié)構(gòu)。網(wǎng)站的組織系統(tǒng)、標(biāo)簽系統(tǒng)、搜索系統(tǒng)，以及導(dǎo)航系統(tǒng)的組合。目的是提供可用性及可尋性。 流程設(shè)計(jì) 根據(jù)用戶需求分析，對(duì)用戶在網(wǎng)站中需要完成的任務(wù)流程進(jìn)行設(shè)計(jì)。目的是使流程清晰合理并使用戶根據(jù)適當(dāng)?shù)囊龑?dǎo)順利完成任務(wù)。 界面設(shè)計(jì) 網(wǎng)站原型設(shè)計(jì)、網(wǎng)站藍(lán)圖設(shè)計(jì)。將內(nèi)容與功能的安排直觀體現(xiàn)出來(lái)。 交互細(xì)節(jié)設(shè)計(jì) 根據(jù)基本的交互設(shè)計(jì)規(guī)則，對(duì)網(wǎng)站涉及到交互功能的細(xì)節(jié)進(jìn)行文檔化要求（詳細(xì)設(shè)計(jì)文檔,信息架構(gòu),我們可以抽象的理解為：通過(guò)一堵“墻”架起了“人”和“信息”的橋梁，使之各自找

12、到需要的信息。 這堵墻亦可以理解成一個(gè)廣義的“界面”，它就是傳說(shuō)中的“信息架構(gòu)”,如何進(jìn)行信息架構(gòu),根據(jù)自己所在的組織范圍內(nèi)的具體情況，推動(dòng)商業(yè)、內(nèi)容、用戶三要素均衡發(fā)展,商業(yè)：所有的網(wǎng)站和企業(yè)網(wǎng)絡(luò)都存在于特定的商業(yè)或組織環(huán)境中。無(wú)論明顯或不明顯，每一個(gè)組織都有任務(wù)、目標(biāo)、策略、員工、流程和程序、實(shí)體基礎(chǔ)架構(gòu)和技術(shù)基礎(chǔ)架構(gòu)、預(yù)算和文化。將這幾種功能、愿景及資源混合之后，每一個(gè)組織就成為獨(dú)一無(wú)二的組織了。 內(nèi)容：包括文件、應(yīng)用程序、服務(wù)、模式，以及人們要找到你的網(wǎng)站時(shí)所需要的元數(shù)據(jù)。真要采用某個(gè)專業(yè)術(shù)語(yǔ)的話，可以說(shuō)就是構(gòu)成你的網(wǎng)站的“材料”。 用戶：現(xiàn)實(shí)世界中顧客喜好和行為的差異，在網(wǎng)站和企業(yè)網(wǎng)

13、絡(luò)的情境中就會(huì)被轉(zhuǎn)化成不同的信息需求和信息搜尋行為,信息架構(gòu)的類型,靜態(tài)展示型 例如新浪、搜狐等門戶型網(wǎng)站；華爾街日?qǐng)?bào)等新聞?lì)惥W(wǎng)站。 交互型 例如開心網(wǎng)等社區(qū)交互型網(wǎng)站；淘寶、當(dāng)當(dāng)?shù)菳2C電子商務(wù)網(wǎng)站,信息架構(gòu)的表現(xiàn)形式,網(wǎng)站的組織系統(tǒng)、標(biāo)簽系統(tǒng)、搜索系統(tǒng)，以及導(dǎo)航系統(tǒng)的組合,流程設(shè)計(jì),功能流程的設(shè)計(jì)。例如注冊(cè)流程、電子商務(wù)網(wǎng)站中的購(gòu)物流程封裝設(shè)計(jì)等。 通過(guò)流程交互設(shè)計(jì)，可以簡(jiǎn)化不必要的邏輯步驟，減少用戶操作次數(shù)。 流程最好采用線性，明晰流程的起點(diǎn)與終點(diǎn)。 控制流程內(nèi)的任務(wù)范圍，過(guò)于龐雜的任務(wù)會(huì)形成干擾，容易讓用戶心生恐懼,范例：某添加賬戶的流程設(shè)計(jì),之前的設(shè)計(jì)（7個(gè)步驟、8次提交）： 1。進(jìn)

14、入“系統(tǒng)設(shè)置”；2。進(jìn)入帳戶管理；2.1。選擇“添加帳戶”；3。輸入郵箱名稱；4。輸入郵箱地址和密碼；5。填寫手機(jī)號(hào)和簽名（可跳過(guò)）；6。設(shè)置郵件服務(wù)器；7。提交完成。 之后的（考慮了用戶體驗(yàn)、安全問題與商業(yè)價(jià)值，常規(guī)提交4次,界面設(shè)計(jì),交互設(shè)計(jì)中的界面設(shè)計(jì)，又稱藍(lán)圖設(shè)計(jì)或原型設(shè)計(jì)。使用一定的原型設(shè)計(jì)軟件，對(duì)功能和內(nèi)容進(jìn)行組織和表達(dá)，其目的在于直觀地呈現(xiàn)設(shè)計(jì)思想，并起到有效的信息傳達(dá)的作用。 方法一：自然語(yǔ)言法。 方法二：結(jié)構(gòu)圖法,界面設(shè)計(jì)頁(yè)面表達(dá)原則,更少的信息量更好。 結(jié)構(gòu)化更易于理解。 信息的表達(dá)應(yīng)該清楚、明確、直接。 操作可識(shí)別。 操作前，結(jié)果可預(yù)知。 操作時(shí)，操作有反饋,操作后，操作

15、可撤銷。 讓用戶知道身處何地。 避免內(nèi)容看上去象廣告。 不提供多余的功能。 相同的功能，在不同的頁(yè)面中應(yīng)保持一致性。 措辭統(tǒng)一,界面設(shè)計(jì)自然語(yǔ)言法,具體操作： 第一步. 概括待表達(dá)的信息 第二步. 將概括好的信息排序 第三步. 使用界面語(yǔ)言翻譯 適用于較明確的線性流程設(shè)計(jì),界面設(shè)計(jì)結(jié)構(gòu)圖法,具體操作： 第一步. 總結(jié)歸納全部待表達(dá)的信息。 第二步. 畫樹狀圖。 第三步. 畫頁(yè)面草圖，演示。(其中包含：頁(yè)面標(biāo)題、導(dǎo)航、重要的鏈接和按鈕。,界面設(shè)計(jì)結(jié)構(gòu)圖法,交互細(xì)節(jié)設(shè)計(jì),重點(diǎn)在于文檔化。 網(wǎng)站設(shè)計(jì)中應(yīng)當(dāng)遵循的基本原則,交互設(shè)計(jì)的主要任務(wù),通過(guò)清晰、準(zhǔn)確、簡(jiǎn)潔的表達(dá)進(jìn)而實(shí)現(xiàn)人機(jī)交互,表達(dá),互聯(lián)網(wǎng)產(chǎn)品

16、UCD,為什么UCD如此重要,UCD（User-centered design ）：以用戶為中心的設(shè)計(jì) 在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍,UCD是一個(gè)口號(hào)嗎？ UCD對(duì)于實(shí)際工作有什么指導(dǎo)和意義呢？ UCD即創(chuàng)建高效的UE方法，與其說(shuō)UCD是一種方法還不如說(shuō)是一種互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)思想，那么成功的UE（User Experience）用戶體驗(yàn)又具有什么樣的意義,理解人們所想和所需： 圍繞用戶需求和心智模型進(jìn)行產(chǎn)品設(shè)計(jì),用戶體驗(yàn)價(jià)值圖,積極的、良好的用戶體驗(yàn)可以增加用戶的回訪、獲得用戶的信任，增加購(gòu)買的意向，實(shí)際上是增加了我們獲得利潤(rùn)的能力。 即使我們的網(wǎng)站并不是直接靠在線銷售獲得

17、利潤(rùn)的經(jīng)營(yíng)模式，但高效的用戶體驗(yàn)可以提高轉(zhuǎn)換率，實(shí)際上是幫我們更快、更穩(wěn)健的達(dá)到我們的商業(yè)目標(biāo),UE車輪構(gòu)成用戶體驗(yàn)的30種要素,從中間開始 價(jià)值是我們想要達(dá)到的目標(biāo)。 從顧客到提供商，正向的用戶體驗(yàn)是可以實(shí)現(xiàn)“雙贏”的 我們通過(guò)正向的用戶體驗(yàn)來(lái)實(shí)現(xiàn)價(jià)值。 用戶體驗(yàn)由許多方面組成，我們必須重視可尋性、可接近性、合意性、可用性、可靠性和有用性這些方面。 用戶體驗(yàn)的方面又由許多方面組成，這個(gè)模型具體呈現(xiàn)了30種要素,用戶體驗(yàn)的要素,戰(zhàn)略層：用戶的需求是什么？網(wǎng)站的目標(biāo)/商業(yè)目的是什么？ 范圍層：什么樣的信息和內(nèi)容滿足用戶的需求？ 結(jié)構(gòu)層：如何組織、導(dǎo)航，并響應(yīng)用戶滿足其需求？ 框架層：如何將 概念

18、模型細(xì)化到具體的界面外觀、布局、導(dǎo)航信息設(shè)計(jì) 視覺層：用戶看到的最終表現(xiàn)形式,是用戶體驗(yàn)的要素組成結(jié)構(gòu)，也總結(jié)了我們的產(chǎn)品設(shè)計(jì)過(guò)程,5.9,產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的組建和產(chǎn)品設(shè)計(jì)流程,產(chǎn)品設(shè)計(jì)團(tuán)隊(duì),產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)： PM（項(xiàng)目經(jīng)理/產(chǎn)品經(jīng)理） BI（商業(yè)情報(bào)） UR（用戶體驗(yàn)分析師） user researcher IA（信息架構(gòu)師）(information architect) ID（交互設(shè)計(jì)師） interaction designer CD（內(nèi)容設(shè)計(jì)師）Content Designer VD（視覺設(shè)計(jì)師） visual designer UID（界面設(shè)計(jì)師） user interface desig

19、ner,把專業(yè)的事交給專業(yè)的人去做，然后專心做自己專業(yè)的事,我們拍一部有10個(gè)角色的電影，但我們只有5位演員，我們不會(huì)去掉5個(gè)角色，而是1個(gè)人飾演2個(gè)角色,產(chǎn)品經(jīng)理,產(chǎn)品經(jīng)理負(fù)責(zé)整個(gè)產(chǎn)品的定位、規(guī)劃、定制發(fā)展方向及策略， 并負(fù)責(zé)團(tuán)隊(duì)的激勵(lì)和管理： 他應(yīng)該把精力用于產(chǎn)品的“戰(zhàn)略層”、“范圍層”，他不一 定對(duì)每一個(gè)領(lǐng)域都精通，但一定具有全局觀和把控能力。 產(chǎn)品經(jīng)理的產(chǎn)品管理能力，體現(xiàn)在具體工作： 負(fù)責(zé)產(chǎn)品概念設(shè)計(jì)的把關(guān) 撰寫市場(chǎng)需求文檔（MRD）和產(chǎn)品需求文檔（PRD） 進(jìn)行競(jìng)爭(zhēng)狀況分析 規(guī)劃產(chǎn)品路線圖 制作產(chǎn)品演示PPT 分析產(chǎn)品數(shù)據(jù)等 組織溝通、注重細(xì)節(jié)、商業(yè)嗅覺、整體規(guī)劃,信息架構(gòu)師,IA（

20、信息架構(gòu)師）(information architect) 網(wǎng)站的信息組織系統(tǒng)、標(biāo)識(shí)系統(tǒng)、導(dǎo)航系統(tǒng)和搜索系統(tǒng),組織方式,分類體系,順序排列,結(jié)構(gòu)設(shè)計(jì),確定網(wǎng)站的結(jié)構(gòu)類型，層級(jí)？矩陣？線性,讓用戶在信息空間中很清楚自己的位置和達(dá)到目的地的途徑,設(shè)計(jì)信息環(huán)境、組織結(jié)構(gòu),對(duì)信息的系統(tǒng)分類，以符合用戶的思維模型,對(duì)信息進(jìn)行順序設(shè)計(jì)、讓用戶在合適的時(shí)間、合適的位置獲取應(yīng)該得到的信息,一個(gè)有效的信息架構(gòu)可以讓人們按照邏輯直觀的，毫無(wú)阻礙的一步步地接近他們需要的信息,交互設(shè)計(jì)師,以目標(biāo)為導(dǎo)向，界面設(shè)計(jì)的范疇“任務(wù)分解”過(guò)程 “我們把產(chǎn)品功能按照用戶的具體需求組合成典型任務(wù)場(chǎng)景，然后對(duì)每個(gè)任務(wù)進(jìn)行詳細(xì)的使用流

21、程設(shè)計(jì)”。決定交互設(shè)計(jì)有多少工作的并非多少界面，而是有多少任務(wù)。 我們的交互設(shè)計(jì)師通常只做： 行為設(shè)計(jì)： 用戶點(diǎn)擊之后反饋什么樣的結(jié)果？ 可以拖拽操作嗎？ 用什么樣的語(yǔ)言和用戶交互？ 界面設(shè)計(jì)： 使用按鈕還是圖標(biāo)？ TAB如何表現(xiàn)？ 錯(cuò)誤處理 交付物：產(chǎn)品線框圖（Wireframes）、產(chǎn)品特性清單（Feature List）,交互設(shè)計(jì)師需要具備憑空想象復(fù)雜行為的能力,觀點(diǎn)： 1、交互設(shè)計(jì)師不要把全部的精力用于交互設(shè)計(jì)的表現(xiàn)層面，而要更多的去考慮交互思想、交互理念的設(shè)計(jì)。 2、用戶3步完成一項(xiàng)任務(wù)一定比5步完成這項(xiàng)任務(wù)更加具有可用性嗎,交互設(shè)計(jì)任務(wù)分解舉例,界面交互信息構(gòu)架,產(chǎn)品瀑布流程,MR

22、D PRD評(píng)審 設(shè)計(jì)評(píng)審 UC評(píng)審 測(cè)試用例 檢查,產(chǎn)品設(shè)計(jì)流程參考,通過(guò)數(shù)據(jù)分析研究，定位產(chǎn)品和用戶,確定用戶群體特征，研究用戶目標(biāo)和行為的關(guān)鍵因素,產(chǎn)品的理念、定位、整體性結(jié)構(gòu)、用戶需求核心,通過(guò)用戶調(diào)研，結(jié)合定量、定性分析，為不同目標(biāo)用戶制定不同的產(chǎn)品策略,1、市場(chǎng)研究,2、用戶定位分析,3、產(chǎn)品概念設(shè)計(jì),4、用戶細(xì)分,產(chǎn)品設(shè)計(jì)流程,設(shè)計(jì)人物角色，建立檔案,針對(duì)目標(biāo)用戶，分析功能模塊，確定做什么和不做什么,信息空間的結(jié)構(gòu)、組織、導(dǎo)航、標(biāo)識(shí)。通過(guò)任務(wù)分解（場(chǎng)景設(shè)計(jì)），設(shè)計(jì)互動(dòng)流程,通過(guò)用戶現(xiàn)場(chǎng)操作、低保真原型操作等方式做產(chǎn)品的可用性測(cè)試,5、人物角色創(chuàng)建,6、功能需求分析,7、信息構(gòu)架、交

23、互設(shè)計(jì),8、可用性測(cè)試,產(chǎn)品設(shè)計(jì)過(guò)程中的交付物,概念階段（concept）階段的交付物：概念文檔（concept document）或者是概念原型（concept prototype） 探索階段（discover） 階段的交付物：提案文檔（Proposal Document） 定義階段（definition） 的交付物：需求文檔（Product Requirement Document），產(chǎn)品概念設(shè)計(jì)（Concept Design Meterials） 細(xì)化階段（refinement） 的交付物：產(chǎn)品線框圖（Wireframes）、產(chǎn)品特性清單（Feature List）、最終的原型設(shè)計(jì)（可以

24、是任何版本的，例如 HTML、Flash或者是專用的原型制作工具,某工作小組的產(chǎn)品策劃流程,各個(gè)階段的交付物形式,舉例：YAHOO產(chǎn)品設(shè)計(jì)流程,團(tuán)隊(duì)組建 產(chǎn)品經(jīng)理（product manager） 用戶體驗(yàn)研究員(user researcher) 信息架構(gòu)師(information architect) 視覺設(shè)計(jì)師(visual designer)、界面設(shè)計(jì)師（user interface designer） 互動(dòng)設(shè)計(jì)師(interaction designer) 工程師(web developer)/ engineer,工作流程 1、產(chǎn)品經(jīng)理制定產(chǎn)品整體構(gòu)架，產(chǎn)品發(fā)展方向等，做全局把控 2、

25、以上人員共同參與產(chǎn)品討論，制定時(shí)間表以及任務(wù)分工 3、用戶體驗(yàn)研究員作產(chǎn)品和用戶等調(diào)查研究 4、信息架構(gòu)師設(shè)計(jì)產(chǎn)品信息架構(gòu)、內(nèi)容架構(gòu) 5、互動(dòng)設(shè)計(jì)師設(shè)計(jì)互動(dòng)流程 6、視覺設(shè)計(jì)師(visual designer)和user interface designer做視覺設(shè)計(jì) 7、web developer把設(shè)計(jì)模型通過(guò)編寫程序(html, dhtml, JavaScript)等再 現(xiàn)，最后交給工程師 8、用戶體驗(yàn)研究員需要做用戶測(cè)試 9、QA(Quality assurance) 需要測(cè)驗(yàn)產(chǎn)品的操作步驟，確認(rèn)產(chǎn)品的使用質(zhì)量,產(chǎn)品設(shè)計(jì)中的棘手問題,沒有UED、IA、ID、VD，更別說(shuō)什么UR了，我們?nèi)?/p>

26、何開展產(chǎn)品設(shè)計(jì)工作？ 網(wǎng)站的行文、界面文字誰(shuí)來(lái)把關(guān)、是PM還是ID，還是誰(shuí)？ PM和UE的關(guān)系如何界定？ 誰(shuí)，何時(shí)，需要加入產(chǎn)品設(shè)計(jì)的概念性階段？ 產(chǎn)品設(shè)計(jì)規(guī)范如何確定和執(zhí)行？ 為什么我們產(chǎn)品設(shè)計(jì)時(shí)間總是不夠用,缺乏高效的溝通、團(tuán)隊(duì)成員對(duì)于目標(biāo)的不明確，會(huì)導(dǎo)致整體效率的下降，我們要讓團(tuán)隊(duì)的成員都清楚： 產(chǎn)品目標(biāo)、工作流程、設(shè)計(jì)規(guī)范、日程安排,產(chǎn)品設(shè)計(jì)方法和原型、工具,以用戶為中心的設(shè)計(jì)方法舉例,卡片分類(Card Sorting)觀察用戶是如何理解內(nèi)容和組織信息，用來(lái)幫助你的網(wǎng)站(產(chǎn)品)更合理的組織信息。 情境訪談(Contextual Interviews)走進(jìn)用戶的現(xiàn)實(shí)環(huán)境，讓你了解你的用

27、戶的工作方式，生活環(huán)境等等情況。 焦點(diǎn)小組(Focus Groups)組織一組的用戶進(jìn)行討論，讓你更了解用戶的理解、想法、態(tài)度和想要什么。 啟發(fā)式評(píng)估(Heuristic Evaluation)可用性的檢查方法，讓一些行內(nèi)專家對(duì)網(wǎng)站產(chǎn)品進(jìn)行指導(dǎo),以用戶為中心的設(shè)計(jì)方法舉例,單獨(dú)訪談(Individual Interviews)一對(duì)一的用戶討論,讓你了解某個(gè)用戶是如何工作,使你知道用戶的感受,想要什么和他的經(jīng)歷。 平行設(shè)計(jì)(Parallel Design)對(duì)同一個(gè)網(wǎng)站(產(chǎn)品)進(jìn)行分開的設(shè)計(jì)，從而比較選擇一個(gè)最佳方案。 角色模型(Personas)構(gòu)建一個(gè)虛構(gòu)的人來(lái)代表大部分用戶，設(shè)計(jì)團(tuán)隊(duì)圍繞這個(gè)

28、虛擬人物設(shè)計(jì)開發(fā)產(chǎn)品。 原型(Prototyping)利用簡(jiǎn)單網(wǎng)站(產(chǎn)品)原型進(jìn)行相關(guān)的測(cè)試，從而節(jié)約后期大量的成本,以用戶為中心的設(shè)計(jì)方法舉例,問卷調(diào)查(Surveys)利用網(wǎng)上或紙張的問題list對(duì)用戶進(jìn)行發(fā)放填寫，從而收集用戶對(duì)網(wǎng)站(產(chǎn)品)的反饋意見。 任務(wù)分析(Task Analysis)通過(guò)任務(wù)分析了解用戶使用你網(wǎng)站(產(chǎn)品)時(shí)的目標(biāo)和操作方式，習(xí)慣。 可用性測(cè)試(Usability Testing)請(qǐng)用戶來(lái)試用你的網(wǎng)站(產(chǎn)品)，有任務(wù)性的完成測(cè)試。從而得到你所想要的東西。 用例(Use Cases)描述某個(gè)用戶使用你網(wǎng)站(產(chǎn)品)時(shí)的情況，包括目標(biāo)和行動(dòng),用戶研究人物角色創(chuàng)建,人物角色

29、（Personas）作為UCD方法中最重要的一個(gè)工具 ，是通過(guò)創(chuàng)建典型用戶來(lái)代表具有不同目標(biāo)的用戶從而滿足具有類似目標(biāo)和需求的用戶群”，介紹了通過(guò)角色，產(chǎn)品設(shè)計(jì)者可以站在用戶的角度考慮問題，從而把設(shè)計(jì)者的注意力集中在用戶需求和目標(biāo)上,用戶研究人物角色創(chuàng)建,用戶定性研究,細(xì)分用戶群,為細(xì)分群體 創(chuàng)建角色,用戶訪談 現(xiàn)場(chǎng)調(diào)查 用例測(cè)試,用目標(biāo)細(xì)分 用使用周期細(xì)分 用行為和觀點(diǎn),一種最簡(jiǎn)單的人物角色創(chuàng)建方法定性人物角色,還有：經(jīng)定量驗(yàn)證的定性人物角色，完全的定量人物角色,建立檔案 展示人物角色 融入角色,用戶研究人物角色創(chuàng)建,不經(jīng)過(guò)分類、邏輯分析的原始用戶數(shù)據(jù)、訪談?wù){(diào)查表本身并沒有什么意義，往往會(huì)讓

30、我們陷入細(xì)節(jié)并得到錯(cuò)誤的結(jié)論 創(chuàng)建角色：人物角色可以時(shí)刻提醒我們，要把時(shí)間用在滿足我們的目標(biāo)用戶群體上 人物角色可以避免我們基于自己的想法做決策,太夸張,太漂亮,太隱藏,太多干擾,人物角色形象要具有普通代表性，并和人物特性相符合,原型設(shè)計(jì)：故事板,紙板用于屏幕； * 郵票式張貼用于菜單、對(duì)話框和其他的屏幕元素； * 透明的幻燈片用于臨時(shí)項(xiàng)目或用戶輸入； * 隱藏的帶子或者其它用于用戶輸入的帶子； * 筆和標(biāo)記（可擦寫標(biāo)記用戶輸入或臨時(shí)信息）； * 用來(lái)擦除輸入的水； *,原型設(shè)計(jì)，主要是設(shè)計(jì)產(chǎn)品的功能、用戶流程、信息架構(gòu)、交互細(xì)節(jié)、頁(yè)面元素等 ，它更多的向產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的每一位成員傳遞著產(chǎn)品的設(shè)計(jì)理念、核心功能、網(wǎng)站結(jié)構(gòu)、基本布局