視覺層面:首先需要做到的是易懂,這時(shí)候就非常注重文案清晰程度及按鈕層級(jí)關(guān)系了,彈出的信息需能直擊要害,用戶看了能一目了然才是關(guān)鍵;其次,彈窗屬于一種干擾信息的存在,設(shè)計(jì)必須簡(jiǎn)潔,在彈出時(shí)需要考慮是否會(huì)過度影響(影響是一定會(huì)有的、且看如何降低)用戶的其他操作。假想我們正在玩游戲、突然來了電話全屏幕覆蓋(傳統(tǒng)來電),自己會(huì)以快的速度掛掉電話,回到游戲中后發(fā)現(xiàn)自己已領(lǐng)"盒飯",即便來電是多么的理所當(dāng)然,但心里必定是非常不痛快的,那么,如果來電以彈窗的形式且占據(jù)屏幕很小區(qū)域(如今的來電方式)是不是就給了用戶足夠反應(yīng)時(shí)間及緩沖時(shí)間呢?

    交互層面:彈出的內(nèi)容及操作入口需清晰可操作,雖然有時(shí)基于業(yè)務(wù)需求,產(chǎn)品更希望用戶能進(jìn)行下一步操作而并非回到上一步,即便如此,我們也只能通過弱化次要操作以突出主要操作,用戶有來去自由的權(quán)利,如果弱化至用戶看不清、甚至找不到的程度,即便提供了次要操作入口,也會(huì)存在反面作用;另外需注意用戶對(duì)產(chǎn)品的可控性,不管產(chǎn)品如何期望用戶進(jìn)入下一步轉(zhuǎn)化,但不能強(qiáng)制,一定要給用戶提供回去的路(強(qiáng)制版本更新除外),否則,任性的用戶可能會(huì)直接結(jié)束應(yīng)用,甚至因產(chǎn)品過于霸道直接卸載。

 

 

    在UI設(shè)計(jì)中,組件的設(shè)計(jì)思路基本相通,旨在滿足產(chǎn)品的實(shí)用性、視覺的統(tǒng)一性,主要圍繞著以下幾點(diǎn)進(jìn)行:

 

    基礎(chǔ)定義:利用清晰易懂且簡(jiǎn)短的文案描述彈窗組件的內(nèi)容及目的。

 

    類型及構(gòu)成:明確彈窗的類型,如模態(tài)/非模態(tài),將其拆分并注明每個(gè)小元素的具體信息。

 

    規(guī)則用法:彈窗出現(xiàn)的位置、包含的具體內(nèi)容及信息的展示規(guī)則,比如哪些場(chǎng)景可復(fù)用。

 

    交互狀態(tài):交互流程邏輯清晰,擬請(qǐng)產(chǎn)品交互前、交互中、交互后如何反饋以及用戶隨時(shí)可能碰到的問題。