信息可視化有助于網(wǎng)站對(duì)信息的保留，轉(zhuǎn)換和其他指標(biāo)可能遭受的設(shè)計(jì)缺陷。使用交互圖來(lái)可視化的方式，可以幫助我們糾正用戶從起點(diǎn)到終點(diǎn)，在操作過(guò)程中的用戶體驗(yàn)問(wèn)題。這個(gè)圖是很像在服務(wù)設(shè)計(jì)中的一個(gè)工具，好比顧客在旅途中的地圖等其他。在這里，我們就來(lái)看看它是如何工作的。
可視化的知識(shí)包括了各種格式—草圖，圖表，圖片，實(shí)物等。在談到概念圖時(shí)，有不同的方式使用甘特圖，因果圖，價(jià)值鏈，腦圖，樹(shù)，流程圖，關(guān)鍵路徑法，條形圖，餅圖，和其他人作為知識(shí)管理工具來(lái)分析和做出戰(zhàn)略決策。
另請(qǐng)參閱：手機(jī)設(shè)計(jì)模式：一種實(shí)用的外觀
執(zhí)行圖在服務(wù)設(shè)計(jì)中（活動(dòng)的計(jì)劃和組織，目的是為了提高其服務(wù)提供者和用戶之間的溝通和服務(wù)質(zhì)量）有助于告知更改現(xiàn)有的服務(wù)。門框圖是一個(gè)工序圖的一個(gè)實(shí)例，并且特別集中于網(wǎng)站的服務(wù)。
上面的門圖的邏輯是非常簡(jiǎn)單的。用戶在網(wǎng)站的某處，幫用戶創(chuàng)建了每一個(gè)位置的步驟，然后是在（類似于通過(guò)一個(gè)門進(jìn)入），然后再?zèng)Q定下一步去哪里。這個(gè)地方被稱為起始點(diǎn)（開(kāi)始），并表現(xiàn)出一個(gè)敞開(kāi)的門。此時(shí)用戶會(huì)看到更多的門。
在網(wǎng)站上的出發(fā)點(diǎn)可能是一個(gè)登陸頁(yè)面，或配置文件頁(yè)面，或者其它類似設(shè)計(jì)的頁(yè)面。
用戶定義如何去——這是一個(gè)目標(biāo)。這個(gè)目標(biāo)是王冠繪制在門上方的門圖。在起點(diǎn)后，它可能成為下一個(gè)門，或者有可能是一系列不同的門，從而最終到達(dá)繪制王冠的門為目標(biāo)。
在網(wǎng)站上一些門圖的實(shí)例，有以下幾種情況：
-要了解該網(wǎng)站是關(guān)于什么
-去注冊(cè)
-買東西
-要聯(lián)系某人
-要下載的什么內(nèi)容
此箭頭由起點(diǎn)到目標(biāo)被稱為一個(gè)通道。走廊的長(zhǎng)度取決于多少個(gè)門的呈現(xiàn)在這個(gè)路線上。
每一扇門代表一個(gè)信息元素 - 文字，按鈕，鏈接，線，數(shù)字，空格或不存在的任何物體。
從一扇門到另一扇門的經(jīng)過(guò)，包括從起點(diǎn)到目標(biāo)的通道，被稱為過(guò)道。每個(gè)過(guò)道是由一個(gè)元素過(guò)渡到另一個(gè)如 - 點(diǎn)擊，滾動(dòng)，等待。
對(duì)路線也有障礙 - 用戶體驗(yàn)的錯(cuò)誤，失誤，錯(cuò)誤鏈接，隱藏按鈕 - 防止用戶達(dá)到目標(biāo)。
所有的障礙總結(jié)為四個(gè)：
[^]一門是鎖著的（描繪一個(gè)紅色鎖）
[*]一扇門誤導(dǎo)信息（描繪在玻璃上，明星黃色貼紙就像是一個(gè)共同的條款及條件）
[ - ]門是不可見(jiàn)的（描繪虛線）
[＃]一進(jìn)門是一條死胡同（描繪磚）
實(shí)現(xiàn)這一目標(biāo)，可能需要多次嘗試，這意味著用戶開(kāi)始是在起點(diǎn)，但有一個(gè)死胡同的結(jié)束。而用戶需要從頭再來(lái)。這就是為什么有可能是幾個(gè)進(jìn)程從起點(diǎn)到最終的目標(biāo)還是死胡同。
這里的一些提示要記?。?nbsp;
許多的過(guò)道（尤其像死胡同）時(shí)，更多的是使用戶感到沮喪，
隨著門的數(shù)量增加（長(zhǎng)走廊），用戶的快樂(lè)就會(huì)減少。
例如：Dribbble
下圖中首先的例子是Dribbble。
一個(gè)出發(fā)點(diǎn)是Dribbble的主頁(yè)，也就是用戶的開(kāi)始（s）門圖，用戶搜索目標(biāo)主題后，沒(méi)找到。
首先要定義目標(biāo)，想象用戶想閱讀“如何預(yù)測(cè)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)”這篇文章，并決定在Dribbble中查找。現(xiàn)在，用戶已經(jīng)發(fā)現(xiàn)了Dribbble是什么（頁(yè)面說(shuō)是“展示和講述設(shè)計(jì)師”），所以我們看到了圖（Dribbble“告訴”的），去要求或者留下一些評(píng)論（這也解釋了用戶的注冊(cè)，因?yàn)橹挥凶?cè)用戶可以發(fā)表評(píng)論）。
下面是最后得到的門圖，顯示用戶評(píng)論設(shè)計(jì)師的作品（這個(gè)人是過(guò)于簡(jiǎn)單化的相關(guān)介紹）。這是我們用戶的操作充分分析后得到的。
/*上圖門圖的個(gè)人解釋：
1.定目標(biāo)，也就是門上有皇冠的門，用戶的目標(biāo)是：閱讀“如何預(yù)測(cè)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)”這篇文章；
2.起點(diǎn)為（S---start）這個(gè)門，也就是找到Dribbble這個(gè)網(wǎng)站。
3.標(biāo)記為[*]的門，[*]意思是誤導(dǎo)信息，因?yàn)橛脩舭l(fā)現(xiàn)Dribbble是什么（頁(yè)面說(shuō)是“展示和講述設(shè)計(jì)師”）的。
4.繼續(xù)看到了標(biāo)記為[*]的門，意思是用戶看到了網(wǎng)站中的一個(gè)一個(gè)圖，并點(diǎn)擊一個(gè)圖進(jìn)去，想要留下評(píng)論，可網(wǎng)站告訴用戶不能評(píng)論，先得注冊(cè)。
5.標(biāo)記為[ - ]的門是不可見(jiàn)的，意思是用戶經(jīng)過(guò)多次嘗試，才達(dá)到最終的目標(biāo)門——〉（G）goal門，找到自己想要的。*/
[*] 例2：探索鏈接
用戶會(huì)看到“你還沒(méi)有關(guān)注任何人。瀏覽上面的鏈接來(lái)發(fā)現(xiàn)拍攝和播放器。最新的拍攝將會(huì)出現(xiàn)在這里?！痹诖隧?yè)面上文本是主要的信息，因此，下個(gè)動(dòng)作是通過(guò)它。
用戶注意到動(dòng)詞“探索”，并認(rèn)為它是一個(gè)鏈接。
其實(shí)是個(gè)誤導(dǎo)。
怎么改善：添加活動(dòng)鏈接到這個(gè)單詞意味著“鏈接的探索。”
[*]3：建議
下一步是做出舉動(dòng)。用戶認(rèn)為“探索上面的鏈接”是指文本上面的哪個(gè)“Following”還是“Suggestions”呢？，所以在用戶進(jìn)行移動(dòng)和點(diǎn)擊選擇“suggestions”，因?yàn)樗麄冏裱倪壿?- 發(fā)現(xiàn)任何設(shè)計(jì)師的作品，你需要查看并給些什么建議。
但這個(gè)建議頁(yè)面顯示：“更多的設(shè)計(jì)師建議。”這意味著頁(yè)面不完全履行其功能，并且不總是顯示它應(yīng)該顯示的。
它是個(gè)誤導(dǎo)。
（D）4：直接點(diǎn)擊
所以用戶進(jìn)行另一次嘗試，點(diǎn)擊鏈接，高于上排“Following”和“Suggestions”（這是上面的文字“探索上面的鏈接”）。它可以是“Shots”或“Designers” - 兩者都可點(diǎn)擊。因此，用戶現(xiàn)在是點(diǎn)擊頁(yè)面的狀態(tài)。
[ - ]5：不可能離開(kāi)評(píng)論
當(dāng)向下滾動(dòng)到最后的評(píng)論，用戶希望找到一個(gè)形式來(lái)離開(kāi)這個(gè)新評(píng)論。但這種形式不存在。
這不是很明顯，為什么一個(gè)新的用戶無(wú)法發(fā)表評(píng)論，并不知在哪里被寫入。上圖中不可見(jiàn)的門就可表示此網(wǎng)站隱藏不可見(jiàn)的路徑“幫助”，然后去“發(fā)表意見(jiàn)”，最終想找到答案“我怎樣才能留下意見(jiàn)？”。
這可能是最終目標(biāo)前的最后一個(gè)步驟，因?yàn)槿ピu(píng)論一個(gè)shots，是很不容易的。
怎么改善：放個(gè)標(biāo)題，“只有玩家可以留下評(píng)論”（也應(yīng)有鏈接）。
（G）：結(jié)果
總而言之，這個(gè)過(guò)程花了五個(gè)通道供用戶達(dá)到目標(biāo)。理想的走廊長(zhǎng)度可估計(jì)為兩個(gè)或三個(gè)通道。
該門圖的目的是幫助用戶得到盡可能快地從他們現(xiàn)在的地方到達(dá)他們想要的（或預(yù)期）去的地方，并沒(méi)有任何障礙和多余的動(dòng)作。
如何使用門圖：
1.定義某個(gè)用戶是從哪并設(shè)置一個(gè)起點(diǎn)。
2.設(shè)定一個(gè)目標(biāo)。
3.開(kāi)始就像下棋的用戶。
4.識(shí)別每一個(gè)用戶輸入的門，用戶通過(guò)每一個(gè)過(guò)道。
5.寫下什么可以為每個(gè)障礙得到改善。
6.繪制整個(gè)圖。
7.看看哪些元素可以被消除，使走廊變短。
8.結(jié)果與其他門圖進(jìn)行比較。
該門圖具有的優(yōu)勢(shì)（易于使用，可獲取信息，采取靈活的行動(dòng)）和缺點(diǎn)（失去視覺(jué)的新鮮感，它需要一個(gè)局外人來(lái)設(shè)計(jì)或使用這種神秘的方法），并作為可視化工具，很好的與其他服務(wù)設(shè)計(jì)工具結(jié)合。
越努力，越幸運(yùn)。
31
作品
307
粉絲
48
關(guān)注
分享能獲取更多贊？
密碼登錄
大牛，別默默的看了，快登錄幫我點(diǎn)評(píng)一下吧！:)
登錄 立即注冊(cè)