用戶體驗(yàn)的要素-以用戶為中心的Web設(shè)計(jì).ppt

1、1.用戶體驗(yàn)元素，以用戶為中心的網(wǎng)頁設(shè)計(jì)，2。為什么用戶體驗(yàn)如此重要？戰(zhàn)略層：網(wǎng)站目標(biāo)和用戶需求范圍層：功能規(guī)范和內(nèi)容需求結(jié)構(gòu)層：交互設(shè)計(jì)和信息架構(gòu)框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)表現(xiàn)層：視覺設(shè)計(jì)元素的應(yīng)用，3。首先，為什么用戶體驗(yàn)如此重要？什么是用戶體驗(yàn)、用戶體驗(yàn)、競(jìng)爭(zhēng)優(yōu)勢(shì)和網(wǎng)站投資回報(bào)記住你的用戶，用戶體驗(yàn)產(chǎn)品是如何與外界聯(lián)系并發(fā)揮作用的，也就是人們是如何“接觸”和“使用”產(chǎn)品的。當(dāng)我早上起床時(shí)，我發(fā)現(xiàn)鬧鐘沒有像原來設(shè)定的那樣響。在燒水和穿衣的時(shí)候，我在離開前去打水，卻發(fā)現(xiàn)水沒有煮好！當(dāng)我們到達(dá)地鐵站時(shí)，交通卡的錢用完了。但是，我發(fā)現(xiàn)充值時(shí)機(jī)器無法識(shí)別你的交通卡，所以我不得不在便利店排

2、隊(duì)。終于成功上了地鐵，但不得不在地鐵前排隊(duì)。經(jīng)過三趟地鐵，你終于到達(dá)了公司，但是你遲到了。結(jié)果：雖然你很努力，但還是遲到了。那么，讓我們來看看這一系列不好的事情。是什么讓我們?nèi)绱瞬恍?？x員工度過了悲慘的一天。4.面對(duì)大量的選擇，用戶只能找到自己的方式來決定哪些網(wǎng)站功能會(huì)滿足自己的需求。企業(yè)開始意識(shí)到提供高質(zhì)量的用戶體驗(yàn)是一項(xiàng)重要且可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)。用戶體驗(yàn)形成了客戶對(duì)企業(yè)的總體印象，定義了企業(yè)與競(jìng)爭(zhēng)對(duì)手之間的差異，并決定了客戶是否會(huì)再次光顧。用戶體驗(yàn)和網(wǎng)站，5，競(jìng)爭(zhēng)優(yōu)勢(shì)和投資回報(bào)，投資回報(bào)或投資回報(bào)(ROI)轉(zhuǎn)換率，每花費(fèi)一美元可以回收多少等價(jià)收入？通過跟蹤有多少百分比的用戶已經(jīng)“轉(zhuǎn)化”到下一

3、步，你可以衡量你的網(wǎng)站在實(shí)現(xiàn)“商業(yè)目的”方面的效率。用戶得到不好的體驗(yàn)，然后他們就再也不會(huì)回來了?！疤匦浴焙汀肮δ堋笨偸侵匾?，但是體驗(yàn)對(duì)顧客忠誠(chéng)度有更大的影響。關(guān)注網(wǎng)站的用戶體驗(yàn)可以給企業(yè)帶來更多的回報(bào)：轉(zhuǎn)化率是衡量用戶體驗(yàn)效果的常用方法。注冊(cè)和訂閱電子郵件的用戶有6，3人，36個(gè)訪問者=8.33%的轉(zhuǎn)換率，“臨時(shí)瀏覽者”和“實(shí)際購買者”，高質(zhì)量的用戶體驗(yàn)，購買過程中的用戶體驗(yàn)差，以及技術(shù)產(chǎn)品沒有按預(yù)期工作，因此即使最終完成了他們想做的事情，他們也會(huì)覺得自己很愚蠢。那么人們會(huì)被你糟糕的用戶體驗(yàn)嚇跑。轉(zhuǎn)換率計(jì)算公式：7、指標(biāo)使用：當(dāng)您在不同地方測(cè)試新聞?dòng)嗛?、下載鏈接或注冊(cè)會(huì)員時(shí)，可以使用不同的

