在UI設計中,組件的設計思路基本相通,旨在滿足產品的實用性、視覺的統一性,主要圍繞著以下幾點進行:

 

    基礎定義:利用清晰易懂且簡短的文案描述彈窗組件的內容及目的。

 

    類型及構成:明確彈窗的類型,如模態/非模態,將其拆分并注明每個小元素的具體信息。

 

    規則用法:彈窗出現的位置、包含的具體內容及信息的展示規則,比如哪些場景可復用。

 

    交互狀態:交互流程邏輯清晰,擬請產品交互前、交互中、交互后如何反饋以及用戶隨時可能碰到的問題。

 

    首先,設計師應該理解產品需求,分別從用戶側(能給用戶帶來什么?滿足什么樣的需求?避免什么損失?...)、產品側(能給產品帶來什么?產品如何期望?是否合理?能得到什么樣的結果?...)分析為什么要加彈窗,然后將分析的結果轉化為設計目標,以確保彈窗根據不同的需求,在恰當的時間、適合的樣式合理的呈現給用戶。

 

    其次,在得到設計目標后,同樣需要從設計側、技術側思考彈窗組件的一致性。從設計角度,團隊所有成員需要對該組件有清晰且統一的認知,了解組件的使用場景,以確保不會錯用、濫用,如果增加或更換新人設計師,很容易學習和上手,提升效率;站在技術角度,一致性的常用彈窗組件,便于開發做組件封裝后續復用,減少不必要的重復工作,大大提高開發效率。