梳理交互設(shè)計創(chuàng)意-XMind應(yīng)用基礎(chǔ)-備課筆記

編號19-01【App產(chǎn)品交互設(shè)計開發(fā)前期】編號19-01學(xué)習(xí)任務(wù)三、梳理交互設(shè)計創(chuàng)意-XMind應(yīng)用基礎(chǔ)一、課程說明與要求1.課程說明本次課程主要講解xmind軟件的功能描述以及xmind在交互設(shè)計流程中的應(yīng)用這兩方面內(nèi)容，XMind是非常實用的思維導(dǎo)圖軟件，簡單易用，功能強(qiáng)大。在進(jìn)行產(chǎn)品規(guī)劃，頭腦風(fēng)暴，任務(wù)分析等工作時，都可以借助XMind來完成。2.工具材料準(zhǔn)備說明本課的實踐需要同學(xué)們提前準(zhǔn)備一些軟件和素材，教師將以下關(guān)于xmind的應(yīng)用基礎(chǔ)部分需準(zhǔn)備軟件及素材發(fā)到微信群中。軟件工具/案例備注Xmind8Pro每臺電腦安裝甘特圖素材文件每人下載一份二、學(xué)情分析與課程導(dǎo)入1.學(xué)情分析本課程授課對象為藝術(shù)專業(yè)學(xué)生，關(guān)于思維導(dǎo)圖及思維導(dǎo)圖在交互設(shè)計中應(yīng)用等方面的知識，了解的不多，普遍認(rèn)知不強(qiáng)，為此我們強(qiáng)調(diào)進(jìn)行引導(dǎo)教學(xué)，融入市場多元化理念。另一方面，學(xué)生對新興的事物接受比較快，對所選擇的專業(yè)感興趣，獲取知識的主動性較強(qiáng)。2.課程導(dǎo)入我們講xmind軟件，那么xmind主要應(yīng)用哪些領(lǐng)域？它在交互設(shè)計流程中起到什么作用？實際在我們交互設(shè)計的各項管理、團(tuán)隊協(xié)作、項目進(jìn)度把控等等都可以使用xmind來進(jìn)行梳理，讓我們的思路更加清晰，后續(xù)的原型制作提供基礎(chǔ)。三、理論知識講解（一）XMind功能描述………【重點】思維導(dǎo)圖就是以層次感的方式展示我們想法的圖像式思考輔助工具。編號19-02XMind是一款非常實用的商業(yè)思維導(dǎo)圖軟件，應(yīng)用全球最先進(jìn)的軟件架構(gòu)，全力打造易用、高效的可視化思維軟件強(qiáng)調(diào)軟件的可擴(kuò)展、跨平臺、穩(wěn)定性和性能，致力于使用先進(jìn)的軟件技術(shù)幫助用戶真正意義上提高生產(chǎn)率。編號19-02XMind能與用戶其它的Office軟件緊密集成，可以被導(dǎo)出成Word/PowerPoint/PDF/TXT/圖片格式等，XMind不僅可以繪制思維導(dǎo)圖，還能繪制魚骨圖、二維圖、樹形圖、邏輯圖、組織結(jié)構(gòu)圖。1.xmind的應(yīng)用（1）用于交互設(shè)計在交互中它可以用來進(jìn)行思維管理、項目管理、信息管理、計劃和時間管理、企業(yè)決策分析等（2）思維交流在設(shè)計領(lǐng)域，它通常被用于會議備案、項目規(guī)劃、頭腦風(fēng)暴等團(tuán)隊協(xié)作為團(tuán)隊提供縱向深入和橫向擴(kuò)展兩個維度的選擇，這樣用團(tuán)隊在協(xié)作時，可以根據(jù)用戶反饋及時調(diào)整（4）項目進(jìn)度把控編號19-032.常用的幾種主題編號19-03（1）右側(cè)主題：適用于單向邏輯的表達(dá)，結(jié)構(gòu)明確，易于理解（2）雙向主題：適用于比較型的邏輯表達(dá)方式（3）交叉主題：表現(xiàn)循環(huán)因果關(guān)系或分支情況羅列3.版本對比XMind8Pro擁有更多的專業(yè)功能，比如甘特圖，演示模式，頭腦風(fēng)暴等，相對來說功能更全面；XMind2020更加簡潔美觀，操作體驗更加流暢，由于是后開發(fā)的，增加了插入數(shù)學(xué)方式的功能。4、使用xmind8pro制作甘特圖可以將xmind用于項目管理。（1）點擊“窗口”中的“甘特圖”，xmind8pro的下方就會出現(xiàn)甘特圖面板。選中想安排任務(wù)的那個分支。點擊“插入”菜單欄或“窗口”菜單欄下選擇“任務(wù)信息”。編號19-04編號19-04在“任務(wù)信息”中，設(shè)置負(fù)責(zé)人，設(shè)置任務(wù)的優(yōu)先級（1級是最優(yōu)先的），設(shè)置這個子項目的開始時間，預(yù)計完成時間，結(jié)束時間以及任務(wù)的完成情況。設(shè)置完成后，左側(cè)可以看到各個子項目的開始時間，結(jié)束日期，負(fù)責(zé)人，優(yōu)先級和進(jìn)度。（3）自動添加編號格式設(shè)置面板；點擊除了中心主題之外的其他主題會有所不同，多出了編號一欄?！c擊可以給導(dǎo)圖自動添加編號。編號19-05編號19-05創(chuàng)建新畫布插入-新畫布，就是創(chuàng)建了一個新的主題；插入-從主題創(chuàng)建新畫布功能，可以根據(jù)選擇的主題另起一個畫布，對該主題進(jìn)行詳細(xì)畫圖。這樣可以對內(nèi)容進(jìn)行細(xì)化和方便查找；這時原畫布會出現(xiàn)顯示鏈接主題的圖標(biāo)，進(jìn)行主題間切換。編號19-06編號19-06（二）XMind在交互設(shè)計流程中的應(yīng)用………【難點】1、遵循設(shè)計思維的流程交互設(shè)計的創(chuàng)意流程其實就是設(shè)計思維的流程，這里值得一提的是，無論是做交互設(shè)計，還是工業(yè)設(shè)計，還是服務(wù)設(shè)計，我們都應(yīng)該遵循著設(shè)計思維的流程。在交互設(shè)計流程中有效利用好思維導(dǎo)圖軟件Xmind，許多相關(guān)的問題就可以迎刃而解。交互設(shè)計的創(chuàng)意流程其實就是設(shè)計思維的流程，這里值得一提的是，無論是做交互設(shè)計，還是工業(yè)設(shè)計，還是服務(wù)設(shè)計，我們都應(yīng)該遵循著設(shè)計思維的流程。設(shè)計思維流程如圖中的步驟，首先，發(fā)現(xiàn)問題階段，也就是我們在產(chǎn)品制作過程中的需求階段。然后，我們要挖掘和探索問題，也就是剖析現(xiàn)象、定義問題的過程。然后到創(chuàng)意階段，在這一階段，我們根據(jù)對問題的定義，和對現(xiàn)象的剖析后，會產(chǎn)生新的概念或者想法，也是提出解決方案雛形的過程。編號19-07有了想法和創(chuàng)意后，進(jìn)入原型制作，就是想法或者概念的深化，在這個階段我們要更加注重具體和細(xì)節(jié)去呈現(xiàn)概念和想法。編號19-072、交互流程中哪些環(huán)節(jié)可以用到xmind（1）需求階段在我們制作項目的前期，思維發(fā)散的時候，我們往往對一個問題（或者是一個現(xiàn)象）有不同的想法或者創(chuàng)意，這時我們可以用XMIND進(jìn)行創(chuàng)意上的梳理，這樣能很好的記錄我們的思路。使用Xmind也可以為我們養(yǎng)成好的習(xí)慣，將好的創(chuàng)意點保留下來不會在我們的腦海中消失。另外用簡單的詞語來做快速的記錄也是我們在制作app產(chǎn)品過程中必不可少的部分，尤其是項目制作的前期。（2）創(chuàng)意階段在我們在確定方案后，開始搭建APP的框架時，Xmind軟件也是很好的選擇。我們可以用Xmind思維導(dǎo)圖軟件來整理APP的功能構(gòu)架圖（功能結(jié)構(gòu)圖就是以功能模塊為類別，介紹模塊下其各功能組成的圖表。）這樣可以讓我們保持思路的清晰，為我們的APP梳理清楚各個層級的功能，也方便我們自己來檢查APP的框架是否完整。在做用戶調(diào)研時，我們還可以通過Xmind整理用戶的信息，從而獲取有用的數(shù)據(jù)，而不是毫無目的且毫無針對性的收集材料，這樣才能讓我們的用戶研究結(jié)果切合到我們的設(shè)計創(chuàng)意過程當(dāng)中。