4、鏈接名稱、訂閱方式、廣告投放、付費(fèi)搜索鏈接、付費(fèi)廣告(PPC)等?？纯茨姆N方法可以保持轉(zhuǎn)化率上升？如何增強(qiáng)訪問者和網(wǎng)站內(nèi)容之間的相關(guān)性。如果這個(gè)值上升，就意味著相關(guān)性增加了；否則，它已經(jīng)下降。轉(zhuǎn)換率是多少？轉(zhuǎn)化目標(biāo)，也稱為轉(zhuǎn)化目標(biāo)頁面或目標(biāo)頁面，是指商家希望訪問者在網(wǎng)站上完成的任務(wù)，如注冊(cè)、下單、支付等。轉(zhuǎn)換，1。在網(wǎng)站上停留一段時(shí)間；2.瀏覽網(wǎng)站上的特定頁面，如注冊(cè)頁面、“聯(lián)系我們”頁面等；3.在網(wǎng)站上注冊(cè)或提交訂單；4.通過網(wǎng)站信息或在線即時(shí)通訊工具進(jìn)行咨詢；5.電話咨詢；6.現(xiàn)場(chǎng)參觀、咨詢和談判；7.實(shí)際支付和交易(尤其是電子商務(wù)網(wǎng)站)；8.記住你的用戶。以用戶為中心的設(shè)計(jì)應(yīng)該在產(chǎn)品開發(fā)

5、的每一步都考慮到用戶?？紤]到用戶體驗(yàn)，把它分成它的組成部分，從不同的角度去理解它，這樣可以確保你控制所有由決策引起的結(jié)果。用戶體驗(yàn)非常重要，最大的原因是它對(duì)你的用戶非常重要。協(xié)調(diào)、直觀甚至愉快的“一次”體驗(yàn)一切都在以正確的方式運(yùn)行。為什么用戶體驗(yàn)對(duì)理解這些元素如此重要：戰(zhàn)略層：網(wǎng)站目標(biāo)和用戶需求范圍層：功能規(guī)范和內(nèi)容需求結(jié)構(gòu)層：交互設(shè)計(jì)和信息架構(gòu)框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)表現(xiàn)層：視覺設(shè)計(jì)元素的應(yīng)用，10?？紤]用戶可能采取的每一個(gè)行動(dòng)的每一種可能性，并理解用戶在這個(gè)過程的每一步的期望。設(shè)計(jì)用戶體驗(yàn)的工作可以分解成不同的部分，以幫助我們更好地理解整個(gè)問題。幾個(gè)主要的決定：網(wǎng)站看起來怎么樣

6、，它如何工作，它能讓你做什么。由文本和圖片組成的一系列網(wǎng)頁。骨架按鈕、表格、照片和文本區(qū)域的位置。結(jié)構(gòu)層(structure)決定了網(wǎng)站各種功能的最合適組合。范圍層(scope)的功能和特性應(yīng)包含在網(wǎng)站中，即scope。策略(strategy)運(yùn)營(yíng)商和用戶分別希望從網(wǎng)站獲得什么。五層，11層。每一層的決策都會(huì)影響上層的可用選擇。這種依賴性意味著戰(zhàn)略層面的決策會(huì)產(chǎn)生某種向上的“連鎖效應(yīng)”。相反，這意味著我們?cè)诿恳粋€(gè)層次上的選擇都受到在較低層次上確定的問題的限制。這種連鎖效應(yīng)意味著，在“更高層次”的邊界之外選擇一個(gè)選項(xiàng)，需要重新考慮在“更低層次”做出的決定。這并不是說，在設(shè)計(jì)更高一級(jí)之前，必須在更

