網(wǎng)站建設(shè)之思維導(dǎo)圖的應(yīng)用

2022-07-06 分類：網(wǎng)站建設(shè)

網(wǎng)站建設(shè)之思維導(dǎo)圖的使用良好的用戶體驗(yàn)是現(xiàn)代產(chǎn)品設(shè)計(jì)中必不可少的。當(dāng)產(chǎn)品的可用性差或沒有考慮用戶的需求時(shí)，它很快就會失去受眾。心智圖是產(chǎn)品設(shè)計(jì)師工具包中必不可少的工具，因?yàn)樗巩a(chǎn)品團(tuán)隊(duì)可以組織和可視化他們對用戶，產(chǎn)品功能或與產(chǎn)品設(shè)計(jì)有關(guān)的其他想法的知識。

在本文中，我們將回顧思維導(dǎo)圖的概念，分享為什么思維導(dǎo)圖可以在設(shè)計(jì)過程中為您提供幫助的原因，以及有關(guān)如何使用不同的推薦應(yīng)用程序創(chuàng)建思維導(dǎo)圖的實(shí)用技巧。

通過Shopify合作伙伴計(jì)劃發(fā)展您的業(yè)務(wù)

無論您提供市場營銷，定制服務(wù)還是網(wǎng)站設(shè)計(jì)和開發(fā)服務(wù)，Shopify合作伙伴計(jì)劃都將助您成功。免費(fèi)加入并獲得收益共享的機(jī)會，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。

什么是思維導(dǎo)圖？

思維導(dǎo)圖：示例

思維導(dǎo)圖的示例。圖片由NNGroup提供。

思維導(dǎo)圖是系統(tǒng)或過程的直觀表示。該工具稱為“思維導(dǎo)圖”，因?yàn)樗鼉A向于通過建立聯(lián)想來利用我們思維的傾向來理解主題。思維導(dǎo)圖的過程通常從編寫問題陳述開始，然后，UX從業(yè)人員創(chuàng)建他們想到的解決方案。

“思維導(dǎo)圖是一種視覺圖表，可以幫助產(chǎn)品團(tuán)隊(duì)更具體地組織思想。”

心智圖最純粹的形式是由連接它們的單詞和線條組成的圖。該詞用于表示對象/對象，而直線則表示對象/對象之間的關(guān)系。在產(chǎn)品設(shè)計(jì)的上下文中，對象可以是用戶的位置/屏幕，而線條表示用戶可以執(zhí)行的操作。

思維導(dǎo)圖對產(chǎn)品設(shè)計(jì)有好處的三個(gè)原因。

1.提供用戶體驗(yàn)的鳥瞰圖

當(dāng)設(shè)計(jì)師設(shè)計(jì)用戶體驗(yàn)時(shí)，很容易陷入對小細(xì)節(jié)的思考而忘記諸如設(shè)計(jì)目的之類的大項(xiàng)目。在諸如“我們應(yīng)該為該按鈕使用什么顏色？”或“我們應(yīng)該為該選項(xiàng)選擇什么圖標(biāo)？”這樣的討論中，設(shè)計(jì)人員經(jīng)常會失去注意力，而忘記使用該產(chǎn)品的人員。

與原型和線框之類的工具可以幫助產(chǎn)品團(tuán)隊(duì)專注于信息體系結(jié)構(gòu)或視覺設(shè)計(jì)決策不同，思維導(dǎo)圖與上下文查詢等技術(shù)可以幫助團(tuán)隊(duì)將精力集中在最終用戶的目標(biāo)上。精心設(shè)計(jì)的思維導(dǎo)圖是產(chǎn)品團(tuán)隊(duì)將為最終用戶提供的體驗(yàn)的概述，并且此概述可幫助設(shè)計(jì)人員跟蹤交互的最關(guān)鍵方面（例如用戶將嘗試執(zhí)行的操作）在應(yīng)用中）。

2.它創(chuàng)建思想的視覺表示

“一張圖片勝過千言萬語。”

我們都知道，通過圖像傳達(dá)思想有力量。由于思維導(dǎo)圖是對象之間關(guān)系的可視化表示形式，因此它們使讀者更容易理解主要思想，而無需閱讀較長的文本。這樣，您的團(tuán)隊(duì)可以更快地移動并簡化復(fù)雜的想法關(guān)系。

您可能還會喜歡：數(shù)據(jù)可視化：解釋產(chǎn)品設(shè)計(jì)中的不確定性。

3.易于創(chuàng)建

