Development of commercial web portal:UI/UX module for Xcelearn E-Learning platform

Noel Chrisley Edwin

QR Code Link :
Type :	final_year_project
Subject :	LB Theory and practice of education
Main Author :	Noel Chrisley Edwin
Title :	Development of commercial web portal:UI/UX module for Xcelearn E-Learning platform

Place of Production :	Tanjong Malim
Publisher :	Fakulti Seni, Komputeran dan Industri Kreatif
Year of Publication :	2022
Corporate Name :	Universiti Pendidikan Sultan Idris
PDF Guest :	Click to view PDF file
PDF Full Text :	Login required to access this item.

Abstract : Universiti Pendidikan Sultan Idris

The user interface plays a significant role to ensure a good user experience and attract more users to use any system that is made available in the market. Previous research has demonstrated the significance of appropriate User Interface/ User Experience (UI/UX) techniques in the development of any system. The goal of this article is to look at the key features and best practices for creating a website with effective UI/UX design. The information obtained was subsequently used to create the Commercial web portal user interfaces module for the Xcelearn E-Learning platform. The Evolutionary Prototyping (EP) methodology was used for this project. It is used to create a detailed prototype that will assure user and stakeholder satisfaction. The System Usability Scale method has been used in this article to assess the quality of the final product. The survey approach is used to collect feedback from users during the test, with a total of 15 respondents chosen at random. As a consequence, the developed product receives a total of 76.33% of SUS scores, indicating that the project is "Good" in terms of product usability. Due to the numerous inadequacies and problems encountered while carrying out this study, ideas for future improvements are also presented in this article for future researchers to continue investigating on this issue.

References

Andersson, A. (2021). How to design a user-friendly mobile user interface with the power of visual usability. Tampere University of Applied Sciences: Degree Programme in Media and Arts.

Boehm, B. W. (1988). A spiral model of software development and enhancement. Computer, 21(5), 61-72.

Brooke, J. (1996). SUS-A quick and dirty usability scale. Usability evaluation in industry, 189(194), 4-7.

Carr, M., & Verner, J. (1997). Prototyping and software development approaches.

Department of Information Systems, City University of Hong Kong, Hong Kong,

319-338.

Doshi, D., Jain, L., & Gala, K. (2021). REVIEW OF THE SPIRAL MODEL AND ITS APPLICATIONS. International Journal of Engineering Applied Sciences and Technology, 5(12), 2455-2143.

Egger, F.N. (2003) From Interactions to Transactions: Designing the Trust Experience for Business-to-Consumer Electronic Commerce, Technische Universiteit Eindhoven: Eindhoven University of Technology.

Faraoni, M., Rialti, R., Zollo, L. and Pellicelli, A.C. (2019). Exploring e-Loyalty Antecedents in B2C e-Commerce: Empirical results from Italian grocery retailers. British Food Journal, 121(2). 574-589. https://doi.org/10.1108/BFJ-04-2018-0216

Farhan, Wejdan & Razmak, Jamil & Demers, Serge & Laflamme, Simon. (2019). E-learning systems versus instructional communication tools: Developing and

testing a new e-learning user interface from the perspectives of teachers and students. Technology in Society. 59. 101192. 10.1016/j.techsoc.2019.101192.

Finn, Kate & Johnson, Jeff. (2016). Designing for an Aging Population: Toward Universal Design. 1011-1012. 10.1145/2851581.2856669.

Garett, R., Chiu, J., Zhang, L., & Young, S. D. (2016). A Literature Review: Website Design and User Engagement. Online journal of communication and media technologies, 6(3), 1–14.

Johnson, Jeff. (2010). Designing with the Mind in Mind. Designing with the Mind in Mind. 10.1145/2702613.2706667.

Kavindya, A. K., Samarasinghe, V. I., Sanja, H. A. A., Deraniyagala, D. P., & Gunasekara, S. S. J. (2022). Study on Evolutionary Prototype Model over PcD. UcT.

Kumar, A. (2019). Why UI UX is Highly Crucial to a Successful Project.

