DOI QR코드

DOI QR Code

A Study on the Web GUI Design Guidelines for the Ease of Using T-shirt Customization

티셔츠 커스터마이징 사용편의성을 위한 웹 GUI 디자인 가이드라인 연구

  • Lee, Saem (Graduate School of Technology Design, Kookmin University) ;
  • Jeong, Je-Yoon (Graduate School of Technology Design, Kookmin University) ;
  • Nam, Won-Suk (Department of Industrial Design, Kookmin University)
  • 이샘 (국민대학교 테크노디자인전문대학원 제품이노베이션디자인학과) ;
  • 정제윤 (국민대학교 테크노디자인전문대학원 제품이노베이션디자인학과) ;
  • 남원석 (국민대학교 조형대학 공업디자인학과)
  • Received : 2020.10.26
  • Accepted : 2021.04.20
  • Published : 2021.04.28

Abstract

Unlike conventional online shopping malls that handle simple product sales, customization services have to be provided with a user-centered and smooth customizable work environment because of differences that buyers have to customize themselves. To study the ease of use of T-shirt customization web GUI, three websites that provide T-shirt customization services were selected to analyze the current status of T-shirt customization websites. Through prior research, we establish the evaluation principle as consistency and clarity, operability, feedback, coping with errors, sharing and ease of search. Based on this, the T-shirt customization web GUI design guidelines were drafted and three delphi surveys were conducted on GUI-related experts to prove the validity of the web GUI guidelines evaluation items that are effective in customizing T-shirts. This study is expected to contribute to increasing the production and usability of the T-shirt customization web and to be used as an effective reference for customization web GUI design.

커스터마이징 서비스는 단순 상품판매를 하는 기존 온라인 쇼핑몰과는 달리 구매자가 직접 커스텀 해야 하는 차이점이 있기에 사용자 중심의 원활한 커스텀이 가능한 작업환경이 제공되어야 할 필요성이 있다. 따라서 티셔츠 커스터마이징 웹 GUI의 사용편의성 연구를 목표로 티셔츠 커스터마이징 서비스를 제공하는 웹사이트 3곳을 선정하여 티셔츠 커스터마이징 웹사이트의 현황을 분석하였다. 또한 선행연구를 통해 커스터마이징의 특성이 유의한 웹 GUI 디자인 가이드 평가원칙을 일관성 및 명료성, 조작성, 피드백, 오류의 대처, 마지막으로 공유 및 검색의 용이성으로 총 5가지의 평가원칙을 정립하였고, 이를 바탕으로 티셔츠 커스터마이징 웹 GUI디자인 가이드라인 초안을 작성하여 이를 GUI 관련 전문가 집단을 대상으로 3차례의 델파이 조사를 실시하여 티셔츠 커스터마이징에 효과적인 웹 GUI 가이드라인 평가항목의 내용타당도를 확인했다. 본 연구는 향후 티셔츠 커스터마이징 웹의 제작 및 사용성을 높이는데 기여하고, 효과적인 커스터마이징 웹 GUI 디자인 참고자료로 활용될 수 있기를 기대한다.

Keywords

References

  1. S. & P. (2017.10.21). Naver Post. https://m.post.naver.com/viewer/postView.nhn?volumeNo=10006218&memberNo=1192430
  2. M. H. Kim (2020). A Study on the Customizing T-shirt Design by 3D Printing. Journal of Cultural Product & Design, 60(2020), 147-156. https://doi.org/10.18555/kicpd.2020.60.14
  3. S. W. Son. & W. J. Chung. (2018). Development of Usability Evaluation Method For Online Product Customization. Doctoral dissertation. Kookmin University. Seoul.
  4. H. S. Jang & W. S. Nam. (2020). A Study on the GUI Design of Fashion Customizing Web : Centered on Custom Knitware. The Korea Contents Society, 20(4), 124-137.
  5. W. S. Choi. (2014) A Study on Overseas and Domestic Online Fashion Shopping Mall based on Web Usability and Graphical User Interface(GUI) Design. Domestic Master's Thesis, Graduate School of Design, Kookmin University. Seoul
  6. H. S. Lee. (2002). A study of effective GUI design expression on Web site. KOREA DIGITAL DESIGN COUNCIL, 3, 45-53.
  7. Y. H. Lee. (2019). Study of GUI Design appearing in Fast Food Restaurant DID - Focused on Lotteria, McDonald's, Burger King and Mom's Touch -. Journal of the Korea Convergence Society, 10(11), 253-262.
  8. Y. Y. Kyung. (2016). A study on Coffee Shop App GUI Design. Journal of Korea Institute of Cultural Product & Design, 45, 47-56. https://doi.org/10.18555/kicpd.2016.45.5
  9. K. S. Lee & C. S. Leam. (2019). A Case Study on Implementation of UI Development Tool for Web Environment ERP System. Journal of the Korea Convergence Society, 10(1), 13-24. https://doi.org/10.15207/JKCS.2019.10.1.013
  10. Doosan Encyclopedia. GUI. doopedia .[Online]. http://www.doopedia.co.kr/doopedia/master/master.do?_method=view&MAS_IDX=101013000721673
  11. H. S. Lee. (2002). A study of effective GUI design expression on Web site. Journal of Digital Design 3, 2002.2, 45-53.
  12. Jakob Nielsen. (2005). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group.[Online]. https://www.nngroup.com/articles/ten-usability-heuristics/
  13. Human. Delphi method. (2019). Wikipedia. https://ko.wikipedia.org/wiki/%EB%8D%B8%ED%8C%8C%EC%9D%B4_%EA%B8%B0%EB%B2%95
  14. S. W. Son. (2018). A Study on Web Usability for Custom Product Design. Doctoral dissertation. Kookmin University. Seoul.
  15. L. Man. (2020). Development Evaluation Model for Improving the Usability of Smart Home App GUI Design. Doctoral dissertation. Chungnam ational University. Daejeon.