เส้นทางสู่การออกแบบเว็บไซต์สำหรับใช้ในโรงพยาบาลที่ประสบความสำเร็จด้วยหลักการออกแบบ C.R.A.P.

ผู้แต่ง

  • ธนบดินทร์ เชียรเจริญธนกิจ ฝ่ายสารสนเทศ คณะแพทยศาสตร์ศิริราชพยาบาล มหาวิทยาลัยมหิดล เขตบางกอกน้อย กรุงเทพมหานคร 10700
  • ศุภธัช จามจรีกุล ฝ่ายสารสนเทศ คณะแพทยศาสตร์ศิริราชพยาบาล มหาวิทยาลัยมหิดล เขตบางกอกน้อย กรุงเทพมหานคร 10700

คำสำคัญ:

เว็บไซต์, การออกแบบเว็บไซต์, หลักการออกแบบอินเตอร์เฟซพื้นฐาน, หลักการออกแบบ C.R.A.P.

บทคัดย่อ

ในยุคดิจิทัลที่เทคโนโลยีสารสนเทศมีบทบาทสำคัญในทุกมิติของการดำเนินชีวิตการเข้าถึงและจัดเก็บข้อมูลผ่านช่องทางออนไลน์จึงเป็นที่นิยมอย่างแพร่หลาย เว็บไซต์จึงกลายเป็นเครื่องมือหลักในการให้บริการข้อมูลแก่ผู้ใช้งาน ตัวอย่างที่ชัดเจนคือการประยุกต์ใช้เว็บไซต์ในคณะแพทยศาสตร์ศิริราชพยาบาล ทั้งในด้านการอำนวยความสะดวกให้ผู้ป่วยในการจองนัดหมายและดูคิวเพื่อเข้ารับการรักษาผ่านทางระบบ Siriraj Connect รวมถึงการสนับสนุนให้บุคลากรทางการแพทย์สามารถบันทึกผลการตรวจและวิเคราะห์ข้อมูลเพื่อการวินิจฉัยโรคได้อย่างมีประสิทธิภาพ การออกแบบเว็บไซต์ที่มีคุณภาพจึงจำเป็นต้องพิจารณาปัจจัยหลายประการ เช่น ประสบการณ์ของผู้ใช้งาน การจัดระเบียบเนื้อหา การเลือกใช้สี รูปแบบการนำเสนอ และประสิทธิภาพในการทำงาน ก่อนเริ่มกระบวนการพัฒนาเว็บไซต์จึงต้องมีการวิเคราะห์ความต้องการและวัตถุประสงค์ของผู้ใช้งานอย่างละเอียด ในบทความนี้จึงมุ่งเน้นการนำหลักการออกแบบ C.R.A.P. ประกอบด้วย ความแตกต่าง (Contrast), การทำซ้ำ (Repetition), ตำแหน่งการจัดวาง (Alignment) และ การใช้ระยะห่าง (Proximity) มาประยุกต์ใช้ในกระบวนการออกแบบเว็บไซต์ โดยขั้นตอนดังกล่าวเริ่มต้นขึ้นหลังจากการเก็บรวบรวมข้อมูลจากผู้ใช้งาน เพื่อสร้างสรรค์เว็บไซต์ที่มีความสวยงาม ใช้งานง่าย ลดข้อผิดพลาดในการสื่อสารข้อมูล และสามารถตอบสนองต่อความต้องการและความพึงพอใจของผู้ใช้งานได้อย่างครบถ้วน

เอกสารอ้างอิง

คณะแพทยศาสตร์ศิริราชพยาบาล. (2567). แผนยุทธศาสตร์. สืบค้นจาก https://www.si.mahidol.ac.th/th/strategic.asp

นิติภัณฑ์ กันทะวัง. (2565). 8 ขั้นตอนการออกแบบ UX/UI อย่างไร? เพื่อให้ตอบโจทย์กับองค์กร. สืบค้นจาก

https://www.borntodev.com/2022/06/24/8-ขั้นตอนการออกแบบ-ux-ui/

Anna, V. D. (2025). What is UX/UI Design?. Retrieved from https://flatironschool.com/blog/what-is-ux-ui-design/

Beaird, J., Walker, A., & George, J. (2020). The principles of beautiful web design. Australia: SitePoint Pty, Limited.

Canziba, E. (2018). Hands-On UX design for developers: Design, Prototype, and Implement compelling user experiences from scratch. United Kingdom: Packt Publishing Ltd.

Creative Market. (2024). How CRAP will make you a better designer. Retrieved from https://creativemarket.com/blog/how-crap-will-make-you-a-better-designer

Eric, H. (2022). Static vs dynamic websites: What are the differences?. Retrieved from https://www.sanity.io/static-websites/static-vs-dynamic-websites?ref=static-websites

Joe, H. (2022). What is a static website?. Retrieved from https://www.sanity.io/static-websites.

Maxii, E. (2023). CRAP: A Beginner’s guide to design principles in UI design. Retrieved from https://medium.com/@maxiiemmii/crap-a-beginners-guide-to-design-principles-in-ui-design-c81ddfed450a

McManus, S. (2023). Web design in easy steps. United Kingdom: In Easy Steps Limited.

Srikate. (2563). Design principles. Retrieved from https://srikate.medium.com/design-principle-เข้าใจการออกแบบ-ui-ฉบับ-developer-รัก-designer-นะ-dc172521824a

The Editors of Encyclopaedia Britannica. (2024). The web & communication. Retrieved from https://www.britannica.com/technology/website

Tyler Beauchamp. (2018). Designing for healthcare. Retrieved from https://medium.com/@TylerBeauchamp/designing-for-healthcare-aa9fd2812ec9

Williams, R. (2014). The Non-Designer’s design book. California: Peachpit Press.

ดาวน์โหลด

เผยแพร่แล้ว

07-06-2026

รูปแบบการอ้างอิง

เชียรเจริญธนกิจ ธ. ., & จามจรีกุล ศ. . (2026). เส้นทางสู่การออกแบบเว็บไซต์สำหรับใช้ในโรงพยาบาลที่ประสบความสำเร็จด้วยหลักการออกแบบ C.R.A.P. วารสารวิชาการ ปขมท., 15(1), e1558. สืบค้น จาก https://so19.tci-thaijo.org/index.php/CUASTJournal/article/view/1558

ฉบับ

ประเภทบทความ

บทความวิชาการ

หมวดหมู่