An Application of Ergonomics in User Experience Design For Hyperlocal E-Marketplace Mobile Application

Main Article Content

Powarong Boonchoui
Suppakorn Disatapundhu

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

Section
Design

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