The Successful Path to Designing Medical Website Using C.R.A.P. Principles

Authors

  • Tanabodin Chiencharoentanakij Siriraj Information Technology Department, Faculty of Medicine Siriraj Hospital, Mahidol University, Bangkok Noi, Bangkok 10700, Thailand
  • Suppatuch Jamjareekul Siriraj Information Technology Department, Faculty of Medicine Siriraj Hospital, Mahidol University, Bangkok Noi, Bangkok 10700, Thailand

Keywords:

Website, Website design, Basic principles of interface design

Abstract

In the digital era, information technology has become an integral part of various aspects of society. The increasing reliance on online platforms for data accessibility and storage has led to the widespread adoption of websites as essential tools for information dissemination and service provision. A prominent example is the application of web-based systems at the Faculty of Medicine, Siriraj Hospital, which significantly enhances both patient care and medical operations. The Siriraj Connect application, for instance, facilitates patient appointment scheduling and real-time queue monitoring, thereby improving the overall efficiency of hospital services. Developing a high-quality website requires careful consideration of multiple factors, including user experience, content organization, color selection, presentation style, and overall performance. Before the development process begins, a comprehensive analysis of user requirements and objectives is essential to ensure that the website effectively fulfills its intended purpose. This article focuses on the application of the C.R.A.P. (Contrast, Repetition, Alignment, and Proximity) design principles in website design, emphasizing their role in enhancing usability and visual appeal. The implementation process starts with the collection of user data, which serves as the foundation for designing a website that is both aesthetically pleasing and effective in minimizing communication errors. By incorporating these principles, the website can successfully meet user needs while ensuring an optimal and satisfying user experience.

References

คณะแพทยศาสตร์ศิริราชพยาบาล. (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.

Downloads

Published

07-06-2026

How to Cite

Chiencharoentanakij, T., & Jamjareekul, S. (2026). The Successful Path to Designing Medical Website Using C.R.A.P. Principles. CUAST Journal, 15(1), e1558. retrieved from https://so19.tci-thaijo.org/index.php/CUASTJournal/article/view/1558

Issue

Section

Academic Articles

Categories