7、低一級(jí)做出每一個(gè)決定。凡事都有兩個(gè)方面，而“較高層次”的決策有時(shí)會(huì)導(dǎo)致對(duì)“較低層次”的決策進(jìn)行重新評(píng)估(或第一次評(píng)估)。在每一個(gè)層面上，我們都是根據(jù)競(jìng)爭(zhēng)對(duì)手的表現(xiàn)和行業(yè)最佳實(shí)踐做出決策的。這是最簡(jiǎn)單的常識(shí)。這些決策可能產(chǎn)生的連鎖效應(yīng)應(yīng)該是雙向的。如果你想在開始“更高層次”的設(shè)計(jì)之前完全確定“更低層次”，那么幾乎可以肯定的是，你已經(jīng)把你的項(xiàng)目進(jìn)度，也許是你最終產(chǎn)品的成功，拋入了一個(gè)危險(xiǎn)的境地。相反，您應(yīng)該計(jì)劃您的項(xiàng)目，以便在下一個(gè)級(jí)別的工作完成之前，任何級(jí)別的工作都不能完成。這里最重要的是，在我們知道基本形狀之前，我們不能給房子加屋頂。13、基本二元性、交互設(shè)計(jì)、信息設(shè)計(jì)和信息架構(gòu)當(dāng)一個(gè)網(wǎng)站的用

8、戶體驗(yàn)開始成形時(shí)，它的設(shè)計(jì)者使用兩種不同的語言。一群人把每個(gè)問題都看作是“應(yīng)用軟件”的設(shè)計(jì)問題，然后從傳統(tǒng)桌面和客戶端軟件的角度考慮解決方案。另一群人從信息發(fā)布和檢索的角度看網(wǎng)站，然后從傳統(tǒng)出版、媒體和信息技術(shù)的角度考慮問題的解決方案。為了解決網(wǎng)頁的基本雙重性，讓我們把這五個(gè)層次從中間分開。在軟件方面，我們主要關(guān)心的是任務(wù)的所有操作都被納入到一個(gè)過程中，我們考慮人們?nèi)绾瓮瓿蛇@個(gè)過程。在這里，我們將網(wǎng)站視為用戶用來完成一項(xiàng)或多項(xiàng)任務(wù)的一個(gè)工具或一組工具。在超文本方面，我們關(guān)心的是信息網(wǎng)站應(yīng)該提供什么信息，以及這些信息對(duì)用戶的意義。超文本就是創(chuàng)造一個(gè)“用戶可以跨越的信息空間”。14、表面的視覺設(shè)計(jì)

9、，或最終產(chǎn)品的外觀。無論是軟件界面還是信息空間，我們都必須完成信息設(shè)計(jì)。在軟件產(chǎn)品方面，框架層還包括界面元素，這些界面元素被安排成用戶可以與系統(tǒng)的功能進(jìn)行交互。就信息空間而言，這個(gè)界面是屏幕上一些元素的組合，允許用戶瀏覽信息架構(gòu)。在軟件方面，結(jié)構(gòu)層將從范圍變化到系統(tǒng)如何響應(yīng)用戶的請(qǐng)求。在信息空間中，結(jié)構(gòu)層是信息空間中內(nèi)容元素的分布。在范圍層從戰(zhàn)略層進(jìn)入范圍層之后，它被轉(zhuǎn)換成對(duì)產(chǎn)品在軟件方面的“功能組合”的詳細(xì)描述。就信息空間而言，范圍是對(duì)各種內(nèi)容元素的需求的詳細(xì)描述。策略企業(yè)外部的用戶需求是網(wǎng)站的目標(biāo)，尤其是那些將使用我們網(wǎng)站的用戶。對(duì)應(yīng)用戶的需求，這是我們自己對(duì)網(wǎng)站的期望目標(biāo)。15，一般內(nèi)容

10、，為什么用戶體驗(yàn)如此重要？戰(zhàn)略層：網(wǎng)站目標(biāo)和用戶需求范圍層：功能規(guī)范和內(nèi)容需求結(jié)構(gòu)層：交互設(shè)計(jì)和信息架構(gòu)框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)表達(dá)層：視覺設(shè)計(jì)元素的應(yīng)用，16、戰(zhàn)略層，成功的用戶體驗(yàn)是基于明確表達(dá)的“戰(zhàn)略”。了解企業(yè)和用戶對(duì)網(wǎng)站的期望和目標(biāo)有助于建立用戶體驗(yàn)各方面的策略。范圍層、結(jié)構(gòu)層、框架層、表示層、網(wǎng)站目標(biāo)和用戶需求，戰(zhàn)略層定義了網(wǎng)站目標(biāo)用戶需求的團(tuán)隊(duì)角色和過程，17、戰(zhàn)略層的定義，我們從這個(gè)網(wǎng)站得到了什么？(網(wǎng)站目標(biāo))我們的用戶想從這個(gè)網(wǎng)站得到什么？網(wǎng)站失敗的最常見原因既不是技術(shù)也不是用戶體驗(yàn)。網(wǎng)站失敗最常見的原因是，在編寫第一行程序、繪制第一個(gè)像素或配置第一臺(tái)服務(wù)器之前，

