Axure 如何檢查交互錯(cuò)誤、如何排查交互問(wèn)題、如何Debug
編輯導(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ì):
- 交互邏輯不清晰
- 作品交互產(chǎn)生很奇怪的現(xiàn)場(chǎng)和效果,卻無(wú)從下手
- 程序員轉(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)容:
- 分步驟的展示出在作品中每個(gè)觸發(fā)點(diǎn)的詳細(xì)交互邏輯
- 詳細(xì)的展示出來(lái)是那個(gè)元件那個(gè)組合觸發(fā)進(jìn)行的交互
- 點(diǎn)擊刷新瀏覽器也可以展示出頁(yè)面剛載入時(shí)的頁(yè)面交互
綜上所述 可幫助你理清交互思路,排查交互存在的問(wèn)題。
本文由 @韭菜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議。
評(píng)論
可以,小白一枚表示學(xué)到了。