隨著產(chǎn)品的發(fā)展，事物會迅速變化。思維導(dǎo)圖作為一種技術(shù)是靈活的，這是使思維導(dǎo)圖如此強(qiáng)大的另一件事。例如：與創(chuàng)建新用戶流程原型相比，修改思維導(dǎo)圖所花的時(shí)間要少得多。

何時(shí)使用思維導(dǎo)圖

思維導(dǎo)圖：何時(shí)使用

思維導(dǎo)圖可用于產(chǎn)品設(shè)計(jì)過程的每個(gè)階段。就是說，以下是思維導(dǎo)圖可以帶來價(jià)值的一些特定情況。

1.當(dāng)您需要使概念更易于理解時(shí)

思維導(dǎo)圖可以幫助使團(tuán)隊(duì)圍繞特定的概念或想法結(jié)盟。產(chǎn)品團(tuán)隊(duì)可以使用此工具布置復(fù)雜的構(gòu)想，例如在應(yīng)用程序中描繪特定的用戶任務(wù)。例如，開發(fā)新產(chǎn)品的團(tuán)隊(duì)可以投資于可視化交互流程。這種可視化將作為將來分析的基礎(chǔ)，在該分析中，團(tuán)隊(duì)可以看到各個(gè)對象和模式之間的關(guān)系。這種類型的分析將幫助團(tuán)隊(duì)更好地理解想法，并根據(jù)想法的相關(guān)性對其進(jìn)行評估和確定優(yōu)先級。

2.當(dāng)您需要為團(tuán)隊(duì)準(zhǔn)備文件時(shí)

思維導(dǎo)圖確實(shí)很容易理解，并且此屬性使其非常適合作為產(chǎn)品團(tuán)隊(duì)的參考。思維導(dǎo)圖可以以易于理解的方式描述產(chǎn)品的基本邏輯，以便團(tuán)隊(duì)中的每個(gè)人都可以遵循。思維導(dǎo)圖也可以是在線文檔，這一事實(shí)使其非常適合實(shí)時(shí)文檔。思維導(dǎo)圖可以充當(dāng)整個(gè)系統(tǒng)的快照。為了充分利用它，團(tuán)隊(duì)?wèi)?yīng)該在項(xiàng)目執(zhí)行期間定期對其進(jìn)行更新。

3.當(dāng)您需要與團(tuán)隊(duì)一起集體討論解決方案時(shí)

設(shè)計(jì)是一項(xiàng)團(tuán)隊(duì)運(yùn)動。在設(shè)計(jì)產(chǎn)品時(shí)，您需要來自許多不同人士的意見，而不僅僅是設(shè)計(jì)人員和開發(fā)人員。這意味著參與產(chǎn)品設(shè)計(jì)的人員將具有不同的技能水平。在創(chuàng)建特定解決方案之前花時(shí)間討論產(chǎn)品創(chuàng)意可以為產(chǎn)品團(tuán)隊(duì)解決很多問題。創(chuàng)建思維導(dǎo)圖不需要任何特殊技能的事實(shí)使每個(gè)人都可以參加此活動。團(tuán)隊(duì)成員可以分享他們的想法，建議，評論，并最終共同創(chuàng)造出來。

您如何創(chuàng)建思維導(dǎo)圖？

思維導(dǎo)圖非常容易創(chuàng)建。它們具有清晰的層次結(jié)構(gòu)格式（通?；跇淠Ｐ停?。在此模型中，您有一個(gè)用作根的中央元素，所有其他對象都通過分支連接到該中央元素。

思維導(dǎo)圖本質(zhì)上也非常靈活，并且沒有單一的正確映射過程。對于本文，我們將提供有關(guān)如何創(chuàng)建專門針對用戶行為（用戶在與產(chǎn)品進(jìn)行交互時(shí)可能采取的操作）的思維導(dǎo)圖的實(shí)用技巧。此思維導(dǎo)圖是從用戶的角度構(gòu)建的，可以幫助您了解用戶在您的產(chǎn)品中所采用的常見路徑以及他們所面臨的障礙，并有助于原型設(shè)計(jì)。

這是有關(guān)如何創(chuàng)建專門用于產(chǎn)品設(shè)計(jì)的思維導(dǎo)圖的分步說明。

1.確定要映射的產(chǎn)品狀態(tài)

您是在映射當(dāng)前狀態(tài)（產(chǎn)品當(dāng)前的工作方式）還是將來狀態(tài)（您希望產(chǎn)品將來如何工作）？根據(jù)答案，您將基于設(shè)計(jì)假設(shè)（如果要映射產(chǎn)品的未來體驗(yàn)）或用戶研究（如果要映射當(dāng)前體驗(yàn)）來構(gòu)建地圖。