編號19-08編號19-083、使用步驟首先，用基本的紙筆來畫規(guī)劃草圖，找出和確定項目的核心主題，這個核心主題就像是寫作文的中心思想，以此為主干，延伸出一系列的相關(guān)分支。相關(guān)的分支就是一個個子話題，以此便可梳理出清晰的邏輯。然后，通過Xmind給這些關(guān)鍵詞不同的顏色和圖標(biāo)，來生動的表達(dá)各自的意義和確定它們之間的關(guān)系或關(guān)聯(lián)，逐層的來分析拓展每一個分支（或者分支的分支等）。第三，可以依據(jù)制作的項目思維導(dǎo)圖來開始我們的設(shè)計制作，比如用Xmind來搭建App的工作框架（可以理解為寫作文時列的大綱），可以更加直觀的來分析我們所要做的App，它的功能是否滿足用戶的需求，它的框架是否符合用戶的使用行為等等。第四，當(dāng)確定了APP工作流程之后，就可以開始搭建APP信息框架圖了，也就是我們常說的線框圖。第五，有了線框圖，也就是常說的低保真，就可以進(jìn)行用戶測試，為后面制作高保真來收集更多的用戶反饋資料。編號19-09編號19-09我們看到，Xmind的使用過程，就像對我們一層層思考思維的具象化記錄，同時也是對設(shè)計思維模式體現(xiàn)的最好記錄，利用好Xmind將會使我們的設(shè)計過程事半功倍?！净?，引導(dǎo)學(xué)生對各個步驟的理解，教師做總結(jié)】四、實踐技能訓(xùn)練（一）布置訓(xùn)練任務(wù)任務(wù)1：利用手機(jī)、電腦等工具，搜集不同思維導(dǎo)圖的主題方式，并進(jìn)行分類任務(wù)2：使用xmind8Pro的專業(yè)功能應(yīng)用于App項目管理（二）實戰(zhàn)項目案例運(yùn)用所學(xué)的xmind8pro的功能操作，繪制甘特圖……………【重點】教師重點指導(dǎo)：xmind軟件的基本操作；及甘特圖的一些功能選項的使用?！緦嵱?xùn)指導(dǎo)：學(xué)生初次接觸xmind8Pro，進(jìn)行思維導(dǎo)圖設(shè)計制作實踐，教師應(yīng)多引導(dǎo)，幫助學(xué)生完成甘特圖的制作】編號19-10五、課堂總結(jié)編號19-10今天，我們主要學(xué)習(xí)并了解了xmind軟件的功能描述以及在交互設(shè)計流程中的應(yīng)用等相關(guān)理論，也結(jié)合相關(guān)理論做了一些練習(xí)，想必同學(xué)們通過練習(xí)對xmind軟件的基礎(chǔ)和擴(kuò)展功能有了一定的了解和掌握。希望同學(xué)們課后繼續(xù)對你所接觸到的App產(chǎn)品，分析思維導(dǎo)圖在交互設(shè)計流程中的作用，這樣有助于你們對知識點的更深入的理解。六、課后思考前面我們講到了思維導(dǎo)圖工具xm