UPSI Digital Repository (UDRep)

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

AVAILABLE Final Year Project 948 Views
Scan QR Code to share or view item link:

Digital Assets & Download Files
Guest Preview PDF
Public preview document
Preview PDF
General Information Cached
Title
Development of commercial web portal:UI/UX module for Xcelearn E-Learning platform
Type
Final Year Project
Main Author
Noel Chrisley Edwin
Subject
LB Theory and practice of education
Language Code
eng
Bibliographic Details
Place of Production
Tanjong Malim
Publisher
Fakulti Seni, Komputeran dan Industri Kreatif
Year of publication
2022
Degree Type
First Degree
Corporate Name
Universiti Pendidikan Sultan Idris

Abstract

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-commerce­portal. 

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. 

 


Installed and configured by Bahagian Automasi, Perpustakaan Tuanku Bainun, Universiti Pendidikan Sultan Idris
If you have enquiries, kindly contact us at pustakasys@upsi.edu.my or 016-3630263. Office hours only.