ชัดเจนจึงน่าเชื่อถือ
สื่อสถานะ แหล่งที่มา และขั้นตอนถัดไปให้ชัด ไม่ซ่อนบริบทสุขภาพสำคัญไว้หลังงานตกแต่ง
CHN พื้นฐานการออกแบบ · 2026
ข้อมูลสุขภาพ
ที่เข้าใจมนุษย์
ภาษาภาพร่วมสำหรับสร้างประสบการณ์สุขภาพที่น่าเชื่อถือ สงบ และทุกคนเข้าถึงได้ทั่วทั้ง CheckHealthNow
คะแนนสุขภาพ92
อยู่ในเกณฑ์ดี
color.brand.primary
radius.card.20
status.success
หลักการของเรา
ออกแบบเพื่อความมั่นใจ
ทุกการตัดสินใจด้านการออกแบบต้องช่วยให้ผู้ใช้เข้าใจสุขภาพได้ง่าย โดยไม่สร้างความกังวลหรือความซับซ้อนเกินจำเป็น
สงบเป็นค่าเริ่มต้น
ใช้พื้นที่ พื้นผิวที่นุ่มนวล และภาษาตรงไปตรงมา เพื่อลดภาระการคิดในช่วงเวลาที่ละเอียดอ่อน
สัญญาณที่นำไปสู่การลงมือทำ
สีช่วยเสริมความหมาย แต่ต้องมีข้อความกำกับและการกระทำที่ชัดเจนเสมอ
พื้นฐาน / สี
ชุดสีที่มีจุดประสงค์
สีช่วยนำสายตาและสื่อสถานะทางสุขภาพ โดยใช้ semantic token เพื่อคงความหมายให้สม่ำเสมอทั่วทั้งระบบ
#098CFF
Brand / Primary
#0877E8
Brand / Strong
#30C865
Success
#FF8626
Warning
#D95B65
Danger
#080808
Text / Primary
#8E8E93
Text / Muted
#FFFFFF
Surface
แนวทางการเข้าถึง
ใช้สีสถานะร่วมกับไอคอนหรือข้อความกำกับเสมอ ไม่ใช้สีเพียงอย่างเดียวเพื่อสื่อผลทางการแพทย์
พื้นฐาน / ตัวอักษร
ชัดเจนทั้งไทยและอังกฤษ
ระบบตัวอักษรที่อ่านง่ายช่วยให้ข้อมูลทางคลินิกคมชัด เป็นมิตร และทำงานได้ดีในทุกอุปกรณ์
Display · 56/1.05 · 750ดูแลสุขภาพ
ดูแลสุขภาพ
ให้เข้าใจง่าย
Heading · 32/1.25 · 700
ผลตรวจสุขภาพ
Body · 16/1.6 · 400
ข้อมูลสุขภาพที่ชัดเจน ช่วยให้คุณตัดสินใจได้อย่างมั่นใจและพูดคุยกับแพทย์ได้ง่ายขึ้น
Label · 12/1.4 · 700ตรวจล่าสุด 24 ก.ค. 2026
พื้นฐาน / เลย์เอาต์
จังหวะของพื้นที่
กริดพื้นฐาน 4 พอยต์สร้างความสม่ำเสมอ ส่วนมุมโค้งช่วยให้อินเทอร์เฟซสุขภาพรู้สึกเข้าถึงง่าย
4
space.48
space.812
space.1216
space.1624
space.2432
space.3248
space.488radius.8
12radius.12
16radius.16
20radius.20
Fullradius.full
พื้นฐาน / ไอคอน
สัญลักษณ์ที่เป็นมิตรและคุ้นเคย
ไอคอนเส้นโค้งมนขนาด 2 พิกเซล ช่วยให้การใช้งานชัดเจนและสมดุลกับตัวอักษรไทย
คอมโพเนนต์ / สถานะ
เข้าใจสถานะได้ในพริบตา
สีและถ้อยคำที่กะทัดรัดช่วยให้รับรู้สถานะเร็ว โดยไม่กล่าวเกินจริงในเชิงการแพทย์
ปกติเฝ้าระวังสูงรอผลตรวจ
คอมโพเนนต์ / ช่องกรอก
ช่วยเหลือ ไม่กดดัน
ป้ายกำกับต้องมองเห็นเสมอ คำแนะนำอธิบายบริบท และข้อความผิดพลาดบอกวิธีแก้ไขอย่างชัดเจน
คอมโพเนนต์ / การ์ด
จัดข้อมูลเป็นลำดับ
การ์ดช่วยจัดกลุ่มข้อมูลให้อ่านเร็ว พร้อมรักษาบริบทที่จำเป็นต่อการตัดสินใจด้านสุขภาพ
ความสมบูรณ์ของเม็ดเลือดComplete Blood Count
Hemoglobin14.2 g/dLปกติ
White blood cells11.4 10³/µLเฝ้าระวัง
92/100
ภาพรวมสุขภาพดี
12 จาก 14 รายการอยู่ในเกณฑ์ปกติ
รูปแบบ / สุขภาพ
รูปแบบสำหรับข้อมูลที่ละเอียดอ่อน
รูปแบบที่ใช้ซ้ำได้ช่วยรวมสถานะ คำอธิบาย และขั้นตอนถัดไปไว้ในกระบวนการที่สงบและเข้าใจง่าย
ผล + ความหมาย + การกระทำ
แสดงค่าที่วัดได้ บริบทอ้างอิง และขั้นตอนถัดไปที่ปลอดภัยไว้ด้วยกัน
LDL Cholesterol142 mg/dLสูงเล็กน้อย
ยกระดับอย่างระมัดระวัง
ใช้ภาษาธรรมดาและระดับความเร่งด่วนที่เหมาะกับผล โดยไม่สร้างความตื่นตระหนก
ควรติดตามผลปรึกษาแพทย์ภายใน 7 วัน
อธิบายแบบค่อยเป็นค่อยไป
เริ่มด้วยบทสรุป แล้วให้ผู้ใช้เปิดดูรายละเอียดทางคลินิกเมื่อจำเป็น
แนวปฏิบัติ / การเข้าถึง
ทุกคนต้องเข้าถึงข้อมูลสุขภาพได้
ระบบรองรับ WCAG 2.2 AA การใช้งานด้วยคีย์บอร์ด โปรแกรมอ่านหน้าจอ การซูม และการลดภาพเคลื่อนไหว