Web design glossary: Difference between revisions

Jump to navigation Jump to search
Line 117: Line 117:


== 頁面狀態 ==
== 頁面狀態 ==
UI Stack [繁] UI 堆疊; [簡] 交互界面堆栈
UI Stack [繁] UI 堆疊; [簡] 交互界面堆栈。共有 5 種狀態 (Scott Hurff, 2015<ref>Scott Hurff (2015). [http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack How to fix a bad user interface - Scott Hurff's Blog]</ref>):
* Ideal State (理想狀態)
# Ideal State (理想狀態)
* Empty State (空白狀態)
# Empty State (空白狀態)
** 教學: [https://designtongue.me/%E8%A8%AD%E8%A8%88%E5%B8%AB%E6%9C%80%E5%B8%B8%E5%BF%BD%E7%95%A5%E7%9A%84_ui_%E9%A0%81%E9%9D%A2%E7%8B%80%E6%85%8B_empty_state/ 設計師最常忽略的 UI 頁面狀態: 空白狀態(empty state)]
#* 教學: [https://designtongue.me/%E8%A8%AD%E8%A8%88%E5%B8%AB%E6%9C%80%E5%B8%B8%E5%BF%BD%E7%95%A5%E7%9A%84_ui_%E9%A0%81%E9%9D%A2%E7%8B%80%E6%85%8B_empty_state/ 設計師最常忽略的 UI 頁面狀態: 空白狀態(empty state)]
** 範例: [http://emptystat.es/ Empty States]、[https://www.pinterest.com/pin/159103799315565618/ Error state, empty states, placeholder, boat | Empty State & Onboarding Graphics | Pinterest]
#* 範例: [http://emptystat.es/ Empty States]、[https://www.pinterest.com/pin/159103799315565618/ Error state, empty states, placeholder, boat | Empty State # Onboarding Graphics | Pinterest]
** 相關概念: onboarding
#* 相關概念: onboarding
* Error/Failed State (錯誤狀態)
# Error/Failed State (錯誤狀態)
* Partial State (局部資料狀態)
# Partial State (局部資料狀態)
* Loading State (載入中狀態)
# Loading State (載入中狀態)


資料來源:
資料來源:

Navigation menu