DOI QR코드

DOI QR Code

A Study on the Elements of Interface Design of Audio-based Social Networking Service

오디오 기반 SNS의 인터페이스 디자인 요소 연구

  • Kim, Yeon-Soo (Dept. of Media Interaction Design, Ewha Womans University) ;
  • Choe, Jong-Hoon (Dept. of Media Interaction Design, Ewha Womans University)
  • 김연수 (이화여자대학교 영상디자인전공) ;
  • 최종훈 (이화여자대학교 영상디자인전공)
  • Received : 2021.11.04
  • Accepted : 2022.02.20
  • Published : 2022.02.28

Abstract

Audio-based SNS also needs a visual guide to reach the contents desired by the users. Therefore, this study investigates visual interface design elements that influence the experience of using audio contents in audio-based SNS. Prior researches have identified that the generally acknowledged interface design elements are important for the usability of audio contents. Through the analysis of the currently launched audio-based SNS, the influence of general interface elements were again confirmed, and via the analysis of other audio content services, a new interface evaluation element was explored. Accordingly, with five general interface evaluation elements-layout, color, icon, typography, graphic image, multimedia elements are newly defined and proposed as crucial factors in evaluating the UI of audio-based SNS.

오디오 기반 SNS 또한 사용자가 원하는 콘텐츠에 도달하기 위한 시각적 가이드가 필요하다. 이에 본 연구는 오디오 기반 SNS에서 오디오 콘텐츠의 사용 경험에 영향을 미치는 시각적 인터페이스 디자인 요소에 대해 연구하였다. 선행연구를 통해 기존의 일반적인 인터페이스 디자인 요소가 오디오 콘텐츠의 사용성에 중요함을 파악하였다. 현재 출시된 오디오 기반 SNS의 분석을 통해 기존 인터페이스 요소의 의미와 영향을 확인하였고, 기타 오디오 콘텐츠 서비스의 분석을 통해 오디오 SNS에 있어 고려할 새로운 기준의 인터페이스 평가 속성을 도출하였다. 이에 일반적인 다섯 가지 인터페이스 평가 요소인 레이아웃, 컬러, 아이콘, 타이포그래피, 그래픽 이미지에 멀티미디어 요소를 새롭게 정의하며, 오디오 기반 SNS의 UI를 고려할 요소로 제안한다.

Keywords

References

  1. B. S. Kim. (2021). Markets using Ear is rapidly grwoing...Audio SNS going crazy. [Online]. https://www.mk.co.kr/news/culture/view/2021/03 /302169/
  2. G. J. Kang. (2021). Zuckerberg puts clubhouse sentiment on Facebook...Audio investment. [Online]. https://www.hankyung.com/it/article/202104203497g
  3. S. Y. Lee. (2021). "Radio Killed The Video Star" The rise of the Audio Market. [Online]. https://www.mk.co.kr/news/culture/view/2021/04 /353750/
  4. Y. J. Kim. (2021). Changes in user trend in COVID-10... 'Rise of Audio Contents'. [Online]. https://journal.kiso.or.kr/?p=10771
  5. A. H. S Chan & K. W. L. Chan. (2006). Synchronous and asynchronous presentations of auditory and visual signals: Implications for control console design. Applied Ergonomics, 37(2), 131-140. https://doi.org/10.1016/j.apergo.2005.06.006
  6. B. S. Kim, Y. K. Min & L. Fan. (2008). Interactions of spatial, visual, auditory information in multiple information presentation : Implications for display and control design. The Korean Journal of Cognitive and Bioogical Psychology, 20(2), 13.
  7. G. Y. Lee & J. H. Kim. (2014). The design of the visual interface for the Mobile App. Journal of Digital Design, 14(1), 617-627. https://doi.org/10.17280/jdd.2014.14.1.061
  8. M. H. Je & Y. J. Oh. (2011). A Study on the effect of visual tactility in user interface design of Samrt Phone. Content Plus, 9(1), 119-135.
  9. Y. Shi & H. W. Noh. (2014). A Study of Mobile SNS Mainpages GUI Design. Proceeding of the Korea Contents Association Conference, 143-144.
  10. I. K. Park. (2015). A Study on the Usability of Graphic User Interface by the User Behavior in a Mobile Music Streaming App. Society of Design Convergence, 14(2), 151-168.
  11. T. H. Kim & J. I. Lee. (2016). A Study on the User Interface Cases for Music Streaming Service - Focused on Apple Watch Apps in Korea. The Korean Society of Science & Art, 24, 159-171. https://doi.org/10.17548/ksaf.2016.06.24.159
  12. H. Y. Byun & Y. M. Choi. (2017). The Evalation Criteria on User Interface Design of K-MOOC. KSDS Conference Proceeding, 246-247.
  13. I. S. Lee. (2008). A Study on Principle for Use of Multimedia in order to have Effective Communication in Information Design. Cartoon and Animation Studies, 13, 255-267.
  14. J. S. Lee, C. Y, Lim & E. S. Kwon. (1998). Analysing evaluation factors of multimedia interface design - A study on the evaluation of multimedia interface design. Archives of Design Research, 11(1), 153-160.
  15. H. S. Seo. & H. S. Kim. (2008). A study of expression of non-coded Message in Visual Image and Graphic User Interface. Proceedings of HCI Korea, 1131-1135
  16. B. J. Kim. (2014). A Study on the Design pressional Characteristics in Mobile GUI - Based on the Expressional Tendency of Modernism and minimalism. Journal of Digital Design, 14(4), 295-306.
  17. Y. J. Cho. (2000). The Dictionary of Contemporary Design. p.154
  18. K. M. Jung. (2002). A Study of Icon Design to improve user's cognitive ability and to extend the coefficient of utilization at a web site. Doctoral dissertation. Sungshin Women's University, Seoul.