解決辦法
交互方式:當(dāng)用戶單擊氣球狀提示時(shí),直接關(guān)閉提示,不要顯示其他任何 UI 或效果。與通知不同,氣球狀提示沒有關(guān)閉按鈕。如圖6它就不是氣球狀提示。
圖6
但是在阿里旺旺的登陸界面就應(yīng)用了很純正的氣球狀提示,如圖7。
圖7
前面講到的大部分是表單上對(duì)控件Balloons(氣球狀提示)的應(yīng)用,現(xiàn)在舉兩個(gè)在淘寶掌柜信譽(yù)與其他網(wǎng)站評(píng)論上的應(yīng)用,如圖8。
圖8
這里觸發(fā)條件是鼠標(biāo)hover時(shí),觸發(fā)Balloons(氣球狀提示)。顯示評(píng)論者的相關(guān)信息。這里的應(yīng)用是信息提示,但卻是應(yīng)用了氣球狀提示的形式。在Amazon的商品評(píng)論里也有類似的提示,不過它不是氣球狀提示,在那里它承載了更多的交互和文字鏈。如圖9。
圖9
靜下心來(lái)找,發(fā)現(xiàn)電子商務(wù)網(wǎng)站利用控件Balloons(氣球狀提示)的形式的也很多,例如EBAY首頁(yè)的兩塊區(qū)域都有體現(xiàn),如圖10,11。
圖10
圖11
這種形象的提示大量的被應(yīng)用在網(wǎng)頁(yè)界面元素中,也體現(xiàn)了它的靈活與實(shí)用。作為幫助和輔助提示?丶﨎alloons(氣球狀提示)確實(shí)給我們很多不錯(cuò)的用戶體驗(yàn)。
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁(yè) 控件Balloons(氣球狀提示)設(shè)計(jì)原則 [1] 下一頁(yè) 控件Balloons(氣球狀提示)設(shè)計(jì)原則 [4]
|