如何用科學(xué)的方法證明用戶體驗(yàn)設(shè)計(jì)的好處？通過(guò)交互設(shè)計(jì)路徑分析來(lái)解決你的問(wèn)題

作為一個(gè)交互設(shè)計(jì)的你，有沒(méi)有過(guò)這樣的時(shí)候，當(dāng)你設(shè)計(jì)完成，把帶交互的線框原型遞給研發(fā)部門時(shí)，都會(huì)出現(xiàn)這樣的場(chǎng)景：研發(fā)部門的同事會(huì)問(wèn)你為什么這個(gè)按鈕要擺在這？為什么這里點(diǎn)進(jìn)去就變成B了，原來(lái)不是挺好的嗎？為什么……

問(wèn)題來(lái)了，你需要花大量功夫去解釋并說(shuō)服他們你這樣做的原因，你這個(gè)設(shè)計(jì)有多么牛鼻，但是有時(shí)候你給的理由往往不那么強(qiáng)悍。

于是開(kāi)始思考，有沒(méi)有一個(gè)非常給力并且很科學(xué)的方法可以證明用戶體驗(yàn)設(shè)計(jì)的好處？這個(gè)問(wèn)題，可能每個(gè)做交互的人都想過(guò)，都被困擾過(guò)，尤其在只能手機(jī)平臺(tái)。

?交互設(shè)計(jì)路徑分析

?先用圖形化的方式告訴大家這個(gè)方法的思路。用戶使用你的APP一定是去滿足一個(gè)他們的需求，或者說(shuō)完成一個(gè)任務(wù)，達(dá)到一個(gè)目標(biāo)。實(shí)心圓點(diǎn)代表這個(gè)目標(biāo)。這個(gè)時(shí)候交互設(shè)計(jì)師的任務(wù)就是通過(guò)一個(gè)節(jié)點(diǎn)引導(dǎo)用戶去完成這個(gè)目標(biāo)。舉例說(shuō)：一個(gè)電商APP滿足用戶的最終需求是買下商品，這時(shí)就需要先讓用戶選擇商品，然后提交訂單，最終購(gòu)買，并且這個(gè)目標(biāo)是可循環(huán)的。因?yàn)槌霈F(xiàn)了下面這個(gè)圖：

注意：雙箭頭表示可以返回到上一步。這就是一個(gè)任務(wù)路徑。但是，如果一個(gè)產(chǎn)品的功能非常復(fù)雜且有多個(gè)主要功能時(shí)，用戶要完成最終目標(biāo)就得經(jīng)過(guò)更多的節(jié)點(diǎn)，或者支任務(wù)。如圖：

你會(huì)發(fā)現(xiàn)整個(gè)路徑變長(zhǎng)了，本來(lái)你去人民廣場(chǎng)只要走兩步，現(xiàn)在你要走兩萬(wàn)步，你什么心情？聰明的設(shè)計(jì)師，就會(huì)有了下圖：

同樣多的支任務(wù)下，路徑變短了。這種路徑叫”徑向路徑”,之前那個(gè)叫”線性路徑”

徑向路徑就好比一個(gè)圓，中心是核心任務(wù)最終任務(wù)，當(dāng)然在實(shí)際交互操作中并不能那么完美的就處于圓心。有意向的可以去看看博弈論，可以幫助理解這些原理。

?交互設(shè)計(jì)路徑分析在實(shí)際中的應(yīng)用

?

從圖中可以看到第一張圖是最坑的線性路徑，距離核心任務(wù)的路徑太長(zhǎng)，紅色線代表沒(méi)有告訴用戶去哪，也沒(méi)有告訴用戶你從哪來(lái)。整個(gè)體驗(yàn)就是兩個(gè)字：困惑。相比之下第二張圖就讓人舒服的多，用戶無(wú)論走到哪都知道自己從哪來(lái)，要到哪去。

對(duì)此，用戶體驗(yàn)的前輩們也提過(guò)相似的方法，Jim Kalbach寫過(guò)的《用核心路徑法設(shè)計(jì)頁(yè)面》中列舉了一個(gè)案例：當(dāng)你隔著一片草坪想要到對(duì)面的巴士站點(diǎn)時(shí)，你是繞這草坪四周的人行道走過(guò)去，還是從中間穿過(guò)去呢？假如草坪是干的，也沒(méi)有被禁止踩踏，那么你很可能會(huì)選擇最近的路線——穿過(guò)草坪直接到巴士站點(diǎn)。如果之前有不少人也這么干過(guò)了，那么就會(huì)出現(xiàn)一條“走出來(lái)的路”作者講到這個(gè)方法的靈感來(lái)源于城市道路規(guī)劃：計(jì)劃外的道路連接了兩點(diǎn)之間的最短距離，被稱為交通需求線，意思是人的自然行為和人為規(guī)劃線路之間的差異。所以，頁(yè)面設(shè)計(jì)的另一種方法，可以從核心內(nèi)容入手，由內(nèi)而外來(lái)設(shè)計(jì)，也就是徑向路徑。

?運(yùn)用交互設(shè)計(jì)路徑分析的注意事項(xiàng)

?確定核心內(nèi)容——無(wú)論你是設(shè)計(jì)一個(gè)APP還是一個(gè)網(wǎng)站，一定要先弄清楚你的產(chǎn)品核心在哪，滿足用戶的什么核心需求并且把這些核心功能列出來(lái)。

反應(yīng)出層級(jí)關(guān)系——路徑圖必須可以反應(yīng)出層級(jí)關(guān)系，對(duì)支任務(wù)進(jìn)行分組羅列。

反應(yīng)出方向關(guān)系——從用戶第一次使用產(chǎn)品的情景按照來(lái)路和去路設(shè)計(jì)，必須表現(xiàn)出路徑的方向。

確保完場(chǎng)核心任務(wù)的路徑最短——完成后將核心任務(wù)與支任務(wù)用不同顏色覆蓋以檢查是否是一個(gè)以用戶為中心的設(shè)計(jì)。

動(dòng)畫效果——?jiǎng)赢嬓Ч欢ㄒ芊磻?yīng)出來(lái)路與去路，否則再炫的動(dòng)畫作用也不大，因?yàn)槟愕挠脩粢呀?jīng)迷路了。

如果你在實(shí)際操作中沒(méi)有注意上面說(shuō)到的幾個(gè)要素，那么你的路徑分析圖就會(huì)讓你產(chǎn)生困惑，如圖：亂七八糟的路徑導(dǎo)致沒(méi)能直觀的反應(yīng)出設(shè)計(jì)的優(yōu)劣性。

核心任務(wù)不只是包含一個(gè)功能，核心任務(wù)需要同時(shí)滿足用戶需求和商業(yè)需求，這些，希望能解決你的問(wèn)題。

本文來(lái)源：艾藝信息