2.列出頂級用戶任務(wù)

您需要做的第一件事是列出用戶可以在您的產(chǎn)品中執(zhí)行的任務(wù)，并按重要性對其進(jìn)行優(yōu)先級排序。最重要的任務(wù)（99％的用戶將要執(zhí)行的任務(wù)）應(yīng)位于列表的頂部，并且它們是進(jìn)行思維導(dǎo)圖的理想人選。

有一種簡單的技術(shù)可以幫助您找到所有可能的交互方案。使用“作為用戶，我想[做某事]”技術(shù)。“做某事”將描述該動作，并且該動作將成為您的思維導(dǎo)圖節(jié)點(diǎn)的候選者。但是，請記住，您需要關(guān)注用戶需求，而不是產(chǎn)品功能。例如，您的產(chǎn)品可以提供一個(gè)“請給我們的應(yīng)用評分”的功能，但是作為用戶，您可能不會太頻繁地觸發(fā)此功能。

3.從中心主題開始

中心主題是地圖的中心點(diǎn)；這是您需要定義的第一件事。中心對象可以是您想要了解的產(chǎn)品功能，也可以是要解決的特定問題。所有其他對象將是該起點(diǎn)的子主題。

4.請記住，您的思維導(dǎo)圖中的節(jié)點(diǎn)只能有一個(gè)父節(jié)點(diǎn)

思維導(dǎo)圖：孩子與父母的關(guān)系

思維導(dǎo)圖中的兒童與父母的關(guān)系。

層次模型的概念意味著每個(gè)節(jié)點(diǎn)都可以拆分為子節(jié)點(diǎn)，而子節(jié)點(diǎn)又可以拆分為自己的其他子節(jié)點(diǎn)。盡管對節(jié)點(diǎn)層次結(jié)構(gòu)的深度沒有限制，但是記住一個(gè)節(jié)點(diǎn)只能有一個(gè)父節(jié)點(diǎn)是至關(guān)重要的。

5.考慮常規(guī)情況和邊緣情況

為了使地圖看起來更真實(shí)，您需要同時(shí)考慮對用戶有利的路徑和對計(jì)劃不利的路徑。設(shè)計(jì)不良的錯(cuò)誤狀態(tài)通常會導(dǎo)致很多挫敗感，并導(dǎo)致產(chǎn)品被放棄。另一方面，精心設(shè)計(jì)的錯(cuò)誤狀態(tài)可以將那些失望的時(shí)刻變成令人愉悅的時(shí)刻。因此，至關(guān)重要的是要在思維導(dǎo)圖中考慮這些路線，并準(zhǔn)備設(shè)計(jì)有用的副本以幫助用戶解決問題。

您可能還會喜歡：微觀：為什么小詞很重要。

6.不要限制自己

在進(jìn)行思維導(dǎo)圖工作時(shí)不要判斷您的想法。只要您有任何想法，只需將其放在地圖上即可。如果您發(fā)現(xiàn)某些想法沒有意義，則以后可以隨時(shí)將其從地圖中刪除。

“請記住，映射過程應(yīng)該是有趣而靈活的，而不是乏味和限制性的。”

7.突出重要路徑

思維導(dǎo)圖：突出重要路徑

使用對比色突出顯示思維導(dǎo)圖中的重要路徑。

繪制地圖時(shí)，請嘗試考慮最重要的分支是什么。使用對比色突出顯示它們。這些信息將在心智圖的分析部分中為您提供幫助。

8.“閱讀”您的思維導(dǎo)圖

精心設(shè)計(jì)的地圖應(yīng)該使您想起一個(gè)故事。每個(gè)人都可以輕松地基于地圖創(chuàng)建敘述。完成對地圖的處理后，對其進(jìn)行測試-就像嘗試使用產(chǎn)品一樣，對您的地圖進(jìn)行一次簡單的測試。它將幫助您了解地圖是否可讀以及是否錯(cuò)過了任何內(nèi)容。

思維導(dǎo)圖應(yīng)用

米羅

思維導(dǎo)圖：Miro new

Miro中的思維導(dǎo)圖。圖片來自Miro。

Miro基于使用共享白板的想法，其中團(tuán)隊(duì)成員可以實(shí)時(shí)共同創(chuàng)建地圖。這是從視覺上組織團(tuán)隊(duì)思想的好工具。

心靈大師

思維導(dǎo)圖：MindMeister

