💻
應用心理學提升程式碼可讀性
  • 溫柔資訊教育首頁
  • 應用心理學提升程式碼可讀性
  • 設計原則與效應
    • 鄰近原則 contiguity principle
    • 示例效應 worked example effect
    • 開放目標效應 goal-free effect
    • 分散注意力效應 split-attention effect
    • 冗餘效應 redundancy effect
Powered by GitBook
On this page
  • 概念
  • 範例
  1. 設計原則與效應

示例效應 worked example effect

概念

教師在教學時,先示範問題的解題方式,讓學習者先有個大致的概念輪廓。可以避免學習者沒有方向無意義的探索,導致浪費認知資源。

範例

這是一個可以將陣列反轉的function程式碼。

輸入陣列1, 2, 3,會輸出反轉過的陣列3, 2, 1。

可以看到上方註解,先給予如何使用此function的例子。在一開始就對這個function有個大致的概念輪廓 這樣閱讀程式碼起來,可以減少認知負荷的產生。

// flip([1, 2, 3])
// => [3, 2, 1]
function flip(items) {
  const flippedItems = [];
  for (let i = 0 ; i < items.length ; i++) {
    flippedItems[i] = items[items.length - i - 1];
  }
  return flippedItems;
}
Previous鄰近原則 contiguity principleNext開放目標效應 goal-free effect

Last updated 3 years ago