編輯導(dǎo)語：作為一名產(chǎn)品經(jīng)理，在產(chǎn)品設(shè)計中，總會遇到交互的BUG，對交互要求比較高的同學(xué)，該如何解決這個問題？作者分享了三個步驟，搞定原型交互中的BUG，我們一起來看看吧。

最近苦苦哀求跟我產(chǎn)品大佬小浪底總學(xué)習(xí)了一招。

產(chǎn)品經(jīng)理的作品制作過程中會不會出現(xiàn)交互的bug？ 做高保真原型，對交互要求比較高的同學(xué)肯定會用得到這個方法。

以下內(nèi)容針對：

1. 交互邏輯不清晰
2. 作品交互產(chǎn)生很奇怪的現(xiàn)場和效果，卻無從下手
3. 程序員轉(zhuǎn)產(chǎn)品，作品不知道該如何debug

以下內(nèi)容目的：幫你理清作品交互思路、排查原型交互存在的問題。

一、三步驟、讓你清晰看清楚你的原型交互情況

如下內(nèi)容假設(shè)原型出了交互異常問題：

1. 在本地環(huán)境下點擊預(yù)覽

注意點：一定是本地環(huán)境，云服務(wù)環(huán)境是看不到第二步的按鈕的。

2. 點擊這個X按鈕，按照程序員的理解就是debug按鈕

3. 點擊開始調(diào)試 Start Trace 堆棧追蹤的意思

完成以上三步驟以后，在原型中點擊任意動作，就會出現(xiàn)以下效果：

可以看圖中控制面板展示的內(nèi)容：

1. 分步驟的展示出在作品中每個觸發(fā)點的詳細(xì)交互邏輯
2. 詳細(xì)的展示出來是那個元件那個組合觸發(fā)進(jìn)行的交互
3. 點擊刷新瀏覽器也可以展示出頁面剛載入時的頁面交互

綜上所述 可幫助你理清交互思路，排查交互存在的問題。

本文由 @韭菜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議。