本文不打算討論如何使用Axure和xmind，因?yàn)樵撥浖梢宰詫W(xué)，并不打算成為科學(xué)交互設(shè)計(jì)。這就像解釋什么是籃球，而不是教他們打籃球。我希望教你一些東西，我可以用它來立即解決問題。交互式設(shè)計(jì)畫布是一個(gè)很好的工具，它可以幫助設(shè)計(jì)師從全球視角審視需求，找到真正的問題，并結(jié)合所有因素來提出可行的解決方案。
一，交互設(shè)計(jì)的核心要素
從實(shí)際問題開始。
小明是一位28歲的外國(guó)人，精通智能手機(jī)。他第一次來到北京。他想去Deshi Building看朋友，但經(jīng)過10 0 177 lb 00到西二旗地鐵站，我不知道怎么走，如果你是地圖App的設(shè)計(jì)師，請(qǐng)?jiān)O(shè)計(jì)一個(gè)步行導(dǎo)航功能幫助他順利進(jìn)入房地產(chǎn)。
△小明怎能到達(dá)德施大廈？
我們可以這樣想。小明的出發(fā)點(diǎn)是西二旗地鐵站。他現(xiàn)在的目標(biāo)是去房地產(chǎn)大樓。事實(shí)上，這個(gè)目標(biāo)意味著三個(gè)先決條件：
準(zhǔn)確，它是對(duì)房地產(chǎn)，而不是其他地方。安全，不能走在路上，走出車禍。效率更高，真正的建筑并不遙遠(yuǎn)，用戶肯定不想走在路上，可以更好。
從起點(diǎn)到目標(biāo)，肯定會(huì)有一些步驟。我們將列出關(guān)鍵步驟，如下所示。
△要求，目標(biāo)和關(guān)鍵步驟
現(xiàn)在我們一步一步地進(jìn)行分析和設(shè)計(jì)。首先，手機(jī)啟動(dòng)應(yīng)用程序。有一個(gè)啟動(dòng)界面。我們可以用一些口號(hào)來安撫小明因迷路而引起的焦慮。例如，“步行導(dǎo)航，找到方向不再困難”。
△啟動(dòng)界面
接下來，輸入起點(diǎn)并使用手機(jī)的GPS定位功能自動(dòng)顯示地圖上的當(dāng)前位置。為了防止定位不準(zhǔn)確，可以將起點(diǎn)更改為輸入框，以確?？梢噪S時(shí)修改。下一步是進(jìn)入終點(diǎn)，顯然還有一個(gè)輸入框。啟動(dòng)導(dǎo)航后，此步驟肯定需要一個(gè)按鈕來觸發(fā)。這三個(gè)步驟非常接近，所以我在界面中做到了。
△導(dǎo)航設(shè)置界面
小明沿著航線走，是最關(guān)鍵的一步。除了在地圖上顯示真實(shí)建筑物的當(dāng)前位置，路線和位置之外，還有其他因素可能影響導(dǎo)航的成功或失敗。
例如，天氣，地鐵站附近的道路不是很好，所以我們需要根據(jù)天氣給用戶不同的路徑。第二是光。小明白天是一座真正的建筑。它不是在晚上。白天的光線非常強(qiáng)烈。顏色太淺的界面可能有點(diǎn)不清楚。因此，設(shè)計(jì)應(yīng)使用對(duì)比色并自動(dòng)放入手機(jī)。亮度亮了。第三是用戶的行為。稍微觀察一下，當(dāng)用戶使用地圖導(dǎo)航時(shí)，他們會(huì)首先查看地圖，然后去，然后觀察地圖以確認(rèn)它們是否正確。小明有可能越過地圖看地圖，所以當(dāng)遇到關(guān)鍵的路線變化時(shí)，比如轉(zhuǎn)彎的時(shí)刻，我們可以設(shè)置振動(dòng)或語音來提醒用戶打開手機(jī)查看線路。時(shí)間和改變旅行方向的時(shí)間。另外，我們更好地設(shè)計(jì)一個(gè)剩余的時(shí)間和距離，以減輕小明的焦慮，否則他不知道何時(shí)到達(dá)，心理會(huì)更加煩躁。
△導(dǎo)航界面設(shè)計(jì)
終于抵達(dá)了Deshi大樓。在這里你可以回憶一下，當(dāng)你到達(dá)預(yù)定的位置時(shí)，你是如何確保到達(dá)的？一種方法是問附近的人，“這是一個(gè)真正的建筑嗎？”這座建筑沒有大的跡象。遺憾的是，房地產(chǎn)大樓似乎并非如此。因此，我們可以將真實(shí)建筑的圖片放在界面上，方便用戶與真實(shí)環(huán)境識(shí)別進(jìn)行比較，然后提示用戶完成導(dǎo)航，給出一個(gè)退出按鈕，并進(jìn)行初步設(shè)計(jì)。整個(gè)行人導(dǎo)航完成。
△導(dǎo)航完成界面
以上是交互設(shè)計(jì)的近似過程。
辛向陽（卡內(nèi)基梅隆大學(xué)設(shè)計(jì)哲學(xué)博士，香港理工大學(xué)人機(jī)交互創(chuàng)始人，江南大學(xué)設(shè)計(jì)學(xué)院前院長(zhǎng)）將交互設(shè)計(jì)歸納為五個(gè)核心要素：人，目標(biāo)，場(chǎng)景，行為，工具（媒體）。
人們指的是用戶，這是互動(dòng)的主體，在這種情況下它指的是小明。目標(biāo)是用戶期望的結(jié)果。在這種情況下，小明希望結(jié)果準(zhǔn)確，安全，高效地到達(dá)房地產(chǎn)。場(chǎng)景中，這個(gè)詞更抽象，可以理解為用戶的環(huán)境，如天氣，燈光，旁邊還有其他人等，可能會(huì)影響用戶的行為。工具（媒體）指的是用戶交互的對(duì)象，這里是移動(dòng)電話上的地圖應(yīng)用程序。最后，行為是用戶通過在媒體上制作行為（包括行為（點(diǎn)擊，縮放）和其他行為（行走）來達(dá)到目標(biāo)??。
△交互設(shè)計(jì)的五個(gè)要素
因此，交互設(shè)計(jì)可以理解為：充分考慮用戶，場(chǎng)景和媒體對(duì)目標(biāo)的影響，并通過設(shè)計(jì)媒體的使用來提示用戶實(shí)現(xiàn)目標(biāo)來改變用戶的行為。
△交互設(shè)計(jì)的五元圖
不同的用戶年齡，使用手機(jī)的熟練程度，職業(yè)，性別和心情都會(huì)對(duì)用戶的目標(biāo)產(chǎn)生很大影響。例如，上面的圖片不是小明，是老明，50歲，從未使用過地圖APP，眼睛和耳朵都不是很好，特別是在設(shè)計(jì)時(shí)，如文字和圖形要特別大，最好可以用聲音播放聲音。場(chǎng)景：例如，天氣，光線，雨天，你必須改變道路，車禍提醒用戶注意的地方等等。工具，在這種情況下智能手機(jī)，如果沒有打開GPS，你必須提醒用戶打開它。如果您沒有電源，則必須提醒用戶充電等。有許多因素會(huì)影響用戶實(shí)現(xiàn)目標(biāo)。
交互設(shè)計(jì)師的作用是權(quán)衡這些影響因素，設(shè)計(jì)更好的解決方案，并幫助用戶更好地實(shí)現(xiàn)目標(biāo)。經(jīng)驗(yàn)豐富的設(shè)計(jì)師和缺乏經(jīng)驗(yàn)的設(shè)計(jì)師之間的差異之一是能夠快速找到影響用戶目標(biāo)的主要因素。
二，交互式設(shè)計(jì)畫布1.0
現(xiàn)在我們將這些元素組合到一個(gè)表中，以形成交互式設(shè)計(jì)畫布1.0版。然后稍微改變前面的例子，如果小明從通州開車到德仕大廈，你就設(shè)計(jì)了駕駛導(dǎo)航功能。目標(biāo)，場(chǎng)景和媒體有哪些變化？您如何設(shè)計(jì)媒體如何用于改變用戶行為？
例如，目標(biāo)，想一想，這個(gè)目標(biāo)和步行目標(biāo)之間的區(qū)別是——他必須首先在房地產(chǎn)大樓附近停車并步行到房地產(chǎn)大樓，所以這里的第一個(gè)目標(biāo)應(yīng)該是準(zhǔn)確的安全，快速停在Deshi大樓附近的車。影響目標(biāo)的其他因素和我在畫布上列出的幾個(gè)初始解決方案，歡迎添加。
△交互式設(shè)計(jì)畫布1.0
使用交互式設(shè)計(jì)畫布，您可以在分析需求時(shí)找到正確的方向，并以統(tǒng)一的方式考慮問題。設(shè)計(jì)方案不會(huì)出錯(cuò)。
第三，用戶需求和業(yè)務(wù)需求
僅僅考慮用戶的需求是不夠的。很多時(shí)候，要求不是來自用戶，而是來自公司的訂單。如果您是百度網(wǎng)絡(luò)磁盤的設(shè)計(jì)者，老板希望提高自動(dòng)備份功能的開放率。你必須設(shè)計(jì)一個(gè)計(jì)劃，你如何處理它？
我們可以根據(jù)業(yè)務(wù)需求或業(yè)務(wù)目標(biāo)調(diào)用公司的訂單，提高自動(dòng)備份的開放率，并讓更多用戶打開自動(dòng)照片備份。這是很好理解的。如果備份更多照片，用戶偶爾會(huì)查看照片。如果沒有百度網(wǎng)盤，產(chǎn)品粘性會(huì)增加，照片占用的空間越大，成本就越高。付款將為公司帶來良好的利潤(rùn)。
我們前面提到的交互設(shè)計(jì)的五個(gè)要素的目標(biāo)實(shí)際上是用戶體驗(yàn)?zāi)繕?biāo)，因?yàn)檫@是用戶想要實(shí)現(xiàn)的目標(biāo)。業(yè)務(wù)目標(biāo)和用戶體驗(yàn)?zāi)繕?biāo)之間存在關(guān)聯(lián)。業(yè)務(wù)目標(biāo)是提高自動(dòng)備份的開放率。為了實(shí)現(xiàn)我們的業(yè)務(wù)目標(biāo)，我們必須讓用戶打開自動(dòng)備份開關(guān)。換句話說，這里的用戶體驗(yàn)?zāi)繕?biāo)是：更多用戶打開自動(dòng)備份開關(guān)。只有首先滿足用戶體驗(yàn)?zāi)繕?biāo)，才能實(shí)現(xiàn)業(yè)務(wù)目標(biāo)。
△用戶體驗(yàn)?zāi)繕?biāo)和業(yè)務(wù)目標(biāo)
第四，用戶行為如何受到影響？
下一步是我們的設(shè)計(jì)師如何分析如何讓用戶打開自動(dòng)備份開關(guān)？
這是一個(gè)新的模式，動(dòng)機(jī)，擔(dān)憂和障礙。
動(dòng)機(jī)是用戶執(zhí)行動(dòng)作的驅(qū)動(dòng)力。如果驅(qū)動(dòng)力不夠強(qiáng)，用戶將不會(huì)采取行動(dòng)。憂慮和動(dòng)機(jī)恰恰相反。在用戶采取行動(dòng)之前，憂慮是用戶關(guān)心的問題。如果懷疑越少，用戶就越有可能采取行動(dòng)。障礙是用戶在行動(dòng)過程中遇到的障礙。障礙越小，行動(dòng)就越好。我們的用戶體驗(yàn)?zāi)繕?biāo)是讓更多用戶打開自動(dòng)備份開關(guān)。
△動(dòng)機(jī)，憂慮和障礙
現(xiàn)在我們考慮可以為用戶創(chuàng)建什么樣的動(dòng)機(jī)讓他打開切換操作？
例如，某些用戶可能希望節(jié)省手機(jī)空間，因此我希望備份額外的圖片。也可以從旅行中回來并準(zhǔn)備備份旅游者拍攝的一批照片。它也可能是由于外部誘惑，如打開自動(dòng)備份發(fā)送10美元。
那么在用戶打開自動(dòng)備份之前有什么問題呢？例如，如果網(wǎng)絡(luò)磁盤不安全，則不會(huì)泄露隱私。或者認(rèn)為我們提供的空間不夠大，僅僅支持一半的空間是不夠的。還有一個(gè)網(wǎng)絡(luò)磁盤不會(huì)不穩(wěn)定，當(dāng)數(shù)據(jù)丟失時(shí)，你找不到它。
動(dòng)機(jī)和擔(dān)心是在用戶采取行動(dòng)之前，障礙是用戶的行動(dòng)。如果你打開很多步驟，路徑很長(zhǎng)，或者界面內(nèi)容很復(fù)雜，用戶可能會(huì)放棄中間的自動(dòng)備份。
△創(chuàng)造動(dòng)力，消除顧慮，解決障礙
現(xiàn)在讓我們看看下面的圖片，看看競(jìng)爭(zhēng)產(chǎn)品如何創(chuàng)造動(dòng)力，消除顧慮并解決障礙。
△競(jìng)爭(zhēng)產(chǎn)品如何創(chuàng)造動(dòng)力，消除顧慮并解決障礙
有很多模型可以解釋行為是如何發(fā)生的。例如，斯坦福大學(xué)教授BJ Fogg認(rèn)為行為是由動(dòng)機(jī)，能力和觸發(fā)三位一體產(chǎn)生的。用戶具有意志，能力，并且觸發(fā)事件以生成行為。
△B=MAT
一般而言，人類行為受主觀因素（個(gè)人情緒，思維，經(jīng)驗(yàn)等）和客觀因素（物理環(huán)境，社會(huì)環(huán)境，工具等）的影響，其中一些因素可能對(duì)用戶行為有益。然后，當(dāng)我們進(jìn)行設(shè)計(jì)時(shí)，我們應(yīng)該放大這些因素的影響來激勵(lì)用戶產(chǎn)生行為。我們應(yīng)該引導(dǎo)和安撫導(dǎo)致行為傷害的因素。
△主觀因素和客觀因素影響用戶行為
V.交互式設(shè)計(jì)Canvas 2.0
根據(jù)上述組合，形成了交互設(shè)計(jì)畫布2.0。每次我們收到新請(qǐng)求后，在基本梳理和競(jìng)爭(zhēng)產(chǎn)品分析后，我們都可以打印此畫布來填充它（您也可以使用Axure組件庫(kù)電子版）。新需求列用于填寫需求方提供的背景信息，資源和限制。最后一欄機(jī)遇/挑戰(zhàn)是填補(bǔ)上一部分因素的困難和靈感，初步解決方案等。
在項(xiàng)目期間，將填充的畫布放在一個(gè)清晰的位置，提醒自己掌握整體情況，不要出錯(cuò)，如果你發(fā)現(xiàn)新的靈感和缺失限制，你也可以隨時(shí)添加到畫布。
人們思考和記憶的能力是有限的。在考慮某個(gè)角色時(shí)，他們往往會(huì)陷入困境甚至錯(cuò)過一些重要的條件。畫布的意義在于提供思考的框架。沒有必要用全額填充畫布。它是好的，填補(bǔ)需要，甚至根據(jù)自己的習(xí)慣重新構(gòu)建畫布。
△交互式設(shè)計(jì)畫布Axure電子版
△互動(dòng)設(shè)計(jì)帆布正面
△交互式設(shè)計(jì)畫布反轉(zhuǎn)
無論是思考還是團(tuán)隊(duì)合作，畫布都是非常有用的工具。除了我編譯的交互式設(shè)計(jì)畫布外，市場(chǎng)上還有其他類型的畫布，例如商業(yè)模型畫布和用戶同理畫布。
△Airbnb的商業(yè)模式畫布，來源：http://blog.sina.com.cn/s/blog_8a9e31500102wszx.html
△用戶同理畫布
下載地址
以上圖片是下載后包含的5個(gè)文件，下載地址：https://pan.baidu.com/s/1BdK-fJ8chkQfIzHPkWt99w，提取密碼：6g6k