11、沒有人試圖回答以下兩個(gè)基本問題：通過回答第一個(gè)問題，我們可以描述企業(yè)的網(wǎng)站目標(biāo)。第二個(gè)問題提出了用戶需求的問題，這是企業(yè)外部的目標(biāo)。網(wǎng)站目標(biāo)和用戶需求內(nèi)外結(jié)合，構(gòu)成了一個(gè)戰(zhàn)略層，成為用戶體驗(yàn)設(shè)計(jì)過程中做出每一個(gè)決策的基礎(chǔ)。這里的關(guān)鍵詞是明確的。我們?cè)侥芮宄乇磉_(dá)我們想要的東西，并確切地知道別人想要我們做什么，我們就越能清楚地滿足雙方的需求。網(wǎng)站的目標(biāo)通常存在于一小群人當(dāng)中，他們以“什么只能理解，什么不能說”的狀態(tài)建立網(wǎng)站。當(dāng)網(wǎng)站目標(biāo)不能用語言表達(dá)時(shí)，不同的人對(duì)如何完成項(xiàng)目往往有不同的想法。商業(yè)目標(biāo)盡量避免使用過于寬泛或具體的詞語來描述網(wǎng)站的商業(yè)目標(biāo)，并在充分理解問題后得出結(jié)論。為了創(chuàng)造成功的用

12、戶體驗(yàn)，我們必須確保決策不是隨便決定的，而是經(jīng)過仔細(xì)考慮的結(jié)果。品牌識(shí)別品牌識(shí)別可以是一個(gè)概念系統(tǒng)或一個(gè)情感反應(yīng)。它很重要，因?yàn)樗荒鼙挥脩艉雎浴．?dāng)用戶與網(wǎng)站互動(dòng)時(shí)，企業(yè)的品牌形象不可避免地在用戶心中形成。網(wǎng)站設(shè)計(jì)者必須決定品牌形象是無意形成的，還是經(jīng)過深思熟慮和精心安排的結(jié)果。大多數(shù)企業(yè)選擇對(duì)他們的品牌形象施加一些控制，這就是為什么品牌識(shí)別是一個(gè)非常普遍的網(wǎng)站目標(biāo)。有時(shí)成功的標(biāo)準(zhǔn)與網(wǎng)站本身和用戶如何使用網(wǎng)站有一定的關(guān)系。例如，用戶訪問網(wǎng)站的平均停留時(shí)間是多少(服務(wù)器記錄可以幫助您確定這一點(diǎn)嗎)？然而，并非所有的成功標(biāo)準(zhǔn)都必須直接從網(wǎng)站獲得，網(wǎng)站的間接影響也可以衡量。最有效的標(biāo)準(zhǔn)可以直接歸因于

13、網(wǎng)站用戶體驗(yàn)變化的標(biāo)準(zhǔn)，但是如果這些變化發(fā)生的時(shí)間較長(zhǎng)，就很難判斷它們是由于用戶體驗(yàn)還是其他因素造成的。成功標(biāo)準(zhǔn)表明用戶體驗(yàn)是否有效地實(shí)現(xiàn)了戰(zhàn)略目標(biāo)。在這個(gè)例子中，這個(gè)網(wǎng)站對(duì)核心用戶的價(jià)值是通過測(cè)量每個(gè)注冊(cè)用戶一個(gè)月的訪問次數(shù)來展示的。修改后的發(fā)布日期、成功標(biāo)準(zhǔn)是一些可追溯的目標(biāo)，用來顯示網(wǎng)站在發(fā)布后是否符合我們自己的目標(biāo)和用戶的需求。良好的成功標(biāo)準(zhǔn)不僅影響項(xiàng)目各階段的決策，而且為用戶體驗(yàn)工作價(jià)值提供具體依據(jù)。陷阱：認(rèn)為我們?cè)跒槔硐胗脩粼O(shè)計(jì)網(wǎng)站，而理想用戶是“一些和我們完全一樣的用戶”。但是我們不是為自己設(shè)計(jì)，而是為別人設(shè)計(jì)。如果我們想讓這些“其他人”喜歡并使用我們創(chuàng)造的東西，我們必須知道“他

