The System Labเรียน → แบ่งปัน → พิสูจน์Learn → Share → Prove
แกลเลอรีGallery

This page is written in Thai. An English translation is planned.

TSL · The System Lab┊ Design of Everyday Things┊ ┊บทเรียนLesson 02 ┊ ┊0% ┊
Design of Everyday Things · บทเรียนที่Lesson 02

Knowledge, Mapping, and Constraints

foundation · ~50 นาที

แหล่งข้อมูล: _wiki/semantic/knowledge-in-head-and-world.md, _wiki/semantic/mapping.md, _wiki/semantic/four-constraints.md, _wiki/procedural/forcing-functions.md, _wiki/episodic/del-mar-light-switches.md

1. THE BIG IDEA

คนทำสิ่งที่แม่นยำได้ทั้งที่จำไม่ละเอียด เพราะความรู้กระจายอยู่ทั้งในหัวและในโลก Good design เอาความรู้บางส่วนใส่ไว้ใน mapping, constraints, conventions, และ signifiers เพื่อให้ผู้ใช้ไม่ต้องแบกทุกอย่างด้วยความจำ

2. FIRST PRINCIPLES BREAKDOWN

Principle: Precise behavior can come from imprecise knowledge

คนไม่จำรายละเอียดเหรียญได้ครบ แต่ใช้เงินได้ เพราะต้องจำแค่พอแยกทางเลือกที่เกี่ยวข้อง

ถ้าละเลย: จะบังคับให้ผู้ใช้จำขั้นตอน/รหัส/ตำแหน่งมากเกินไป

Principle: Natural mapping reduces memory load

ถ้า control จัดสัมพันธ์กับ effect อย่างเข้าใจง่าย ผู้ใช้ไม่ต้องจำ arbitrary mapping

ถ้าละเลย: switch หลายตัวเรียงเป็นแถวจะควบคุม light 2D ได้ยากและผิดบ่อย

Principle: Constraints narrow possible actions

Physical, cultural, semantic, logical constraints ลดจำนวนสิ่งที่เป็นไปได้ ทำให้ผู้ใช้เดาได้แม้ไม่เคยเห็นมาก่อน

ถ้าละเลย: ผู้ใช้ต้องลองทุกทาง หรือใช้ผิดทางที่ระบบเปิดไว้

3. THE MENTAL MODEL

knowledge in the head = fast after learning, portable, forgettable
knowledge in the world = easy for novice, visible, can clutter/disappear
mapping = relation between control and effect
constraints = limits that make wrong actions harder or impossible

จุดสับสน: ความรู้ในโลกไม่ได้แปลว่าติดป้ายทุกอย่าง เพราะป้ายมากเกินไปทำให้รก สิ่งที่ดีกว่าคือ structure ที่ทำให้ action ถูกดู obvious

4. WORKED EXAMPLE

กรณี Del Mar light switches:

  1. มีไฟหลายดวงในเพดาน 2D
  2. Switch ถูกวางเป็นแถว/คอลัมน์ 1D ที่เหมือนกันหมด
  3. ไม่มี natural mapping ระหว่างตำแหน่ง switch กับตำแหน่งไฟ
  4. คนอยู่บ้านหลายปีก็ยังจำไม่ได้
  5. วิธีแก้คือทำ floor plan เล็ก ๆ แล้ววาง switch ในตำแหน่งเดียวกับไฟจริง
  6. Mapping กลายเป็น logical/visual constraint: switch ตรงตำแหน่งไฟ จึงไม่ต้องจำ

5. COMMON MISTAKES

Mistake 1: คิดว่าผู้ใช้จะ "ชิน" กับ arbitrary mapping

ทำไมคนพลาด: คนสร้างใช้งานซ้ำจนจำได้เอง

ความเข้าใจที่ถูก: ถ้า mapping ไม่มีเหตุผลในโลก ผู้ใช้ต้องพึ่ง memory ล้วน และอาจไม่ชินแม้ผ่านไปนาน

Mistake 2: ใช้ forcing function โดยไม่คิด nuisance

ทำไมคนพลาด: Interlock/lockout ดูเหมือนปลอดภัยเสมอ

ความเข้าใจที่ถูก: ถ้ามันรบกวน use case ปกติเกินไป คนจะ bypass หรือ disable

Mistake 3: เหมารวม cultural constraint เป็น universal

ทำไมคนพลาด: สิ่งที่คุ้นในวัฒนธรรมหนึ่งดู "ธรรมชาติ"

ความเข้าใจที่ถูก: Natural mapping บางอย่างเป็น culture-specific ต้องตรวจสอบบริบท

6. CONNECT TO OTHER TOPICS

Depends on: knowledge in head/world

Enables: discoverability, error prevention, expert speed

Often confused with: physical constraint vs forcing function

How to tell apart: constraint จำกัด action; forcing function บังคับ sequence หรือป้องกัน stage ถัดไปถ้าขั้นก่อนยังไม่ถูก

7. SELF-TEST

Surface: Four constraints มีอะไรบ้าง

Strong answer: physical, cultural, semantic, logical

Understanding: ทำไม switch panel แบบ floor plan ดีกว่า label ใต้ switch

Strong answer: เพราะ mapping อยู่ในโครงสร้าง spatial เดียวกับไฟจริง ลด memory และใช้ logical constraint แทนการอ่าน/จำ label

Mastery: เลือก control set หนึ่งชุด แล้วเสนอ natural mapping หรือ constraint ที่ลด error

Strong answer: ระบุ relation control-effect ได้ชัด และอธิบายว่าลด memory, narrowing choices, หรือ blocking wrong action อย่างไร

8. KEY QUOTES FROM SOURCE

  • "Precise behavior from imprecise knowledge."
  • "Knowledge is both in the head and in the world."
  • "Natural mappings work by providing logical constraints."

9. TL;DR

  • อย่าให้ผู้ใช้จำสิ่งที่โลกช่วยบอกได้
  • Mapping ที่ดีทำให้ relation เห็นได้ ไม่ต้องท่อง
  • Constraints ที่ดีทำให้ทางผิดยากขึ้นโดยไม่ทำให้ทางถูกน่ารำคาญ