在MindMeister中創(chuàng)建的思維導(dǎo)圖示例。圖片由Mindmeister提供。

MindMeister是另一個(gè)思維導(dǎo)圖應(yīng)用程序，它提供了很大的靈活性，并允許團(tuán)隊(duì)創(chuàng)建各種場景。使這個(gè)應(yīng)用程序變得更好的是，一些MindMeister用戶已經(jīng)創(chuàng)建了現(xiàn)成的模板。一個(gè)很好的例子是Eugene Rudyy創(chuàng)建的用于客戶體驗(yàn)的思維導(dǎo)圖模板。Eugene使用顏色編碼來區(qū)分不同類型的對象：

白色節(jié)點(diǎn)代表屏幕/物理位置

藍(lán)色節(jié)點(diǎn)顯示可以在該屏幕/位置執(zhí)行的操作（例如，產(chǎn)品頁面具有購買操作）

黃色節(jié)點(diǎn)用于顯示條件和方案（如果[something true]，則[something]）

XMind

思維導(dǎo)圖：XMind

在XMind中創(chuàng)建的思維導(dǎo)圖示例。圖片由XMind提供。

XMind提供了一個(gè)簡約且非常直觀的界面。使用此工具創(chuàng)建的地圖可以導(dǎo)出為各種格式。

您可能還會喜歡：如何編寫有效的產(chǎn)品路線圖。

如何在設(shè)計(jì)過程中引入思維導(dǎo)圖

在了解了思維導(dǎo)圖的好處以及如何創(chuàng)建思維導(dǎo)圖的實(shí)用技巧之后，您可能會想知道如何將思維導(dǎo)圖引入組織。這里要記住三件事。

1.使地圖有價(jià)值

與您計(jì)劃在設(shè)計(jì)過程中使用的任何其他工具類似，思維導(dǎo)圖應(yīng)該為設(shè)計(jì)團(tuán)隊(duì)帶來價(jià)值。關(guān)于思維導(dǎo)圖的偉大之處在于它們是通用的，可以用于不同的目的。例如，張美以思維導(dǎo)圖格式創(chuàng)建了UX設(shè)計(jì)方法。Mei創(chuàng)建的地圖可以在產(chǎn)品設(shè)計(jì)期間用作參考。

思維導(dǎo)圖：設(shè)計(jì)驗(yàn)證

以思維導(dǎo)圖的形式進(jìn)行設(shè)計(jì)驗(yàn)證的含義。張梅的圖片。

2.使地圖隨時(shí)可用

完成對地圖的處理后，不要只是將其放在公司的云服務(wù)器上。將地圖發(fā)布給團(tuán)隊(duì)，在Slack頻道中共享（考慮“固定”），然后通過電子郵件發(fā)送給相關(guān)團(tuán)隊(duì)成員。這樣，您將使地圖更加引人注目，并增加隊(duì)友在設(shè)計(jì)過程中使用地圖的機(jī)會。

“在完成地圖處理后，不要只是讓它放在公司的云服務(wù)器上。”

3.在設(shè)計(jì)討論中參考思維導(dǎo)圖

每當(dāng)您團(tuán)隊(duì)中的某人問產(chǎn)品設(shè)計(jì)問題時(shí)，請使用地圖進(jìn)行回答。思維導(dǎo)圖在決定產(chǎn)品策略時(shí)特別有用，因?yàn)樗梢詭椭總€(gè)人看到產(chǎn)品體驗(yàn)的全貌。

思維導(dǎo)圖可以幫助您制作更好的產(chǎn)品

當(dāng)優(yōu)化用戶體驗(yàn)時(shí)，思維導(dǎo)圖是一種便捷的工具，因?yàn)樗梢詭椭覀儎?chuàng)建心理模型的視覺表示。思維導(dǎo)圖可幫助我們將重點(diǎn)從視覺或技術(shù)細(xì)節(jié)轉(zhuǎn)移到我們設(shè)計(jì)產(chǎn)品的目的。當(dāng)產(chǎn)品團(tuán)隊(duì)專注于用戶要使用產(chǎn)品做什么時(shí)，他們會根據(jù)為用戶使用產(chǎn)品所帶來的價(jià)值來批評每個(gè)單獨(dú)的設(shè)計(jì)決策，而這最終才是真正重要的。

分享標(biāo)題：網(wǎng)站建設(shè)之思維導(dǎo)圖的應(yīng)用
分享網(wǎng)址：http://www.muchs.cn/news16/174816.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、電子商務(wù)、靜態(tài)網(wǎng)站、云服務(wù)器、定制開發(fā)、網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容