基于用戶體驗的界面原型設(shè)計2014年2月基于用戶體驗的界面原型設(shè)計2014年2月2目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP設(shè)計原型032目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP2什么是用戶體驗3什么是用戶體驗？用戶體驗是一種純主觀在用戶使用產(chǎn)品過程中建立起來的心理感受。用戶體驗的標(biāo)準(zhǔn)是什么？用戶體驗從什么時候開始？什么時候結(jié)束？什么是用戶體驗3什么是用戶體驗？3軟件產(chǎn)品的用戶體驗4軟件產(chǎn)品的用戶體驗包含哪些內(nèi)容？用戶體驗不是只針對界面的體驗。6個方面：界面、交互、功能、語言、性能、兼容用戶體驗之“不要讓我思考”不要讓我思考這是做什么的？不要讓我思考在哪里找我要的東西？不要讓我思考該如何操作？用戶體驗總體原則：0、1、2、30手冊1看就懂2步操作3秒響應(yīng)用戶體驗不是一成不變的軟件產(chǎn)品的用戶體驗4軟件產(chǎn)品的用戶體驗包含哪些內(nèi)容？4軟件產(chǎn)品的用戶體驗（1）－界面5界面友好展現(xiàn)形式內(nèi)容看不懂或不直觀控件或按鈕使用不當(dāng)未采用不一致的設(shè)計沒有使用提示性信息沒有進(jìn)行排列或組合用戶不知道等待時間頁面布局功能或菜單分類不合理沒有按內(nèi)容重要性布局同類頁面的布局不統(tǒng)一頁面布局明顯不夠協(xié)調(diào)顏色搭配顏色過于相近或反差太大背景顏色影響文字的閱讀軟件產(chǎn)品的用戶體驗（1）－界面5界面友好5軟件產(chǎn)品的用戶體驗（2）－交互6交互簡單功能入口找不到功能入口業(yè)務(wù)邏輯流程不夠清晰業(yè)務(wù)不好理解操作過程操作步驟過多不懂如何操作光標(biāo)沒有定位缺少記憶功能查找選擇麻煩結(jié)果提示操作成功沒有提示操作失敗原因不詳軟件產(chǎn)品的用戶體驗（2）－交互6交互簡單6軟件產(chǎn)品的用戶體驗（3）－功能7功能完善功能缺失功能不合理功能有BUG軟件產(chǎn)品的用戶體驗（3）－功能7功能完善7軟件產(chǎn)品的用戶體驗（4）－語言8語言通俗功能菜單信息名詞說明注釋能用一個詞表達(dá)的，不要用一句話每個概述只用一種表達(dá)軟件產(chǎn)品的用戶體驗（4）－語言8語言通俗8軟件產(chǎn)品的用戶體驗（5）－性能9性能理想響應(yīng)速度運行穩(wěn)定軟件產(chǎn)品的用戶體驗（5）－性能9性能理想9軟件產(chǎn)品的用戶體驗（6）－兼容10兼容具備電腦瀏覽器手機操作系統(tǒng)屏幕分辨率軟件產(chǎn)品的用戶體驗（6）－兼容10兼容具備10部分交互細(xì)節(jié)11符合用戶的使用習(xí)慣。光標(biāo)自動定位。訪問頁面或打開新的頁面。幫用戶自動選中。輸入錯誤時、只有一個選項時?！胺祷亍庇洃浌δ?。返回后頁面內(nèi)容保留，注冊、訂單、查看詳情。多記錄的都需要排序。選擇、列表、查詢結(jié)果。必要的注釋。如注冊時用戶名由什么字符組成；密碼是幾位數(shù)。允許用戶犯錯誤。讓用戶可以撤銷動作，執(zhí)行具體的破壞操作時要求用戶確認(rèn)。部分交互細(xì)節(jié)11符合用戶的使用習(xí)慣。1112目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP設(shè)計原型0312目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用R12V1.5需求秋千圖13V2.0V1.5需求秋千圖13V2.013原型設(shè)計的意義14目的讓客戶、需求人員、開發(fā)人員對產(chǎn)品達(dá)到一致的理解和認(rèn)識意義避免返工作用與客戶進(jìn)行需求確認(rèn)作為開發(fā)人員的需求文檔原型設(shè)計的意義14目的14原型設(shè)計的內(nèi)容15功能界面交互（很重要）原型做得好相當(dāng)于什么？原型設(shè)計的內(nèi)容15功能15原型設(shè)計與需求分析16原型設(shè)計是需求分析的輸出成果，但需求分析是否只要輸出原型設(shè)計就可以？原型設(shè)計與需求分析16原型設(shè)計是需求分析的輸出成果，但需求分16做原型設(shè)計的前提17了解需求需求分析做原型設(shè)計的前提17了解需求17怎么畫原型設(shè)計18手畫手畫完拍照或掃描能體現(xiàn)功能和界面，但體現(xiàn)不了交互工具：VISIO、RPRP能夠更好地體現(xiàn)交互怎么畫原型設(shè)計18手畫1819目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP設(shè)計原型0319目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用R19RP使用—布局20幾種布局系統(tǒng)網(wǎng)站手機/pad端布局使用的控件RP使用—布局20幾種布局20RP使用—控件21常用控件控件形狀設(shè)計RP使用—控件21常用控件21RP使用—交互22控件交互：常用交互：點擊、懸停、移入/移出、獲取焦點/失去焦點、選中狀態(tài)改變頁面上的事件

