Received 10.02.2024, Revised 30.04.2024, Accepted 01.06.2024
Objective: analyzing the current status and developmental trends in the field of interface design, and to establish a classification framework for the characteristics and requirements of various application domains in interface design Methodology. Using the methods of quantitative analysis, literature review, and information visualization techniques with Citespace software to visualize the relevant literature information in the field of interface design. The creation of scientific knowledge maps depict the structure and distribution of scientific knowledge, enabling a comprehensive analysis of the field of interface design from multiple perspectives and levels. Results. This paper presents the development trend of interface design research in Scopus database from 2015 to 2023 in the form of visual knowledge graph. Through literature analysis, the current research focus and future research direction of interface design are obtained. At the same time, ten main application carriers of interface design are listed, their characteristics are analyzed from the perspective of interface design, and corresponding design suggestions are given. Scientific novelty. For the first time, the literature research knowledge map of interface design was summarized by combining Citespace visualization software. The categories and key points of interface design research were presented through visualization maps. At the same time, the main application scenarios and categories of interface design were summarized, thus providing a theoretical basis and reference database for interface design. Practical significance. The study is recommended for practical implementation in the field of interface design
interface design; visual communication design; visualization; web design; frontier trends; graphic design
[1] Luo, S.J. (2002). Human-computer interface design. Beijing: Machinery Industry Press.
[2] Xu, W. (2019). Toward human-centered AI: A perspective from human-computer interaction. Interactions, 26(4), 42-46. doi: 10.1145/3328485.
[3] Nickel, P., Bärenz, P., Radandt, S., Wichtl, M., Kaufmann, U., Monica, L., Bischoff H-J., & Nellutla, M. (2020). Human-system interaction design requirements to improve machinery and systems safety. In P. Arezes (Ed.), Advances in safety management and human factors (pp. 3-13). Cham: Springer. doi: 10.1007/978-3-030-20497-6_1.
[4] Hu, H.J., & Zhang, H. (2016). Research on optimization design method of human-machine interface in mechanical systems. Shandong Science and Technology, 4, article number 209. doi: 10.16640/j.cnki.37-1222/t.2016.04.195.
[5] Dong, J.M. (2007). Human-computer interaction: User-centered design and evaluation. Beijing: Tsinghua University Press.
[6] Ye, Q. (2020). Development trends of usability in mobile interface visual design. Design, 33(5), 152-154.
[7] Chen, X.H. (2020). Research on the aesthetic development and design methods of visual design in mobile application interface. Decoration, 1, 92- 95. doi: 10.16272/j.cnki.cn11-1392/j.2020.01.022.
[8] Zhou, K., Zhang, X., Xiao, D.K., & Hu, F. (2020). Research on aesthetic evaluation of interface design based on deep learning. Packaging Engineering, 41(12), 207-215. doi: 10.19554/j.cnki.1001-3563.2020.12.032.
[9] Xin, X.Y. (2019). From user experience to experience design. Packaging Engineering, 40(8), 60-67. doi: 10.19554/j.cnki.1001-3563.2019.08.010.
[10] Li, J., & Liu, T. (2021). Overview of the origins, evolution, and development trends of interaction design. Packaging Engineering, 42(18), 134-143+171. doi: 10.19554/j.cnki.1001-3563.2021.18.014.
[11] Wang, R. (2019). Research on intelligent product design based on natural interaction. Mechanical Design, 36(S1), 29-33. doi: 10.13841/j.cnki.jxsj.2019.s1.007.
[12] Xu, X.Y. (2019). Research on the development trends of human-machine interface under the guidance of artificial intelligence. Industrial Design, 2, 137-138.
[13] Kolosnichenko, М., et al. (2023). Graphic design in information and visual space. Riga: Publishing House "Baltija Publishing". doi: 10.30525/978-9934-26-274-6.
[14] Johnson, J. (2011). Cognition and design understanding: UI design guidelines. Beijing: People Post Press.
[15] MacOS Big Sur Desktop. (n.d.). Retrieved from https://en.wikipedia.org/wiki/MacOS_Big_Sur#/media/File:MacOS_Big_Sur_Desktop.png/.
[16] Overwatch 2. (2022). Retrieved from https://www.saibo.com/article/4930.html.
[17] Xiaomi 10. (n.d.). Retrieved from https://www.mi.com/smartscreen?product_id=1221400010&cfrom=search.
[18] Complex information system interface design. (n.d.). Retrieved from https://www.mttitlis.com/show-list726.html.
[19] Duolingo. (n.d.). Retrieved from https://en.duolingo.com/.
[20] Redmi Watch 4. (n.d.). Retgrieved from https://www.mi.com/tw/product/redmi-watch-4/.
[21] Xiaomi su 7. (n.d.). Retrieved from https://www.xiaomiev.com/su7?c=baidu_brandsu7&g_utm=Thirdparty.Baidu.ProductUnion.BrandZone-Baidu-PC.XiaomiEV-A-34.
[22] Ideal L9. (2022). Retrieved from https://new.qq.com/rain/a/20220628A0B07X00.
[23] Apple Vision Pro. (n.d.). Retrieved from https://www.apple.com/apple-vision-pro/.