App交互設(shè)計工作流程天津電子信息職業(yè)技術(shù)學(xué)院認(rèn)識交互設(shè)計知識要點1、App交互設(shè)計流程2、需求分析階段3、原型設(shè)計階段4、視覺設(shè)計階段5、開發(fā)/測試/驗收階段6、搜集用戶反饋階段App交互設(shè)計流程重點掌握：√第一部分次要掌握：App交互設(shè)計流程需求分析、原型設(shè)計、視覺設(shè)計、開發(fā)與測試、搜集用戶反饋需求分析原型設(shè)計通過？視覺設(shè)計設(shè)計規(guī)范設(shè)計評審開發(fā)/測試用戶反饋通過？YES設(shè)計評審YESNONOApp交互設(shè)計流程需求分析、原型設(shè)計、視覺設(shè)計、開發(fā)與測試、搜集用戶反饋需求分析原型設(shè)計視覺設(shè)計開發(fā)/測試用戶反饋輸出內(nèi)容用戶研究文檔、產(chǎn)品功能列表交互原型、交互文檔完善交互文檔全局通用說明完善交互文檔解決開發(fā)問題用戶反饋記錄分析文檔參與人員產(chǎn)品經(jīng)理、產(chǎn)品設(shè)計師、交互設(shè)計師、客戶/需求方交互設(shè)計師、客戶/需求方產(chǎn)品經(jīng)理、交互設(shè)計師、視覺設(shè)計師、客戶/需求方產(chǎn)品經(jīng)理、交互設(shè)計師、開發(fā)人員、客戶/需求方產(chǎn)品經(jīng)理、交互設(shè)計師需求分析階段重點掌握：√第二部分次要掌握：App交互設(shè)計流程-需求分析階段需求分析是交互設(shè)計流程計劃階段的重要環(huán)節(jié)分析App在功能上需要「實現(xiàn)什么」，而不是考慮如何去「實現(xiàn)」。需求分析的目標(biāo)是把用戶對待開發(fā)App提出的「要求」或「需要」進行分析與整理，確認(rèn)后形成描述完整、清晰與規(guī)范的文檔，確定軟件需要實現(xiàn)哪些功能，完成哪些工作。App交互設(shè)計流程-需求分析階段1、用戶研究報告文檔目的：通過用戶調(diào)研，理性了解用戶，根據(jù)他們的目的、行為和態(tài)度差異，將他們區(qū)分不同類型，分析出不同人群對產(chǎn)品的偏好和潛在需求，從而指導(dǎo)市場推廣和產(chǎn)品設(shè)計。用戶研究文檔調(diào)研背景調(diào)研目的調(diào)研時間調(diào)研方法調(diào)研群體調(diào)研場景調(diào)研數(shù)據(jù)評估報告App交互設(shè)計流程-需求分析階段2、產(chǎn)品功能列表功能需求列表的價值：首先是幫助產(chǎn)品經(jīng)理理清思路，其次幫助項目團隊的其它成員了解產(chǎn)品功能需求。App交互設(shè)計流程-需求分析階段3、場景故事板目的：是讓產(chǎn)品設(shè)計師在特定產(chǎn)品使用情境下，全面理解用戶和產(chǎn)品之間的交互關(guān)系。原型設(shè)計階段重點掌握：√第三部分次要掌握：App交互設(shè)計流程-原型設(shè)計階段原型設(shè)計階段這個階段交互設(shè)計師需要編寫交互文檔。也就是交互設(shè)計說明文檔。英文「DesignRequirementDocument」，縮寫「DRD」。App交互設(shè)計流程-原型設(shè)計階段1、流程圖的構(gòu)成和符號符號名稱意義開始（Start）/終止（End）處理程序/進程/步驟（Process）條件/判定（Decision）路徑（Path）文檔（Document）流程圖開始/流程圖終止處理程序不同方案選擇指向路徑方向輸入或輸出文檔App交互設(shè)計流程-原型設(shè)計階段2、業(yè)務(wù)流程圖（泳道圖）它是產(chǎn)品的整體業(yè)務(wù)流程，直接和業(yè)務(wù)掛鉤，可以說是產(chǎn)品的核心流程。App交互設(shè)計流程-原型設(shè)計階段3、功能結(jié)構(gòu)圖是按照功能的從屬關(guān)系畫成的圖表，在該圖表中的每一個框都稱為一個功能模塊。App交互設(shè)計流程-原型設(shè)計階段4、信息架構(gòu)圖信息架構(gòu)屬于用戶體驗的結(jié)構(gòu)層，是產(chǎn)品的骨架。App交互設(shè)計流程-原型設(shè)計階段5、任務(wù)流程圖通過圖形化的表達形式，闡述產(chǎn)品在功能層面的邏輯和信息。App交互設(shè)計流程-原型設(shè)計階段6、產(chǎn)品結(jié)構(gòu)圖是綜合展示產(chǎn)品信息和功能邏輯的圖表，是產(chǎn)品原型的簡化表達。App交互設(shè)計流程-原型設(shè)計階段7、線框圖頁面線框圖，是通過圖形化的表達形式，闡述產(chǎn)品在頁面層面的信息。視覺設(shè)計階段重點掌握：√第四部分次要掌握：App交互設(shè)計流程-視覺設(shè)計階段視覺設(shè)計階段交互設(shè)計師需要向視覺設(shè)計師介紹交互原型