常用事件：OnPageLoadRP使用—交互22控件交互：22RP使用—典型案例23獲取焦點顯示或隱藏信息鼠標(biāo)移入移出顯示或隱藏信息記住用戶輸入的內(nèi)容并顯示（判斷、變量）頁面內(nèi)容切換Tab標(biāo)簽按鈕、單選框、復(fù)選框、下拉選擇框輪換圖菜單下拉、右側(cè)彈出對話框和窗體母版的使用RP使用—典型案例23獲取焦點顯示或隱藏信息23RP使用—生成規(guī)格說明書24RP使用—生成規(guī)格說明書2424RP使用—部分注意事項25要體現(xiàn)交互和流程，而不是靜態(tài)的頁面必要的時候使用圖片讓原型更直觀控件名稱一定要命名好先用手畫框架，再用RP軟件畫具體RP使用—部分注意事項25要體現(xiàn)交互和流程，而不是靜態(tài)的頁面252626為更好滿足學(xué)習(xí)和使用需求，課件在下載后可以自由編輯，請根據(jù)實際情況進(jìn)行調(diào)整Inordertobettermeettheneedsoflearningandusing,thecoursewareisfreelyeditedafterdownloading為更好滿足學(xué)習(xí)和使用需求，課件在下載后可以自由編輯，請根據(jù)實27基于用戶體驗的界面原型設(shè)計2014年2月基于用戶體驗的界面原型設(shè)計2014年2月29目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP設(shè)計原型032目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP29什么是用戶體驗30什么是用戶體驗？用戶體驗是一種純主觀在用戶使用產(chǎn)品過程中建立起來的心理感受。用戶體驗的標(biāo)準(zhǔn)是什么？用戶體驗從什么時候開始？什么時候結(jié)束？什么是用戶體驗3什么是用戶體驗？30軟件產(chǎn)品的用戶體驗31軟件產(chǎn)品的用戶體驗包含哪些內(nèi)容？用戶體驗不是只針對界面的體驗。6個方面：界面、交互、功能、語言、性能、兼容用戶體驗之“不要讓我思考”不要讓我思考這是做什么的？不要讓我思考在哪里找我要的東西？不要讓我思考該如何操作？用戶體驗總體原則：0、1、2、30手冊1看就懂2步操作3秒響應(yīng)用戶體驗不是一成不變的軟件產(chǎn)品的用戶體驗4軟件產(chǎn)品的用戶體驗包含哪些內(nèi)容？31軟件產(chǎn)品的用戶體驗（1）－界面32界面友好展現(xiàn)形式內(nèi)容看不懂或不直觀控件或按鈕使用不當(dāng)未采用不一致的設(shè)計沒有使用提示性信息沒有進(jìn)行排列或組合用戶不知道等待時間頁面布局功能或菜單分類不合理沒有按內(nèi)容重要性布局同類頁面的布局不統(tǒng)一頁面布局明顯不夠協(xié)調(diào)顏色搭配顏色過于相近或反差太大背景顏色影響文字的閱讀軟件產(chǎn)品的用戶體驗（1）－界面5界面友好32軟件產(chǎn)品的用戶體驗（2）－交互33交互簡單功能入口找不到功能入口業(yè)務(wù)邏輯流程不夠清晰業(yè)務(wù)不好理解操作過程操作步驟過多不懂如何操作光標(biāo)沒有定位缺少記憶功能查找選擇麻煩結(jié)果提示操作成功沒有提示操作失敗原因不詳軟件產(chǎn)品的用戶體驗（2）－交互6交互簡單33軟件產(chǎn)品的用戶體驗（3）－功能34功能完善功能缺失功能不合理功能有BUG軟件產(chǎn)品的用戶體驗（3）－功能7功能完善34軟件產(chǎn)品的用戶體驗（4）－語言35語言通俗功能菜單信息名詞說明注釋能用一個詞表達(dá)的，不要用一句話每個概述只用一種表達(dá)軟件產(chǎn)品的用戶體驗（4）－語言8語言通俗35軟件產(chǎn)品的用戶體驗（5）－性能36性能理想響應(yīng)速度運行穩(wěn)定軟件產(chǎn)品的用戶體驗（5）－性能9性能理想36軟件產(chǎn)品的用戶體驗（6）－兼容37兼容具備電腦瀏覽器手機操作系統(tǒng)屏幕分辨率軟件產(chǎn)品的用戶體驗（6）－兼容10兼容具備37部分交互細(xì)節(jié)38符合用戶的使用習(xí)慣。光標(biāo)自動定位。訪問頁面或打開新的頁面。幫用戶自動選中。輸入錯誤時、只有一個選項時?！胺祷亍庇洃浌δ?。返回后頁面內(nèi)容保留，注冊、訂單、查看詳情。多記錄的都需要排序。選擇、列表、查詢結(jié)果。必要的注釋。如注冊時用戶名由什么字符組成；密碼是幾位數(shù)。允許用戶犯錯誤。讓用戶可以撤銷動作，執(zhí)行具體的破壞操作時要求用戶確認(rèn)。部分交互細(xì)節(jié)11符合用戶的使用習(xí)慣。3839目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP設(shè)計原型0312目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用R39V1.5需求秋千圖40V2.0V1.5需求秋千圖13V2.040原型設(shè)計的意義41目的讓客戶、需求人員、開發(fā)人員對產(chǎn)品達(dá)到一致的理解和認(rèn)識意義避免返工作用與客戶進(jìn)行需求確認(rèn)作為開發(fā)人員的需求文檔原型設(shè)計的意義14目的41原型設(shè)計的內(nèi)容42功能界面交互（很重要）原型做得好相當(dāng)于什么？原型設(shè)計的內(nèi)容15功能42原型設(shè)計與需求分析43原型設(shè)計是需求分析的輸出成果，但需求分析是否只要輸出原型設(shè)計就可以？原型設(shè)計與需求分析16原型設(shè)計是需求分析的輸出成果，但需求分43做原型設(shè)計的前提44了解需求需求分析做原型設(shè)計的前提17了解需求44怎么畫原型設(shè)計45手畫手畫完拍照或掃描能體現(xiàn)功能和界面，但體現(xiàn)不了交互工具：VISIO、RPRP能夠更好地體現(xiàn)交互怎么畫原型設(shè)計18手畫4546目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用RP設(shè)計原型0319目錄軟件產(chǎn)品的用戶體驗01界面原型設(shè)計概述02如何使用R46RP使用—布局47幾種布局系統(tǒng)網(wǎng)站手機/pad端布局使用的控件RP使用—布局20幾種布局47RP使用—控件48常用控件控件形狀設(shè)計RP使用—控件21常用控件48RP使用—交互49控件交互：常用交互：點擊、懸停、移入/移出、獲取焦點/失去焦點、選中狀態(tài)改變頁面上的事件

常用事件：OnPageLoadRP使用—交互22控件交互：49RP使用—典型案例50獲取焦點顯示或隱藏信息鼠標(biāo)移入移出顯示或隱藏信息記住用戶輸入的內(nèi)容并顯示（判斷、變量）頁面內(nèi)容切換Tab標(biāo)簽按鈕、單選框、復(fù)選框、下拉選擇框輪換圖菜單下拉、右側(cè)彈出對話框和窗體母版的使用RP使用—典型案例23獲取焦點顯示或隱藏信息50RP使用—生成規(guī)格說明書51RP使用—生成規(guī)格說明書2451RP使用—部分注意事項52要體現(xiàn)交互和流程，而不是靜態(tài)的頁面必要的時候使用圖片讓原