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

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

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

收集用戶反饋

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

App交互設計流