14、們是誰”和“他們的需求是什么”。通過投入時(shí)間來研究這些需求，我們可以放棄自己立場(chǎng)的局限性，真正從用戶的角度重新審視網(wǎng)站。人口統(tǒng)計(jì)學(xué)方法：性別、年齡、教育程度、婚姻狀況、收入等。心理統(tǒng)計(jì)方法：記錄用戶的心理因素；用戶對(duì)技術(shù)和網(wǎng)頁的看法重要屬性您的用戶每周在互聯(lián)網(wǎng)上花費(fèi)多少小時(shí)？電腦是他們?nèi)粘Ｉ畹囊徊糠謫?？他們喜歡與技術(shù)打交道嗎？他們總是有最新最好的硬件嗎？他們每五年才買一臺(tái)新電腦？我們的設(shè)計(jì)必須適應(yīng)不同類型的用戶。用戶需求、用戶細(xì)分和用戶細(xì)分的一些最常見的方法：21。市場(chǎng)調(diào)查方法：如問卷和焦點(diǎn)小組，這是了解用戶一般信息的寶貴資源；情境查詢：用于了解用戶在日常生活中的行為；任務(wù)分析：每個(gè)用戶和網(wǎng)

15、站之間的交互發(fā)生在執(zhí)行某個(gè)任務(wù)的環(huán)境中；用戶測(cè)試：最常見的用戶研究方法允許用戶幫助測(cè)試你的產(chǎn)品；卡片分類：用于探索用戶如何分類或組織各種信息元素；創(chuàng)建人物角色：用戶模型或用戶檔案讓你的用戶真正地在設(shè)計(jì)師的腦海中重現(xiàn)?？捎眯院陀脩粞芯浚脩艏?xì)分將所有用戶分成有共同需求的較小群體，從而幫助我們更好地了解用戶的需求。22歲，戰(zhàn)略家：幫助客戶處理項(xiàng)目中的戰(zhàn)略問題；利益相關(guān)者：高級(jí)決策者，他們管理那些將影響網(wǎng)站決策的部門；戰(zhàn)略文檔和可見性文檔：定義網(wǎng)站目標(biāo)和用戶需求的文檔。撰寫戰(zhàn)略文件時(shí)，文件越多越好，但應(yīng)簡(jiǎn)明扼要。一份有效的戰(zhàn)略文件不僅可以在用戶體驗(yàn)開發(fā)團(tuán)隊(duì)中起到試金石的作用，還可以成為企業(yè)其他部門的

16、項(xiàng)目支持文件。所有的項(xiàng)目參與者，如設(shè)計(jì)師、程序員、信息架構(gòu)師和項(xiàng)目經(jīng)理，都需要在項(xiàng)目期間經(jīng)常使用和閱讀戰(zhàn)略文檔，以幫助他們?cè)诠ぷ髦凶龀稣_的決策。策略應(yīng)該是設(shè)計(jì)用戶體驗(yàn)過程的起點(diǎn)，但這并不意味著你的策略需要在項(xiàng)目開始前完全確定，它應(yīng)該能夠發(fā)展和改進(jìn)。當(dāng)策略被系統(tǒng)地修改和修正時(shí)，這些任務(wù)可以成為整個(gè)過程中持續(xù)的靈感來源。團(tuán)隊(duì)角色和流程，23，通用目錄，24，范圍，戰(zhàn)略層了解這些元素：網(wǎng)站目標(biāo)和用戶需求范圍層：功能規(guī)范和內(nèi)容需求結(jié)構(gòu)層：交互設(shè)計(jì)和信息架構(gòu)框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)性能層：視覺設(shè)計(jì)元素的應(yīng)用，24，范圍層，戰(zhàn)略層，當(dāng)您將用戶需求和網(wǎng)站目標(biāo)轉(zhuǎn)化為網(wǎng)站應(yīng)該向用戶提供的內(nèi)容時(shí)。、結(jié)構(gòu)層、框架層