Law Insider. (n.d.). commercial e-commerce portal Definition. Retrieved July 20, 2022, from https://www.lawinsider.com/dictionary/commercial-e-commerceportal.

Lewis, J. R. (2018). The system usability scale: past, present, and future. International Journal of Human–Computer Interaction, 34(7), 577-590.

Mailizar, Almanthari, A., Maulina, S., & Bruce, S. (2020). Secondary school mathematics teachers’ views on e-learning implementation barriers during the Covid-19 pandemic: The case of Indonesia. Eurasia Journal of Mathematics, Science and Technology Education, 16(7), em1860.

Muslim, E., Moch, B. N., Wilgert, Y., Utami, F. F., & Indriyani, D. (2019, April). User interface redesign of e-commerce platform mobile application (Kudo) through user experience evaluation to increase user attraction. In IOP Conference Series: Materials Science and Engineering (Vol. 508, No. 1, p. 012113). IOP Publishing.

Myers, B., Hudson, S. E., & Pausch, R. (2000). Past, present, and future of user interface software tools. ACM Transactions on Computer-Human Interaction (TOCHI), 7(1), 3-28.

Ofosu-Asare, Y. A. W., Essel, H. B., & Bonsu, F. M. (2019). E-learning graphical user interface development using the ADDIE instruction design model and developmental research: the need to establish validity and reliability. Journal of Global Research in Education and Social Science, 13, 78-83.

Pedersen, L. A., Einarsson, S. S., Rikheim, F. A., & Sandnes, F. E. (2020). User interfaces in dark mode during daytime–improved productivity or just cool-looking?. In Universal Access in Human-Computer Interaction. Design Approaches and Supporting Technologies: 14th International Conference, UAHCI 2020, Held as Part of the 22nd HCI International Conference, HCII 2020, Copenhagen, Denmark, July 19–24, 2020, Proceedings, Part I 22 (pp. 178-187). Springer International Publishing.

Phiriyapokanon, T. (2011). Is a big button interface enough for elderly users?: Towards user interface guidelines for elderly users.

Rafiq, M., Heather, F. and Xiaoming, L. (2013). Building customer loyalty in online retailing: the role of relationship quality. Journal of Marketing Management, 29(3-4). 494-517.

Roth, R. E. (2017). User interface and user experience (UI/UX) design. Geographic Information Science & Technology Body of Knowledge, 2, 1-11.

Reddy, K. S. M., & Kumar, V. V. (2019). A review of conventional SDLC process models. Int. J. Sci. Res. Rev, 8(2), 4186-4191.

Sharma, V., & Kumar Tiwari, A. (2021). A Study on User Interface and User Experience Designs and its Tools. World Journal of Research and Review, 12(6).

Singh, D., Thakur, A., & Chaudhary, A. (2015). A comparative study between waterfall and incremental software development life cycle model. International Journal of Emerging Trends in Science and Technology, 2(4), 2202-8.

Stone, D., Jarrett, C., Woodroffe, M., & Minocha, S. (2005). User interface design and evaluation. Elsevier.

Wigand, R., T. 1997. Electronic Commerce: Definition, Theory, and Context. The Information Society, 13, 1-16.

Winn, A. S., DelSignore, L., Marcus, C., Chiel, L., Freiman, E., Stafford, D., & Newman, L. (2019). Applying Cognitive Learning Strategies to Enhance Learning and Retention in Clinical Teaching Settings. MedEdPORTAL : the journal of teaching and learning resources, 15, 10850. https://doi.org/10.15766/mep_2374-8265.10850

Zenith Webtech. (n.d.). E-COMMERCIAL PORTAL. Retrieved July 20, 2022, from https://www.zenithwebtech.com/web-development/e-commercial-portal.html#:~ :text=An%20e%2Dcommerce%20portal%20is,networks%20such%20as%20the %20Internet.

This material may be protected under Copyright Act which governs the making of photocopies or reproductions of copyrighted materials.
You may use the digitized material for private study, scholarship, or research.

Back to previous page