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

電子商務(wù)與軟件經(jīng)濟(jì)導(dǎo)論軟件觀念從電子商務(wù)看交互設(shè)計(jì)與用戶體驗(yàn)從Google談如何提高電子商務(wù)網(wǎng)站的轉(zhuǎn)化開始統(tǒng)計(jì)數(shù)據(jù)英國在線銷售市場過去兩年增長71%用戶對在線購物體驗(yàn)好感過去只增長了0.36%購物車的使用有50.1%的流失在線購物需要提升的地方有很多還需要更多的在用戶轉(zhuǎn)化和體驗(yàn)方面的摸索Google的建議Bringmetotherightpage這一點(diǎn)主要是針對廣告的登陸頁而言：廣告鏈接到正確的頁面。Screwfix將廣告鏈接到與廣告內(nèi)容匹配的頁面而不是搜索結(jié)果頁面之后，減低了20%的跳出。Makeyourhomepageuseful讓首頁發(fā)揮更多的作用：品牌影響、產(chǎn)品展示、用戶引導(dǎo)等等Helpmenavigatel提供清晰有效的網(wǎng)站導(dǎo)航：讓用戶可以準(zhǔn)確、快捷的點(diǎn)擊瀏覽和繼續(xù)操作。GivemetherightresultswhenIsearch提供有效的搜索結(jié)果對于減低搜索頁面的跳出和最終的銷售轉(zhuǎn)化有很大的幫助。Next在注意到網(wǎng)站搜索結(jié)果頁面過高的退出之后，對搜索結(jié)果算法進(jìn)行優(yōu)化調(diào)整，降低了20%的退出的同時提升了7%的轉(zhuǎn)化。Displaygroupsofproductsclearly同類產(chǎn)品的展示要清晰，容易區(qū)分、比較。Schuh在產(chǎn)品分類頁面調(diào)整了產(chǎn)品密度和圖片大小，轉(zhuǎn)化增長了6%。GivemetheproductdetailsIneed提供盡可能詳實(shí)的切用戶需要的產(chǎn)品信息。L’tur.de在他們的列表頁面增加了產(chǎn)品描述，并且允許用戶使用價格或者分析篩選產(chǎn)品，提升了5%的轉(zhuǎn)化。Makeregistrationoptional不要強(qiáng)迫用戶戶注冊。23%的付款流失是是因?yàn)閺?qiáng)迫用用戶注冊導(dǎo)致致。針對建議：允允許不注冊就就可以購買、、讓注冊過程程簡單些、讓讓用戶清楚知知道注冊能帶帶來的好處。。Makeiteasytobuyorenquirel減少用戶負(fù)擔(dān)擔(dān)，譬如減少少需要用戶填填寫的表單的的選項(xiàng)、將聯(lián)聯(lián)系按鈕更為為明顯、簡化化購買流程等等等。Reassureme增加用戶對網(wǎng)網(wǎng)站的安全感感和信任度。。譬如方便的的退貨、消單單操作、清晰晰透明的費(fèi)用用告知、安全全的支付保障障等等。Google總結(jié)提高網(wǎng)站流量量的質(zhì)量了解網(wǎng)站的流流量趨勢不要瞎猜或者者過分依靠經(jīng)經(jīng)驗(yàn)，要進(jìn)行行測試。觀念的變化1，PM首先是用戶2，站在用戶角角度看待問題題3，用戶體驗(yàn)是是一個完整的的過程4，追求效果，，不做沒用的的東西5，發(fā)現(xiàn)需求，，而不是創(chuàng)造造需求6，決定不做什什么，往往比比決定做什么么更重要7，用戶是很難難被教育的，，要迎合用戶戶，而不是改改變用戶8，關(guān)注最大多多數(shù)用戶，關(guān)關(guān)鍵點(diǎn)上超越越競爭對手，，快速上線，，實(shí)踐中不斷斷改進(jìn)9，給用戶穩(wěn)定定的體驗(yàn)預(yù)期期10，如果不確定定該怎么做，，就先學(xué)別人人是怎么做的的11，把用戶當(dāng)作作傻瓜，不要要讓用戶思考考和選擇，替替用戶預(yù)先想想好12，不要給用戶戶不想要的東東西，任何沒沒用的東西對對用戶都是一一種傷害從一個例子說說起用戶體驗(yàn)與交交互設(shè)計(jì)這個事情，也也許你也碰到到過vivi（薇薇，26歲，一位優(yōu)雅雅迷人的OL）打開錢包，，從卡夾層里里拿出那張有有著金黃葵花花的銀行卡，，又到發(fā)工資資的時候，不不知道今天到到帳了沒有，，還約好了明明天和死黨一一起Shopping呢！剛才路過過銀行想查一一下余額，但但是排隊(duì)的人人太多了，不不過還有電話話銀行嘛，vivi一邊想，一邊邊拿出手機(jī)，，撥通了電話話銀行的號碼碼：一個溫柔禮貌貌的MM語音提示：“您好，歡迎使使用招商銀行行電話銀行系系統(tǒng)，1，自動語音服服務(wù)，2人工服務(wù)；”vivi把手機(jī)從耳邊邊拿下來，找找到1號鍵，按了一一下；“1個人銀行服務(wù)務(wù)，2公司銀行服務(wù)務(wù)，3銀證通功能，，4個人外匯買賣賣服務(wù)，5基金服務(wù)，0退出；”vivi又按了1；“1存折戶，2一卡通戶，3個人信用卡戶戶，4新舊卡號查詢詢0退出；”vivi按下了1旁邊的2號鍵；“請輸入一卡通通卡號，以#號結(jié)束；”“108080699””，vivi連忙輸入了卡卡號，按#號鍵；“請輸入查詢密密碼，以#號結(jié)束；”因?yàn)殚_戶不久久，剛設(shè)的密密碼，vivi稍微想了一下下，才把密碼碼輸進(jìn)去，輸輸完又看了一一眼，按了#號鍵；“1帳務(wù)查詢，2轉(zhuǎn)賬，3修改密碼，4電話掛失，5通訊業(yè)務(wù)，6自助貸款，7自助繳費(fèi)及一一卡通上網(wǎng)，，8神州行充值服服務(wù)，9憑證式國債，，0退出”汗……這都是些什么么呀？vivi皺了皺眉，再再次按了一下下1；“10人民幣，21港幣，32美元；35歐元，65日元，43英鎊，29澳大利利亞元元，87瑞士法法郎39加拿大大元，，69新加坡坡元，，00退出；；”“10，拜托托，我我可只只有人人民幣幣……””電話里里仍然然是溫溫柔禮禮貌而而不折折不扣扣的錄錄音提提示：：“1活期，，2整存整整取，，3零存整整取，，4整存零零取，，5存本取取息，，6定活兩兩便，，7大額定定期，，8通知存存款，，9教育儲儲蓄，，0退出。?！薄?””vivi一邊按按鍵一一邊看看著手手機(jī)屏屏幕上上已經(jīng)經(jīng)輸入入的一一大堆堆數(shù)字字。“1余額，，2當(dāng)天交交易，，3歷史交交易，，0退出”“1”“您當(dāng)前前的余余額是是陸仟仟九佰佰五拾拾陸元元伍角角玖分分”。謝天謝謝地，，工資資到帳帳了。。vivi長舒一一口氣氣，查查個余余額，，真不不容易易?。?！這個電電話銀銀行，，你會會去用用嗎？？手機(jī)銀銀行現(xiàn)現(xiàn)在有有了，，你知知道嗎嗎？移移動動互聯(lián)聯(lián)網(wǎng)的的時代代互聯(lián)網(wǎng)網(wǎng)也有有同樣樣的問問題??！用戶體體驗(yàn)及及交互互設(shè)計(jì)計(jì)什么是是用戶戶體驗(yàn)驗(yàn)用戶體體驗(yàn)(UserExperience)，縮寫寫為UE,或者UX。用戶訪訪問一一個網(wǎng)網(wǎng)站或或者使使用一一個產(chǎn)產(chǎn)品時時的全全部體體驗(yàn)。。用戶體體驗(yàn)設(shè)設(shè)計(jì)一套設(shè)設(shè)計(jì)流流程（（UEDesign）目標(biāo)用用戶設(shè)設(shè)定滿意度度的范范圍和和指標(biāo)標(biāo)設(shè)定定用戶需需求的的功能能交互研研究系統(tǒng)反反饋和和最終終的報報告與與成果果UED讓用戶戶自然然愉悅悅地使使用產(chǎn)產(chǎn)品。。以用戶戶為中中心（（UCD），用戶戶體驗(yàn)驗(yàn)從產(chǎn)產(chǎn)品開開發(fā)的的早期期就要要介入入進(jìn)來來，并并貫穿穿整個個流程程。用戶體體驗(yàn)是是競爭爭力商業(yè)競競爭通通常有有三大大動力力：商商業(yè)模模式、、技術(shù)術(shù)、用用戶體體驗(yàn)當(dāng)前兩兩者基基本沒沒有太太大差差距的的時候候,用戶體體驗(yàn)是是最激激烈戰(zhàn)戰(zhàn)場.軟件設(shè)設(shè)計(jì)，，ＵＩＩ設(shè)計(jì)計(jì)，交交互設(shè)設(shè)計(jì)《軟件設(shè)設(shè)計(jì)的的藝術(shù)術(shù)》TerryWinograd(2004年度的的ACM人機(jī)交交互院院士)開發(fā)軟軟件建房子子土木工工程師師裝修設(shè)設(shè)計(jì)師師建筑設(shè)設(shè)計(jì)師師軟件設(shè)設(shè)計(jì)ＵＩ設(shè)設(shè)計(jì)交互設(shè)設(shè)計(jì)有用的的用戶體體驗(yàn)要要素易用的的可發(fā)現(xiàn)現(xiàn)的可靠的的創(chuàng)造性性的渴望的的有價值值的功能性情感因素互聯(lián)網(wǎng)網(wǎng)用戶戶體驗(yàn)驗(yàn)類型型感官體體驗(yàn)：：呈現(xiàn)現(xiàn)給用用戶視視聽上上的體體驗(yàn)，，強(qiáng)調(diào)調(diào)舒適適性。。交互體體驗(yàn)：：呈現(xiàn)現(xiàn)給用用戶操操作上上的體體驗(yàn)，，強(qiáng)調(diào)調(diào)易用用/可用性性。情感體體驗(yàn)：：呈現(xiàn)現(xiàn)給用用戶心心理上上的體體驗(yàn)，，強(qiáng)調(diào)調(diào)友好好性。。瀏覽體體驗(yàn)：：呈現(xiàn)現(xiàn)給用用戶瀏瀏覽上上的體體驗(yàn)，，強(qiáng)調(diào)調(diào)吸引引性。。信任體體驗(yàn)：：呈現(xiàn)現(xiàn)給用用戶的的信任任體驗(yàn)驗(yàn)，強(qiáng)強(qiáng)調(diào)可可靠性性。怎樣開開展用用戶體體驗(yàn)劃分用用戶群群，確確定目目標(biāo)用用戶走近目目標(biāo)用用戶，，挖掘掘用戶戶需求求在用戶戶需求求與商商業(yè)需需求中中尋找找平衡衡點(diǎn)規(guī)劃產(chǎn)產(chǎn)品的的發(fā)展展策略略，什什么時時候做做什么么事情情快速設(shè)設(shè)計(jì)、、研發(fā)發(fā)、測測試、、上線線?？炜焖僬{(diào)調(diào)整始終提提供給給用戶戶“有用”的東西西用戶體體驗(yàn)在在網(wǎng)站站設(shè)計(jì)計(jì)中需需要注注意的的一致性性視覺一一致性性：字字體、、顏色色、圖圖片等等元素素的規(guī)規(guī)格、、尺寸寸、樣樣式、、間距距等；；交互一一致性性：頁頁面跳跳轉(zhuǎn)、、彈出出對話話框、、鼠標(biāo)標(biāo)動作作（單單擊、、滑過過）等等；內(nèi)容一一致性性：內(nèi)內(nèi)容導(dǎo)導(dǎo)向、、語氣氣、角角度、、基調(diào)調(diào)、風(fēng)風(fēng)格；；框架一一致性性：頁頁面及及模塊塊的結(jié)結(jié)構(gòu)和和樣式式等。。階段性性網(wǎng)站發(fā)發(fā)展是是有階階段性性的，，不能能一蹴蹴而就就，在在每個個階段段都有有既定定發(fā)展展目標(biāo)標(biāo)。產(chǎn)產(chǎn)品設(shè)設(shè)計(jì)應(yīng)應(yīng)符合合當(dāng)前前階段段的戰(zhàn)戰(zhàn)略發(fā)發(fā)展目目標(biāo)。。用戶參參與性性用戶提提供內(nèi)內(nèi)容用戶參參與審審核與與優(yōu)化化用戶口口碑營營銷網(wǎng)站建建設(shè)步步驟確定網(wǎng)站目標(biāo)戰(zhàn)略與資源用戶調(diào)研內(nèi)容/功能信息架構(gòu)流程設(shè)計(jì)界面設(shè)計(jì)交互細(xì)節(jié)設(shè)計(jì)視覺設(shè)計(jì)高保真靜態(tài)頁技術(shù)研發(fā)測試上線培訓(xùn)及幫助文檔網(wǎng)絡(luò)營銷用戶調(diào)研及獲取反饋數(shù)據(jù)統(tǒng)計(jì)及分析產(chǎn)品版本迭代實(shí)現(xiàn)目標(biāo)那么，，互聯(lián)網(wǎng)網(wǎng)產(chǎn)品品的交交互設(shè)設(shè)計(jì)應(yīng)應(yīng)該怎怎么做做？互聯(lián)網(wǎng)網(wǎng)交互互設(shè)計(jì)計(jì)工作作信息架架構(gòu)是一個個整理理信息息，斡斡旋信信息系系統(tǒng)與與使用用者需需求的的過程程，主主要是是要將將信息息變成成一個個經(jīng)過過組織織、歸歸類、、以及及具有有瀏覽覽體系系的組組合結(jié)結(jié)構(gòu)。。網(wǎng)站站的組組織系系統(tǒng)、、標(biāo)簽簽系統(tǒng)統(tǒng)、搜搜索系系統(tǒng)，，以及及導(dǎo)航航系統(tǒng)統(tǒng)的組組合。。目的的是提提供可可用性性及可可尋性性。流程設(shè)設(shè)計(jì)根據(jù)用用戶需需求分分析，，對用用戶在在網(wǎng)站站中需需要完完成的的任務(wù)務(wù)流程程進(jìn)行行設(shè)計(jì)計(jì)。目目的是是使流流程清清晰合合理并并使用用戶根根據(jù)適適當(dāng)?shù)牡囊龑?dǎo)導(dǎo)順利利完成成任務(wù)務(wù)。界面設(shè)設(shè)計(jì)網(wǎng)站原原型設(shè)設(shè)計(jì)、、網(wǎng)站站藍(lán)圖圖設(shè)計(jì)計(jì)。將將內(nèi)容容與功功能的的安排排直觀觀體現(xiàn)現(xiàn)出來來。交互細(xì)細(xì)節(jié)設(shè)設(shè)計(jì)根據(jù)基基本的的交互互設(shè)計(jì)計(jì)規(guī)則則，對對網(wǎng)站站涉及及到交交互功功能的的細(xì)節(jié)節(jié)進(jìn)行行文檔檔化要要求（（詳細(xì)細(xì)設(shè)計(jì)計(jì)文檔檔）。。信息架架構(gòu)我們可可以抽抽象的的理解解為：：通過過一堵堵“墻墻”架架起了了“人人”和和“信信息””的橋橋梁，，使之之各自自找到到需要要的信信息。。這堵墻墻亦可可以理理解成成一個個廣義義的““界面面”，，它就就是傳傳說中中的““信息息架構(gòu)構(gòu)”??！如何進(jìn)進(jìn)行信信息架架構(gòu)？？根據(jù)自自己所所在的的組織織范圍圍內(nèi)的的具體體情況況，推推動商商業(yè)、、內(nèi)容容、用用戶三三要素素均衡衡發(fā)展展。商業(yè)：：所有有的網(wǎng)網(wǎng)站和和企業(yè)業(yè)網(wǎng)絡(luò)絡(luò)都存存在于于特定定的商商業(yè)或或組織織環(huán)境境中。。無論論明顯顯或不不明顯顯，每每一個個組織織都有有任務(wù)務(wù)、目目標(biāo)、、策略略、員員工、、流程程和程程序、、實(shí)體體基礎(chǔ)礎(chǔ)架構(gòu)構(gòu)和技技術(shù)基基礎(chǔ)架架構(gòu)、、預(yù)算算和文文化。。將這這幾種種功能能、愿愿景及及資源源混合合之后后，每每一個個組織織就成成為獨(dú)獨(dú)一無無二的的組織織了。。內(nèi)容容：：包包括括文文件件、、應(yīng)應(yīng)用用程程序序、、服服務(wù)務(wù)、、模模式式，，以以及及人人們們要要找找到到你你的的網(wǎng)網(wǎng)站站時時所所需需要要的的元元數(shù)數(shù)據(jù)據(jù)。。真真要要采采用用某某個個專專業(yè)業(yè)術(shù)術(shù)語語的的話話，，可可以以說說就就是是構(gòu)構(gòu)成成你你的的網(wǎng)網(wǎng)站站的的““材材料料””。。用戶戶：：現(xiàn)現(xiàn)實(shí)實(shí)世世界界中中顧顧客客喜喜好好和和行行為為的的差差異異，，在在網(wǎng)網(wǎng)站站和和企企業(yè)業(yè)網(wǎng)網(wǎng)絡(luò)絡(luò)的的情情境境中中就就會會被被轉(zhuǎn)轉(zhuǎn)化化成成不不同同的的信信息息需需求求和和信信息息搜搜尋尋行行為為。。信息息架架構(gòu)構(gòu)的的類類型型靜態(tài)態(tài)展展示示型型例如如新新浪浪、、搜搜狐狐等等門門戶戶型型網(wǎng)網(wǎng)站站；；華華爾爾街街日日報報等等新新聞聞類類網(wǎng)網(wǎng)站站。。交互互型型例如如開開心心網(wǎng)網(wǎng)等等社社區(qū)區(qū)交交互互型型網(wǎng)網(wǎng)站站；；淘淘寶寶、、當(dāng)當(dāng)當(dāng)當(dāng)?shù)鹊菳2C電子子商商務(wù)務(wù)網(wǎng)網(wǎng)站站。。信息息架架構(gòu)構(gòu)的的表表現(xiàn)現(xiàn)形形式式網(wǎng)站站的的組組織織系系統(tǒng)統(tǒng)、、標(biāo)標(biāo)簽簽系系統(tǒng)統(tǒng)、、搜搜索索系系統(tǒng)統(tǒng)，，以以及及導(dǎo)導(dǎo)航航系系統(tǒng)統(tǒng)的的組組合合。。流程程設(shè)設(shè)計(jì)計(jì)功能能流流程程的的設(shè)設(shè)計(jì)計(jì)。。例例如如注注冊冊流流程程、、電電子子商商務(wù)務(wù)網(wǎng)網(wǎng)站站中中的的購購物物流流程程封封裝裝設(shè)設(shè)計(jì)計(jì)等等。。通過過流流程程交交互互設(shè)設(shè)計(jì)計(jì)，，可可以以簡簡化化不不必必要要的的邏邏輯輯步步驟驟，，減減少少用用戶戶操操作作次次數(shù)數(shù)。。流程程最最好好采采用用線線性性，，明明晰晰流流程程的的起起點(diǎn)點(diǎn)與與終終點(diǎn)點(diǎn)。?？刂浦屏髁鞒坛虄?nèi)內(nèi)的的任任務(wù)務(wù)范范圍圍，，過過于于龐龐雜雜的的任任務(wù)務(wù)會會形形成成干干擾擾，，容容易易讓讓用用戶戶心心生生恐恐懼懼。。范例：某某添加賬賬戶的流流程設(shè)計(jì)計(jì)之前的設(shè)設(shè)計(jì)（7個步驟、、8次提交））：1。進(jìn)入“系統(tǒng)設(shè)置置”；2。。進(jìn)入帳戶戶管理；；2.1。。選擇“添加帳戶戶”；3。。輸入郵箱箱名稱；；4。輸入郵箱箱地址和和密碼；；5。填寫手機(jī)機(jī)號和簽簽名（可可跳過））；6。設(shè)置郵件件服務(wù)器器；7。提交完成成。之后的（（考慮了了用戶體體驗(yàn)、安安全問題題與商業(yè)業(yè)價值，，常規(guī)提提交4次）：界面設(shè)計(jì)計(jì)交互設(shè)計(jì)計(jì)中的界界面設(shè)計(jì)計(jì)，又稱稱藍(lán)圖設(shè)設(shè)計(jì)或原原型設(shè)計(jì)計(jì)。使用用一定的的原型設(shè)設(shè)計(jì)軟件件，對功功能和內(nèi)內(nèi)容進(jìn)行行組織和和表達(dá)，，其目的的在于直直觀地呈呈現(xiàn)設(shè)計(jì)計(jì)思想，，并起到到有效的的信息傳傳達(dá)的作作用。方法一：：自然語語言法。。方法二：：結(jié)構(gòu)圖圖法。界面設(shè)計(jì)計(jì)—頁面表達(dá)達(dá)原則更少的信信息量更更好。結(jié)構(gòu)化更更易于理理解。信息的表表達(dá)應(yīng)該該清楚、、明確、、直接。。操作可識識別。操作前，，結(jié)果可可預(yù)知。。操作時，，操作有有反饋。。操作后，，操作可可撤銷。。讓用戶知知道身處處何地。。避免內(nèi)容容看上去去象廣告告。不提供多多余的功功能。相同的功功能，在在不同的的頁面中中應(yīng)保持持一致性性。措辭統(tǒng)一一。界面設(shè)計(jì)計(jì)—自然語言言法具體操作作：第一步.概括待表表達(dá)的信信息第二步.將概括好好的信息息排序第三步.使用界面面語言翻翻譯適用于較較明確的的線性流流程設(shè)計(jì)計(jì)。界面設(shè)計(jì)計(jì)—結(jié)構(gòu)圖法法具體操作作：第一步.總結(jié)歸納納全部待待表達(dá)的的信息。。第二步.畫樹狀圖圖。第三步.畫頁面草草圖，演演示。(其中包含含：頁面面標(biāo)題、、導(dǎo)航、、重要的的鏈接和和按鈕。。)界面設(shè)計(jì)計(jì)—結(jié)構(gòu)圖法法交互細(xì)節(jié)節(jié)設(shè)計(jì)重點(diǎn)在于于文檔化化。網(wǎng)站設(shè)計(jì)計(jì)中應(yīng)當(dāng)當(dāng)遵循的的基本原原則。交互設(shè)計(jì)計(jì)的主要要任務(wù)通過清晰晰、準(zhǔn)確確、簡潔潔的表達(dá)達(dá)進(jìn)而實(shí)實(shí)現(xiàn)人機(jī)機(jī)交互。。表達(dá)互聯(lián)網(wǎng)產(chǎn)品UCD為什么UCD如此重要要？UCD（User-centereddesign）：以用用戶為中中心的設(shè)設(shè)計(jì)在開發(fā)產(chǎn)產(chǎn)品的每每一個步步驟中，，都要把把用戶列列入考慮慮范圍UCD是一個口口號嗎？？UCD對于實(shí)際際工作有有什么指指導(dǎo)和意意義呢？？UCD即創(chuàng)建高高效的UE方法，與與其說UCD是一種方方法還不不如說是是一種互互聯(lián)網(wǎng)產(chǎn)產(chǎn)品的設(shè)設(shè)計(jì)思想想，那么么成功的的UE（UserExperience）用戶體體驗(yàn)又具具有什么么樣的意意義？理解人們們所想和和所需：：圍繞用戶戶需求和和心智模模型進(jìn)行行產(chǎn)品設(shè)設(shè)計(jì)用戶體驗(yàn)驗(yàn)價值圖圖積極的、、良好的的用戶體體驗(yàn)可以以增加用用戶的回回訪、獲獲得用戶戶的信任任，增加加購買的的意向，，實(shí)際上上是增加加了我們們獲得利利潤的能能力。即使我們們的網(wǎng)站站并不是是直接靠靠在線銷銷售獲得得利潤的的經(jīng)營模模式，但但高效的的用戶體體驗(yàn)可以以提高轉(zhuǎn)轉(zhuǎn)換率，，實(shí)際上上是幫我我們更快快、更穩(wěn)穩(wěn)健的達(dá)達(dá)到我們們的商業(yè)業(yè)目標(biāo)。。UE車輪－－構(gòu)成成用戶戶體驗(yàn)驗(yàn)的30種要素素從中間間開始始價值是是我們們想要要達(dá)到到的目目標(biāo)。。從顧客客到提提供商商，正正向的的用戶戶體驗(yàn)驗(yàn)是可可以實(shí)實(shí)現(xiàn)““雙贏贏”的的我們通通過正正向的的用戶戶體驗(yàn)驗(yàn)來實(shí)實(shí)現(xiàn)價價值。。用戶體體驗(yàn)由由許多多方面面組成成，我我們必必須重重視可可尋性性、可可接近近性、、合意意性、、可用用性、、可靠靠性和和有用用性這這些方方面。。用戶體體驗(yàn)的的方面面又由由許多多方面面組成成，這這個模模型具具體呈呈現(xiàn)了了30種要素素。用戶體體驗(yàn)的的要素素戰(zhàn)略層層：用用戶的的需求求是什什么？？網(wǎng)站站的目目標(biāo)/商業(yè)目目的是是什么么？范圍層層：什什么樣樣的信信息和和內(nèi)容容滿足足用戶戶的需需求？？結(jié)構(gòu)層層：如如何組組織、、導(dǎo)航航，并并響應(yīng)應(yīng)用戶戶滿足足其需需求？？框架層層：如如何將將概概念模模型細(xì)細(xì)化到到具體體的界界面外外觀、、布局局、導(dǎo)導(dǎo)航信信息設(shè)設(shè)計(jì)……視覺層層：用用戶看看到的的最終終表現(xiàn)現(xiàn)形式式是用戶戶體驗(yàn)驗(yàn)的要要素組組成結(jié)結(jié)構(gòu)，，也總總結(jié)了了我們們的產(chǎn)產(chǎn)品設(shè)設(shè)計(jì)過過程5.9產(chǎn)品設(shè)設(shè)計(jì)團(tuán)團(tuán)隊(duì)的的組建建和產(chǎn)產(chǎn)品設(shè)設(shè)計(jì)流流程產(chǎn)品設(shè)設(shè)計(jì)團(tuán)團(tuán)隊(duì)產(chǎn)品設(shè)設(shè)計(jì)團(tuán)團(tuán)隊(duì)：：PM（項(xiàng)目目經(jīng)理理/產(chǎn)品經(jīng)經(jīng)理））BI（商業(yè)業(yè)情報報）UR（用戶戶體驗(yàn)驗(yàn)分析析師））userresearcherIA（信息息架構(gòu)構(gòu)師））(informationarchitect)ID（交互互設(shè)計(jì)計(jì)師））interactiondesignerCD（內(nèi)容容設(shè)計(jì)計(jì)師））ContentDesignerVD（視覺覺設(shè)計(jì)計(jì)師））visualdesignerUID（界面面設(shè)計(jì)計(jì)師））userinterfacedesigner把專業(yè)業(yè)的事事交給給專業(yè)業(yè)的人人去做做，然然后專專心做做自己己專業(yè)業(yè)的事事我們拍拍一部部有10個角色色的電電影，，但我我們只只有5位演員員，我我們不不會去去掉5個角色色，而而是1個人飾飾演2個角色色產(chǎn)品經(jīng)經(jīng)理產(chǎn)品經(jīng)經(jīng)理負(fù)負(fù)責(zé)整整個產(chǎn)產(chǎn)品的的定位位、規(guī)規(guī)劃、、定制制發(fā)展展方向向及策策略，，并負(fù)責(zé)責(zé)團(tuán)隊(duì)隊(duì)的激激勵和和管理理：他應(yīng)該該把精精力用用于產(chǎn)產(chǎn)品的的“戰(zhàn)戰(zhàn)略層層”、、“范范圍層層”，，他不不一定對每每一個個領(lǐng)域域都精精通，，但一一定具具有全全局觀觀和把把控能能力。。產(chǎn)品經(jīng)經(jīng)理的的產(chǎn)品品管理理能力力，體體現(xiàn)在在具體體工作作：負(fù)責(zé)產(chǎn)產(chǎn)品概概念設(shè)設(shè)計(jì)的的把關(guān)關(guān)撰寫市市場需需求文文檔（（MRD）和產(chǎn)產(chǎn)品需需求文文檔（（PRD）進(jìn)行競競爭狀狀況分分析規(guī)劃產(chǎn)產(chǎn)品路路線圖圖制作產(chǎn)產(chǎn)品演演示PPT分析產(chǎn)產(chǎn)品數(shù)數(shù)據(jù)等等……組織溝溝通、、注重重細(xì)節(jié)節(jié)、商商業(yè)嗅嗅覺、、整體體規(guī)劃劃…信息架架構(gòu)師師IA（信息息架構(gòu)構(gòu)師））(informationarchitect)網(wǎng)站的的信息息組織織系統(tǒng)統(tǒng)、標(biāo)標(biāo)識系系統(tǒng)、、導(dǎo)航航系統(tǒng)統(tǒng)和搜搜索系系統(tǒng)組織方方式分類體體系順序排排列導(dǎo)航結(jié)構(gòu)設(shè)設(shè)計(jì)確定網(wǎng)網(wǎng)站的的結(jié)構(gòu)構(gòu)類型型，層層級？？矩陣陣？線線性？？讓用戶戶在信信息空空間中中很清清楚自自己的的位置置和達(dá)達(dá)到目目的地地的途途徑設(shè)計(jì)信信息環(huán)環(huán)境、、組織織結(jié)構(gòu)構(gòu)對信息息的系系統(tǒng)分分類，，以符符合用用戶的的思維維模型型對信息息進(jìn)行行順序序設(shè)計(jì)計(jì)、讓讓用戶戶在合合適的的時間間、合合適的的位置置獲取取應(yīng)該該得到到的信信息一個有效的的信息架構(gòu)構(gòu)可以讓人人們按照邏邏輯直觀的的，毫無阻阻礙的一步步步地接近近他們需要要的信息交互設(shè)計(jì)師師以目標(biāo)為導(dǎo)導(dǎo)向，界面面設(shè)計(jì)的范范疇“任務(wù)務(wù)分解”過過程“我們把產(chǎn)產(chǎn)品功能按按照用戶的的具體需求求組合成典典型任務(wù)場場景，然后后對每個任任務(wù)進(jìn)行詳詳細(xì)的使用用流程設(shè)計(jì)計(jì)”。決決定交互設(shè)設(shè)計(jì)有多少少工作的并并非多少界界面，而是是有多少任任務(wù)。我們的交互互設(shè)計(jì)師通通常只做：：行為設(shè)計(jì)：：用戶點(diǎn)擊之之后反饋什什么樣的結(jié)結(jié)果？可以拖拽操操作嗎？用什么樣的的語言和用用戶交互？？…界面設(shè)計(jì)：：使用按鈕還還是圖標(biāo)？？TAB如何表現(xiàn)？？…錯誤處理…交付物：產(chǎn)產(chǎn)品線框圖圖（Wireframes）、產(chǎn)品特特性清單（（FeatureList）……交互設(shè)計(jì)師師需要具備備憑空想象象復(fù)雜行為為的能力觀點(diǎn)：1、交互設(shè)計(jì)計(jì)師不要把把全部的精精力用于交交互設(shè)計(jì)的的表現(xiàn)層面面，而要更更多的去考考慮交互思思想、交互互理念的設(shè)設(shè)計(jì)。2、用戶3步完成一項(xiàng)項(xiàng)任務(wù)一定定比5步完成這項(xiàng)項(xiàng)任務(wù)更加加具有可用用性嗎？交互設(shè)計(jì)任任務(wù)分解舉舉例界面＋交互互＋信息構(gòu)構(gòu)架＝？產(chǎn)品瀑布流流程調(diào)查設(shè)計(jì)開發(fā)運(yùn)營概念頭腦風(fēng)暴

