Axure RP 是蠻知名的 prototype 軟體,相信在軟體業的產品經理都知道。2022 年 Axure RP 已經出到第 10 版,雖然聲名遠播也有許多中文教學,但我自己還是踩到一個雷,不知道如何依據不同選項顯示對應的畫面,這個情境相當常見,官方文件稱之為 condition logic,下面我用付款結帳的畫面來說明設定步驟。 步驟 1:設定元件名稱 在 Axure RP 裡的每個元件、按鈕和文字都是物件而且有層級的概念,想依據選項顯示不同畫面,就必須設定物件的名稱。 以下圖為例,今天用戶在結帳的時候必須選擇電信帳單或信用卡,選擇後點下付款按鈕跳到對應的畫面。因此我們要將電信帳單和信用卡兩個選項分別命名,由於我的選項有分上下層,上層是整個選項,下層則是前面的點點和後面的文字兩個物件,如果你的選項只有一層那是最單純的。我將上層稱為「電信帳單」,下層則是「電信帳單value」和「電信帳單文案」,信用卡的選項也是一樣的邏輯進行命名。