打造交互式評(píng)論功能頁(yè)面
模擬用戶(hù)評(píng)論操作流程Axure是一款強(qiáng)大的產(chǎn)品經(jīng)理工具,在版本7.0中,實(shí)現(xiàn)了模擬論壇的發(fā)表評(píng)論功能。用戶(hù)只需點(diǎn)擊評(píng)論,頁(yè)面即顯示評(píng)論輸入框,輸入評(píng)論后點(diǎn)擊提交,頁(yè)面將展示用戶(hù)輸入的評(píng)論內(nèi)容。從部件
模擬用戶(hù)評(píng)論操作流程
Axure是一款強(qiáng)大的產(chǎn)品經(jīng)理工具,在版本7.0中,實(shí)現(xiàn)了模擬論壇的發(fā)表評(píng)論功能。用戶(hù)只需點(diǎn)擊評(píng)論,頁(yè)面即顯示評(píng)論輸入框,輸入評(píng)論后點(diǎn)擊提交,頁(yè)面將展示用戶(hù)輸入的評(píng)論內(nèi)容。從部件庫(kù)中拖入矩形部件制作評(píng)論外邊框,并調(diào)整位置大小樣式。再加入圖片控件、發(fā)表內(nèi)容者頭像和文字部件,制作完整的評(píng)論內(nèi)容顯示。
制作評(píng)論框和發(fā)表按鈕
首先,拖入一個(gè)矩形部件作為評(píng)論框,并設(shè)置其文字為“發(fā)表”,調(diào)整大小和位置。接著再拖入另一個(gè)矩形部件和文本框部件,讓文本框與矩形層疊在一起,保持一致大小和位置。隱藏文本框的邊框并命名為txt_input,最后添加一個(gè)三角形矩形指向評(píng)論文字,完成評(píng)論框和發(fā)表按鈕的制作。
設(shè)置動(dòng)態(tài)面板交互效果
選擇剛才制作的部件,右鍵選擇轉(zhuǎn)換為動(dòng)態(tài)面板,并設(shè)為隱藏狀態(tài)。雙擊動(dòng)態(tài)面板,添加評(píng)論前和評(píng)論后兩個(gè)狀態(tài),并命名為評(píng)論。此時(shí),評(píng)論框和按鈕的動(dòng)態(tài)效果制作完成。
制作發(fā)表評(píng)論頁(yè)面
通過(guò)部件管理中的評(píng)論動(dòng)態(tài)面板,打開(kāi)評(píng)論后狀態(tài)頁(yè)面,并按照之前的步驟制作發(fā)表評(píng)論的頁(yè)面。確保將顯示評(píng)論的標(biāo)簽命名為display,以便后續(xù)交互功能的設(shè)定。
添加交互動(dòng)作實(shí)現(xiàn)評(píng)論展示
為評(píng)論文字添加交互動(dòng)作,當(dāng)點(diǎn)擊評(píng)論文字時(shí)展示評(píng)論動(dòng)態(tài)面板,并設(shè)置面板狀態(tài)為評(píng)論前。當(dāng)再次點(diǎn)擊評(píng)論文字時(shí)收縮隱藏評(píng)論面板,借助部件交互設(shè)置實(shí)現(xiàn)此功能。
處理評(píng)論輸入和顯示
在評(píng)論前狀態(tài)頁(yè)面,點(diǎn)擊發(fā)表按鈕,在用例編輯器中設(shè)置變量OnLoadVariable為登錄輸入框txt_input的文字內(nèi)容,并切換評(píng)論動(dòng)態(tài)面板狀態(tài)為評(píng)論后狀態(tài),顯示內(nèi)容display等于變量值OnLoadVariable。
效果演示及投票支持
最后,進(jìn)行效果演示,用戶(hù)可點(diǎn)擊左下角的投票按鈕為文章投上寶貴的一票。通過(guò)以上步驟,您可以完美實(shí)現(xiàn)一個(gè)交互式評(píng)論功能頁(yè)面,提升用戶(hù)體驗(yàn)。