骨架屏是什麼意思

"骨架屏"(Skeleton Screen)是一個用戶界面設計概念,用於改善網頁或應用程式在內容載入過程中的用戶體驗。當用戶請求新頁面或操作需要一段時間來載入時,骨架屏會顯示一個簡潔的頁面框架,包括布局的占位符和載入動畫,以表明應用程式正在工作並提供反饋給用戶。

骨架屏的設計通常包括以下特點:

  1. 占位符布局:顯示頁面或組件的基本結構,包括容器、標題、列表等元素的占位符。

  2. 載入動畫:使用動畫(如旋轉的載入圖示、進度條等)來指示載入過程正在進行。

  3. 簡潔性:骨架屏只顯示必要的信息,避免複雜的樣式和圖像,以減少載入時間。

  4. 一致性:骨架屏的設計應與最終的頁面布局保持一致,以減少用戶的認知負荷。

骨架屏的目的是在內容完全載入之前,為用戶提供一個視覺提示,告知他們頁面正在載入中,而不是讓用戶面對空白螢幕或靜態載入中的提示。這樣可以減少用戶的焦慮和不確定性,提高用戶對應用程式性能的感知,從而提升整體的用戶體驗。