市場研究情境調(diào)查

定義人物角色模型用戶場景故事板概念導(dǎo)圖設(shè)計(jì)流程圖原型（紙、線框、高保、設(shè)計(jì)說明）視覺內(nèi)容清單可用性測試檢查驗(yàn)收清單MRDPRD評審設(shè)計(jì)評審UC評審測試用例檢檢查產(chǎn)品設(shè)計(jì)流程參參考產(chǎn)品設(shè)計(jì)流程通過數(shù)據(jù)分分析研究，，定位產(chǎn)品品和用戶確定用戶群群體特征，，研究用戶戶目標(biāo)和行行為的關(guān)鍵鍵因素產(chǎn)品的理念念、定位、、整體性結(jié)結(jié)構(gòu)、用戶戶需求核心心通過用戶調(diào)調(diào)研，結(jié)合合定量、定定性分析，，為不同目目標(biāo)用戶制制定不同的的產(chǎn)品策略略1、市場研究究2、用戶定位位分析3、產(chǎn)品概念念設(shè)計(jì)4、用戶細(xì)分分產(chǎn)品設(shè)計(jì)流流程產(chǎn)品設(shè)計(jì)流程設(shè)計(jì)人物角角色，建立立檔案針對目標(biāo)用用戶，分析析功能模塊塊，確定做做什么和不不做什么信息空間的的結(jié)構(gòu)、組組織、導(dǎo)航航、標(biāo)識。。通過任務(wù)務(wù)分解（場場景設(shè)計(jì)）），設(shè)計(jì)互互動流程通過用戶現(xiàn)現(xiàn)場操作、、低保真原原型操作等等方式做產(chǎn)產(chǎn)品的可用用性測試5、人物角色色創(chuàng)建6、功能需求求分析7、信息構(gòu)架架、交互設(shè)設(shè)計(jì)8、可用性測測試產(chǎn)品設(shè)計(jì)過過程中的交交付物概念階段（（concept）階段的交交付物：概概念文檔（（conceptdocument）或者是概概念原型（（conceptprototype）探索階段（（discover）階段的的交付物：：提案文檔檔（ProposalDocument）定義階段（（definition）的交付付物：需求求文檔（ProductRequirementDocument），產(chǎn)品概概念設(shè)計(jì)（（ConceptDesignMeterials）細(xì)化階段（（refinement）的交付付物：產(chǎn)品品線框圖（（Wireframes）、產(chǎn)品特特性清單（（FeatureList）、最終的的原型設(shè)計(jì)計(jì)（可以是是任何版本本的，例如如HTML、Flash或者是專用用的原型制制作工具））某工工作作小小組組的的產(chǎn)產(chǎn)品品策策劃劃流流程程各個個階階段段的的交交付付物物形形式式舉例例：：YAHOO產(chǎn)品品設(shè)設(shè)計(jì)計(jì)流流程程團(tuán)隊(duì)隊(duì)組組建建產(chǎn)品品經(jīng)經(jīng)理理（（productmanager）用戶戶體體驗(yàn)驗(yàn)研研究究員員(userresearcher)信息息架架構(gòu)構(gòu)師師(informationarchitect)視覺覺設(shè)設(shè)計(jì)計(jì)師師(visualdesigner)、界界面面設(shè)設(shè)計(jì)計(jì)師師（（userinterfacedesigner）互動動設(shè)設(shè)計(jì)計(jì)師師(interactiondesigner)工程程師師(webdeveloper)/engineer工作作流流程程1、產(chǎn)產(chǎn)品品經(jīng)經(jīng)理理制制定定產(chǎn)產(chǎn)品品整整體體構(gòu)構(gòu)架架，，產(chǎn)產(chǎn)品品發(fā)發(fā)展展方方向向等等，，做做全全局局把把控控2、以以上上人人員員共共同同參參與與產(chǎn)產(chǎn)品品討討論論，，制制定定時時間間表表以以及及任任務(wù)務(wù)分分工工3、用用戶戶體體驗(yàn)驗(yàn)研研究究員員作作產(chǎn)產(chǎn)品品和和用用戶戶等等調(diào)調(diào)查查研研究究4、信信息息架架構(gòu)構(gòu)師師設(shè)設(shè)計(jì)計(jì)產(chǎn)產(chǎn)品品信信息息架架構(gòu)構(gòu)、、內(nèi)內(nèi)容容架架構(gòu)構(gòu)5、互互動動設(shè)設(shè)計(jì)計(jì)師師設(shè)設(shè)計(jì)計(jì)互互動動流流程程6、視視覺覺設(shè)設(shè)計(jì)計(jì)師師(visualdesigner)和userinterfacedesigner做視視覺覺設(shè)設(shè)計(jì)計(jì)7、webdeveloper把設(shè)設(shè)計(jì)計(jì)模模型型通通過過編編寫寫程程序序(html,dhtml,JavaScript)等再再現(xiàn)現(xiàn)，，最最后后交交給給工工程程師師8、用用戶戶體體驗(yàn)驗(yàn)研研究究員員需需要要做做用用戶戶測測試試9、QA(Qualityassurance)需要要測測驗(yàn)驗(yàn)產(chǎn)產(chǎn)品品的的操操作作步步驟驟，，確確認(rèn)認(rèn)產(chǎn)產(chǎn)品品的的使使用用質(zhì)質(zhì)量量產(chǎn)品品設(shè)設(shè)計(jì)計(jì)中中的的棘棘手手問問題題沒有有UED、IA、ID、VD，更更別別說說什什么么UR了，，我我們們?nèi)缛绾魏伍_開展展產(chǎn)產(chǎn)品品設(shè)設(shè)計(jì)計(jì)工工作作？？網(wǎng)站站的的行行文文、、界界面面文文字字誰誰來來把把關(guān)關(guān)、、是是PM還是是ID，還還是是誰誰？？PM和UE的關(guān)關(guān)系系如如何何界界定定？？誰，，何何時時，，需需要要加加入入產(chǎn)產(chǎn)品品設(shè)設(shè)計(jì)計(jì)的的概概念念性性階階段段？？產(chǎn)品品設(shè)設(shè)計(jì)計(jì)規(guī)規(guī)范范如如何何確確定定和和執(zhí)執(zhí)行行？？為什什么么我我們們產(chǎn)產(chǎn)品品設(shè)設(shè)計(jì)計(jì)時時間間總總是是不不夠夠用用？？缺乏乏高高效效的的溝溝通通、、團(tuán)團(tuán)隊(duì)隊(duì)成成員員對對于于目目標(biāo)標(biāo)的的不不明明確確，，會會導(dǎo)導(dǎo)致致整整體體效效率率的的下下降降，，我我們們要要讓讓團(tuán)團(tuán)隊(duì)隊(duì)的的成成員員都都清清楚楚：：產(chǎn)品品目目標(biāo)標(biāo)、、工工作作流流程程、、設(shè)設(shè)計(jì)計(jì)規(guī)規(guī)范范、、日日程程安安排排產(chǎn)品品設(shè)設(shè)計(jì)計(jì)方方法法和和原原型型、、工工具具以用用戶戶為為中中心心的的設(shè)設(shè)計(jì)計(jì)方方法法舉舉例例卡片片分分類類(CardSorting)觀察察用用戶戶是是如如何何理理解解內(nèi)內(nèi)容容和和組組織織信信息息，，用用來來幫幫助助你你的的網(wǎng)網(wǎng)站站(產(chǎn)品)更合理的組織織信息。情境訪談(ContextualInterviews)走進(jìn)用戶的現(xiàn)現(xiàn)實(shí)環(huán)境，讓讓你了解你的的用戶的工作作方式，生活活環(huán)境等等情情況。焦點(diǎn)小組(FocusGroups)組織一組的用用戶進(jìn)行討論論，讓你更了了解用戶的理理解、想法、、態(tài)度和想要要什么。啟發(fā)式評估(HeuristicEvaluation)可用性的檢查查方法，讓一一些行內(nèi)專家家對網(wǎng)站產(chǎn)品品進(jìn)行指導(dǎo)。。以用戶為中心心的設(shè)計(jì)方法法舉例單獨(dú)訪談(IndividualInterviews)一對一的用戶戶討論,讓你了解某個個用戶是如何何工作,使你知道用戶戶的感受,想要什么和他他的經(jīng)歷。平行設(shè)計(jì)(ParallelDesign)對同一個網(wǎng)站站(產(chǎn)品)進(jìn)行分開的設(shè)設(shè)計(jì)，從而比比較選擇一個個最佳方案。。角色模型(Personas)構(gòu)建一個虛構(gòu)構(gòu)的人來代表表大部分用戶戶，設(shè)計(jì)團(tuán)隊(duì)隊(duì)圍繞這個虛虛擬人物設(shè)計(jì)計(jì)開發(fā)產(chǎn)品。。原型(Prototyping)利用簡單網(wǎng)站站(產(chǎn)品)原型進(jìn)行相關(guān)關(guān)的測試，從從而節(jié)約后期期大量的成本本。以用戶為中心心的設(shè)計(jì)方法法舉例問卷調(diào)查(Surveys)利用網(wǎng)上或紙紙張的問題list對用戶進(jìn)行發(fā)發(fā)放填寫，從從而收集用戶戶對網(wǎng)站(產(chǎn)品)的反饋意見。。任務(wù)分析(TaskAnalysis)通過任務(wù)分析析了解用戶使使用你網(wǎng)站(產(chǎn)品)時的目標(biāo)和操操作方式，習(xí)習(xí)慣?？捎眯詼y試(UsabilityTesting)請用戶來試用用你的網(wǎng)站(產(chǎn)品)，有任務(wù)性的的完成測試。。從而得到你你所想要的東東西。用例(UseCases)描述某個用戶戶使用你網(wǎng)站站(產(chǎn)品)時的情況，包包括目標(biāo)和行行動。用戶研究－－－人物角色創(chuàng)創(chuàng)建人物角色（Personas）作為UCD方法中最重要要的一個工具具，是通過過創(chuàng)建典型用用戶來代表具具有不同目標(biāo)標(biāo)的用戶從而而滿足具有類類似目標(biāo)和需需求的用戶群群”，介紹了了通過角色，，產(chǎn)品設(shè)計(jì)者者可以站在用用戶的角度考考慮問題，從從而把設(shè)計(jì)者者的注意力集集中在用戶需需求和目標(biāo)上上…用戶研究－－－人物角色創(chuàng)創(chuàng)建用戶定性研究究細(xì)分用戶群為細(xì)分群體創(chuàng)建角色用戶訪談現(xiàn)場調(diào)查用例測試……用目標(biāo)細(xì)分用使用周期細(xì)細(xì)分用行為和觀點(diǎn)點(diǎn)一種最簡單的的人物角色創(chuàng)創(chuàng)建方法－－－定性人物角角色還有：經(jīng)定量量驗(yàn)證的定性性人物角色，，完全的定量量人物角色建立檔案展示人物角色色融入角色……用戶研究－－－人物角色創(chuàng)創(chuàng)建不經(jīng)過分類、、邏輯分析的的原始用戶數(shù)數(shù)據(jù)、訪談?wù){(diào)調(diào)查表本身并并沒有什么意意義，往往會會讓我們陷入入細(xì)節(jié)并得到到錯誤的結(jié)論論創(chuàng)建角色：人人物角色可以以時刻提醒我我們，要把時時間用在滿足足我們的目標(biāo)標(biāo)用戶群體上上人物角色可以以避免我們基基于自己的想想法做決策太夸張?zhí)撂[藏太多干干擾人物角角色形形象要要具有有普通通代表表性，，并和和人物物特性性相符符合原型設(shè)設(shè)計(jì)：：故事事板*紙板——用于屏屏幕；；*郵郵票式式張貼貼——用于菜菜單、、對話話框和和其他他的屏屏幕元元素；；*透透明的的幻燈燈片——用于臨臨時項(xiàng)項(xiàng)目或或用戶戶輸入入；*隱隱藏藏的帶帶子或或者其其它用用于用用戶輸輸入的的帶子子；*筆筆和和標(biāo)記記（可可擦寫寫標(biāo)記記用戶戶輸入入或臨臨時信信息））；*用用來來擦除除輸入入的水水；*………原型設(shè)設(shè)計(jì)，，主要要是設(shè)設(shè)計(jì)產(chǎn)產(chǎn)品的的功能能、用用戶流流程、、信息息架構(gòu)構(gòu)、交交互細(xì)細(xì)節(jié)、、頁面面元素素等，，它它更多多的向向產(chǎn)品品設(shè)計(jì)計(jì)團(tuán)隊(duì)隊(duì)的每每一位位成員員傳遞遞著產(chǎn)產(chǎn)品的的設(shè)計(jì)計(jì)理念念、核核心功功能、