Axure 如何檢查交互錯(cuò)誤、如何排查交互問(wèn)題、如何Debug

1 評(píng)論 4587 瀏覽 3 收藏 3 分鐘

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

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

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

以下內(nèi)容針對(duì):

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

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

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

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

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

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

2. 點(diǎn)擊這個(gè)X按鈕,按照程序員的理解就是debug按鈕

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

完成以上三步驟以后,在原型中點(diǎn)擊任意動(dòng)作,就會(huì)出現(xiàn)以下效果:

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

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

綜上所述 可幫助你理清交互思路,排查交互存在的問(wèn)題。

 

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

題圖來(lái)自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 可以,小白一枚表示學(xué)到了。

    來(lái)自上海 回復(fù)