02第一章2App交互設(shè)計(jì)工作流程

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

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

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

收集用戶反饋

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

App交互設(shè)計(jì)流