視覺設(shè)計師可以通過全局通用說明，整理視覺規(guī)范，防止高保真制作時遺漏界面。App交互設(shè)計流程-視覺設(shè)計階段全局通用說明指整個產(chǎn)品可通用或者復(fù)用的元素。App交互設(shè)計流程-視覺設(shè)計階段常用控件將具有高度復(fù)用價值的控制整理在一起，方便及時調(diào)用。復(fù)用界面全局可復(fù)用的一些內(nèi)頁。App交互設(shè)計流程-視覺設(shè)計階段時間規(guī)范約定一個時間規(guī)范。平臺不同格式會不同，我們會發(fā)現(xiàn)iOS是斜杠，Android是橫杠，WEB是圓點的。App交互設(shè)計流程-視覺設(shè)計階段缺省頁匯總一般包括加載失敗、加載中、網(wǎng)絡(luò)中斷和無數(shù)據(jù)的空頁面。開發(fā)/測試/驗收階段重點掌握：√第五部分次要掌握：…………App交互設(shè)計流程-開發(fā)測試驗收階段

開發(fā)與測試驗收階段1、開發(fā)實現(xiàn)過程中，若遇到交互上的疑問，需要實時跟進、討論、確定最終實現(xiàn)方案。2、測試用例編寫時，測試人員可能會提出一些尚未考慮到的特殊操作場景。交互設(shè)計師需要補充相應(yīng)的交互設(shè)計說明。3、測試用例評審階段，需要確認(rèn)所有的用例是否與交互文檔一致。4、測試驗收階段，需要驗收最終的效果，看與交互原型是否一致。搜集用戶反饋階段重點掌握：√第六部分次要掌握：App交互設(shè)計流程-搜集用戶反饋階段

收集用戶反饋

可用性測試方式1.在界面上放置一個「用戶反饋」入口，讓用戶在遇到問題時，直接填寫反饋信息。方式2.對于新產(chǎn)品以及改版，可以通過電子郵件、首頁鏈接等方式主動發(fā)放調(diào)查問卷，收集用戶意見。方式3.在線客服或是產(chǎn)品論壇等功能，也可以讓客服把每天咨詢最多的問題收集匯總給交互設(shè)計師讓用戶使用產(chǎn)品的設(shè)計原型或成品。通過觀察，來直觀的記錄用戶的感受和體驗，從而改善及提升產(chǎn)品可用性的方法。可用性測試適用于產(chǎn)品發(fā)展的各個階段，包括前期設(shè)計開發(fā)階段到后期優(yōu)化改進階段。做可用性測試價值在于能夠在不同的階段更加高效的發(fā)現(xiàn)問題，從而提高問題解決效率。

App交互設(shè)計流