Design notes · อ่านก่อน
สิ่งที่ผมสมมติไว้ และระบบที่ใช้
ทั้ง 16 หน้าใน prototype นี้ประกอบจาก Trekko Design System โดยตรง (สี ตัวอักษร เงา วงขอบ และคอมโพเนนต์เดิมทั้งหมด) ไม่มีการสร้างสไตล์ใหม่ขึ้นเอง
สองภาษาถิ่นในระบบเดียว
หน้าผู้ดูแล = พื้นครีม เงานุ่ม แถบแท็บ 5 ปุ่ม · หน้าเด็ก = พื้นไล่สีเต็มจอ เส้นขอบหมึกหนา เงาแข็งแบบลูกอม ไม่ผสมกัน
ไม่มีสีแดงในระบบ
ผล Suspect ใช้ส้ม #F0824A ที่สุด เพื่อให้ผู้ปกครอง “ได้ข้อมูล” ไม่ใช่ “ตื่นตระหนก” และมีข้อความว่าไม่ใช่การวินิจฉัยกำกับทุกครั้ง
ปุ่มใหญ่ กดง่าย
CTA ของเด็กสูง 60px เต็มความกว้าง · ของผู้ใหญ่ 56px · เป้ากดเล็กสุด 44px ทั้งแอป
หนึ่งหน้า หนึ่งงาน
Daily Tracker ถาม 2 ข้อจบ · แบบคัดกรองถามข้อละหน้า · Action Panel โผล่เฉพาะเมื่อผล Suspect
ข้อสมมติที่ควรยืนยันกับคุณ
- ชื่อทีมผู้พัฒนายังเป็น placeholder (“ชื่อ–นามสกุล”) รอชื่อจริงกับตำแหน่งจากคุณ
- แบบคัดกรองในนี้ยาว 6 ข้อเป็นตัวอย่างโครงสร้าง — ข้อคำถามจริงควรมาจากแบบประเมินที่ทีมใช้อยู่
- เกณฑ์ปลดล็อก Re-screen ตั้งไว้ที่ 30 วันตาม copy เดิมใน design system
- แท็บเล็ตใช้เลย์เอาต์เดียวกับมือถือแล้วขยาย 1.27× (ปุ่มโตขึ้นตาม) ไม่ได้ทำ layout 2 คอลัมน์แยก
เริ่มดูจากไหนก็ได้