The week's pick
Random Articles
Reseach Article
Responsive Web Design for Enhanced User Experience (UX) and User Interface (UI)
| International Journal of Computer Applications |
| Foundation of Computer Science (FCS), NY, USA |
| Volume 187 - Number 34 |
| Year of Publication: 2025 |
| Authors: Victor Aienobe, Muhammad Zahid Iqbal |
10.5120/ijca2025925533
|
Victor Aienobe, Muhammad Zahid Iqbal . Responsive Web Design for Enhanced User Experience (UX) and User Interface (UI). International Journal of Computer Applications. 187, 34 ( Aug 2025), 72-93. DOI=10.5120/ijca2025925533
Abstract
This research focuses on enhancing user experience and interface within an e-commerce platform through responsive web design and the integration of an AI-powered chatbot. The research is to investigate methods for content and layout optimisation across a range of screen sizes, measure the influence of AI-driven solutions in improving user interactions, and analyse the impact of responsive design implementation on metrics related to user engagement. React Vite was used in the project's frontend development, allowing for the creation of a flexible and visually appealing user experience. The backend was built with Node.js/Express, which provides stability for handling server-side operations. The database used was MongoDB, which facilitates effective data storing and retrieval. The research methodology incorporated participant feedback collected through surveys and user interactions with the e-commerce platform. Results from the survey showed that responsive design and increased user engagement are strongly associated. Respondents lauded the aesthetic appeal and visual coherence that were preserved across a range of devices, highlighting the significance of responsive design concepts. Limitations in technical integration and resource constraints were encountered, which shaped recommendations for future improvements, such as expanding the chatbot's functionality to include external links and voice prompts. This research proves the potential of AI chatbots to improve navigation in e-commerce applications and emphasises the importance of flexible web design in improving user experiences. To further enhance user interactions, future development will involve expanding chatbot capabilities and improving content layout tactics.
References
- E. S. A. Majid, N. Kamaruddin and Z. Mansor (2015) 'Adaptation of usability principles in responsive web design technique for e-commerce development', 2015 International Conference on Electrical Engineering and Informatics (ICEEI). Available at: 10.1109/ICEEI.2015.7352593.
- R. A. Sukamto, Y. Wibisono and D. G. Agitya (2020) 'Enhancing The User Experience of Portal Website using User-Centered Design Method', 2020 6th International Conference on Science in Information Technology (ICSITech). Available at: 10.1109/ICSITech49800.2020.9392044.
- W. Hasim, S. Wibirama and H. A. Nugroho (2019) 'Redesign of E-Participation using User-Centered Design Approach for Improving User Experience', 2019 International Conference on Information and Communications Technology (ICOIACT). Available at: 10.1109/ICOIACT46704.2019.8938545.
- K. Gustiana Sugosha, R. Andreswari and M. Hardiyanti (2021) 'Design and Implementation of User Interface and User Experience in Online Sales Applications At Sugosha Pharmacy With User Centered Design Method', 2021 International Conference on Advanced Computer Science and Information Systems (ICACSIS). Available at: 10.1109/ICACSIS53237.2021.9631344.
- H. T. Maulana and U. Rosyidah (2022) 'User Experience Model using Concise User- Centered Design in Small and Medium Enterprise E-Commerce', 2022 International Seminar on Application for Technology of Information and Communication (iSemantic). Available at: 10.1109/iSemantic55962.2022.9920381.
- S. Hadzhikoleva, T. Rachovski and E. Hadzhikolev (2018) 'Generalized Net Model for Building Responsive Design of Web Pages', 2018 20th International Symposium on Electrical Apparatus and Technologies (SIELA). Available at: 10.1109/SIELA.2018.8447100. A. Pinandito et al. (2017) 'Analysis of web content delivery effectiveness and efficiency in responsive web design using material design guidelines and User Centered Design', 2017 International Conference on Sustainable Information Engineering and Technology (SIET). Available at: 10.1109/SIET.2017.8304178.
- Wei Jiang et al. (2014) 'Responsive web design mode and application', 2014 IEEE Workshop on Advanced Research and Technology in Industry Applications (WARTIA). Available at: 10.1109/WARTIA.2014.6976522.
- S. Mohorovičić (2013) 'Implementing responsive web design for enhanced web presence', 2013 36th International Convention on Information and Communication Technology, Electronics and Microelectronics (MIPRO).
- J. Lee et al. (2015) 'Responsive Web Design According to the Resolution', 2015 8th International Conference on u- and e-Service, Science and Technology (UNESST). Available at: 10.1109/UNESST.2015.11.
- N. Li and B. Zhang (2019) 'The Design and Implementation of Responsive Web Page Based on HTML5 and CSS3', 2019 International Conference on Machine Learning, Big Data and Business Intelligence (MLBDBI). Available at: 10.1109/MLBDBI48998.2019.00084.
- J. -P. Voutilainen, J. Salonen and T. Mikkonen (2015) 'On the Design of a Responsive User Interface for a Multi-device Web Service', 2015 2nd ACM International Conference on Mobile Software Engineering and Systems. Available at: 10.1109/MobileSoft.2015.16.
- Sudiana, Y. U. Chandra and L. Angela (2021) 'Key Success Factors for a Better User Experience in E-Commerce Website', 2021 International Conference on Information Management and Technology (ICIMTech). Available at: 10.1109/ICIMTech53080.2021.9535076.
- Y. Cheng and B. Dong (2016) 'Analysis and design of campus E-commerce system', 2016 International Conference on Logistics, Informatics and Service Sciences (LISS). Available at: 10.1109/LISS.2016.7854564.
- Chan, F.K.Y. and Thong, J.Y.L. (2009) 'Acceptance of agile methodologies: A critical review and conceptual framework', Decision Support Systems, 46(4), pp. 803-814. Available at: https://doi.org/10.1016/j.dss.2008.11.009
- C. Matthies (2018) 'Scrum2Kanban: Integrating Kanban and Scrum in a University Software Engineering Capstone Course', 2018 IEEE/ACM International Workshop on Software Engineering Education for Millennials (SEEM).
- S. Gupta and N. Gayathri (2022) 'Study of the Software Development Life Cycle and the Function of Testing', 2022 International Interdisciplinary Humanitarian Conference for Sustainability (IIHC). Available at: 10.1109/IIHC55949.2022.10060231.
- L. Liang et al. (2017) 'Express supervision system based on NodeJS and MongoDB', 2017 IEEE/ACIS 16th International Conference on Computer and Information Science (ICIS). Available at: 10.1109/ICIS.2017.7960064.
- Dave Westerveld (2021) API Testing and Development with Postman: A practical guide to creating, testing, and managing APIs for automated software testing.
Index Terms
Keywords