An Application of Ergonomics in User Experience Design For Hyperlocal E-Marketplace Mobile Application
Main Article Content
Abstract
The purpose of this article is to study user experience design guidelines for hyperlocal e-Marketplace application on smartphone devices. It focuses on finding ways to design an application's wireframe layout. This is a key element in the user experience design process to use the answer as the basis for the visual design of the user interface. The researcher began by conducting user research using semi-structured focus group discussions with 7 Generation Y consumers to find answers about their attitudes and experiences in using the e-Marketplace mobile application. From collecting data and analyzing the results, the researcher was able to summarize the design questions from the user experience strategy, especially in the design of the application layout, as follows: 1) Emphasize simplicity, with only necessary elements. Provide complete information and must be conducive to quick eye swiping. 2) Arrange information and interactive elements proportionally and coordinate the work of the eyes and thumb. 3) Facilitate one-handed use, and 4) Provide a good experience for both during and after use.
In the study, the researcher used the practice-led research method by studying and selecting theories along with designing experiments, and conducting periodic evaluations with the target group. From the research results, ergonomics theories that can be applied to design can be identified and classified into 2 groups: 1) Physical Ergonomics and 2) Visual Ergonomics. The researcher designed a prototype wireframe of an e-Marketplace application to demonstrate the application of ergonomics principles in user experience design. Including for further use in the user interface graphic design process in the next phase.
Article Details

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
เนื้อหาและข้อมูลในบทความที่ลงตีพิมพ์ในวารสารศิลป์ปริทัศน์ ถือเป็นข้อคิดเห็นและความรับผิดชอบของผู้เขียนบทความโดยตรง ซึ่งกองบรรณาธิการวารสารไม่จำเป็นต้องเห็นด้วย หรือร่วมรับผิดชอบใดๆ
บทความ ข้อมูล เนื้อหา รูปภาพ ฯลฯ ที่ได้รับการตีพิมพ์ในวารสารศิลป์ปริทัศน์ถือเป็นลิขสิทธิ์ของวารสารศิลป์ปริทัศน์
References
จิรารัตน์ จันทวัชรากร, อดิลล่า พงศ์ยี่หล้า และมนตรี วีรยางกูร (2561). ความสัมพันธ์ระหว่างภาพลักษณ์ของร้านค้าปลีกสินค้า
อุปโภคบริโภคขนาดเล็กกับพฤติกรรมการซื้อสินค้าของผู้บริโภค: การศึกษาเปรียบเทียบร้านค้าปลีกดั้งเดิมกับร้านค้า
ปลีกสมัยใหม่ในประเทศไทย. วารสารปัญญาภิวัฒน์, 10(3), 43.
ชื่นสุมล บุนนาค (2559). ความพึงพอใจในปัจจุยทางการตลาดที่มีผลต่อพฤติกรรมการเลือกซื้อสินค้าในร้านค้าปลีกดั้งเดิม
(โชวห่วย) ในเขตกรุงเทพมหานคร. วารสารบริหารธุรกิจเทคโนโลยีมหานคร, 13(1), 69.
ภิราภรณ์ ก้อนคำ (2564). นวัตกรรมการบริการที่ส่งผลต่อความสำเร็จของธุรกิจค้าปลีกแบบดั้งเดิม. วารสารศิลปะศาสตร์และ
อุตสาหกรรมบริการ, 4(1), 110.
สำนักงานพัฒนาธุรกรรมทางอิเล็กทรอนิกส์. (2564, 29 กรกฎาคม). บทบาทภาครัฐในการสนับสนุน e-Commerce. ETDA.
https://www.etda.or.th/th/Useful-Resource/Government-Support-of-e-Commerce.aspx
อรดา รัชตานนท์, กชพรรณ สัลเลขนันท์, โชติพัฒน์ กลิ่นสุคนธ์, จิรวัฒน์ ภู่งาม, และมณฑล ศิริธนะ (2562). ผลกระทบจากธุรกิจ
e-commerce ต่อผู้ประกอบการท้องถิ่น. ธนาคารแห่งประเทศไทย (Bank of Thailand). https://www.bot.or.th/
Thai/MonetaryPolicy/EconomicConditions/AAA/ECommerce_paper.pdf
Babich, N. (2016). Designing Card-Based User Interfaces. Smashing Magazine. https://www.smashingmagazine.
com/2016/10/designing-card-based-user-interfaces/
Babich, N. (2022, May 6). 7 Basic rules for using icons in UI Design. Web Design Envato Tuts+. https://web
design.tutsplus.com/basic-rules-for-using-icons-in-ui-design--cms-41244a
Buschek, D., Hackenschmied, M., & Alt, F. (2017). Dynamic UI adaptations for One-Handed use of large
mobile touchscreen devices. In Lecture notes in computer science (pp. 184–201).
Cannon, K. (2019, October 8). Beyond Pixels: UX & Ergonomics (Part 1). Medium. https://blog.prototypr.io/
ergonomics-for-ux-designers-bbf9376a0aa4
Creative Thailand (2564). เจาะเทรนด์์โลก 2022 : READY SET GO. ศูนย์สร้างสรรค์การออกแบบ (TCDC). https://article.
tcdc.or.th//uploads/file/ebook/2564/10/desktop_th/EbookFile_33202_1634128759.pdf
Harley, A. (2019, May 5). Touch targets on touchscreens. Nielsen Norman Group. https://www.nngroup.com/
articles/touch-target-size/
MacKenzie, I. S. (1992). Fitts’ Law as a research and design tool in Human-Computer Interaction. Human-
Computer Interaction, 7(1), 91–139. https://doi.org/10.1207/s15327051hci0701_3
Mukhopadhyay, P. (2022). Visual Ergonomics for communication design: A Layperson’s Approach. CRC Press.
Nielsen, J., and Pernice, K. (2010). Eyetracking Web Usability. New Riders Press.
Raghavendra, A. N., Vijayakumar, G., & Thalari, S. K. (2024). Impact of visual hierarchy on user experience in
E-Commerce websites. In Advances in marketing, customer relationship management, and e-services
book series (pp. 141–156).
Sayed, A. (2021). Everything You Need to know about Hyperlocal Business Model. StartupTalky. https://
startuptalky.com/hyperlocal-delivery-business-model/
Sweeton, R. (2020, May 28). How do ergonomics and UX design relate? https://www.linkedin.com/pulse/
how-do-ergonomics-ux-design-relate-rebecca-sweeton-
Valverde, R. (2011). Principles of human Computer Interaction design. ResearchGate. https://www.research
gate.net/publication/280689716_Principles_of_Human_Computer_Interaction_Design
Wijs, P. (2021, December 23). Mobile app design: Keeping the thumb zone in mind. Medium. https://
philwijs.medium.com/mobile-app-design-keeping-the-thumb-zone-in-mind-c1d4fafcd127