Browse > Article
http://dx.doi.org/10.3837/tiis.2021.09.005

Interface Design for E-Learning: Investigating Design Characteristics of Colour and Graphic Elements for Generation Z  

Nordin, Hazwani (Faculty of Technology and Information Science, Universiti Kebangsaan Malaysia)
Singh, Dalbir (Faculty of Technology and Information Science, Universiti Kebangsaan Malaysia)
Mansor, Zulkefli (Faculty of Technology and Information Science, Universiti Kebangsaan Malaysia)
Publication Information
KSII Transactions on Internet and Information Systems (TIIS) / v.15, no.9, 2021 , pp. 3169-3185 More about this Journal
Abstract
The majority of students in higher education institutions are among generation Z. They have always depended on e-learning to support their learning activities. Therefore, higher education institutions should provide an attractive e-learning platform. E-learning interface design should be reviewed frequently to smoothen the interaction between students and the e-learning system. It is because interface design that fulfils generation Z students' preferences and expectations may upsurge their participation in e-learning. However, interface design has continually been condemned and turn out to be part of the problem that contributes to the failure of e-learning. Lack of consideration about generation Z students' preferences towards the interface design of e-learning is the factor that leads to these causes. Therefore, this study focused on identifying design characteristics of colour and graphic elements of e-learning from generation Z students' perception. This research involved a purposive sampling method for questionnaire among students of generation Z. The findings from this study could help e-learning developers to design the interface of e-learning that is suitable for generation Z students that will consider color and graphic as important characteristics.
Keywords
interface design; graphic; colour; e-learning; generation Z;
Citations & Related Records
연도 인용수 순위
  • Reference
1 M. Aparicio, F. Bacao, and T. Oliveira, "Cultural impacts on e-learning systems' success," Internet High. Educ., vol. 31, pp. 58-70, 2016.   DOI
2 H. Abuhassna, M. A. Z. M. Zakaria, N. Yahya, A. M. Kosnin, and W. M. Al-Rahmi, "Examining Students' Satisfaction and Learning Autonomy through Web-Based Courses," Int. J. Adv. Trends Comput. Sci. Eng., vol. 9, no. 1, pp. 356-370, 2020.
3 A. Baharum et al., "Evaluating the Localization for E-learning Website : Case study in Universiti Malaysia Sabah," in Proc. of 2017 International Conference on Platform Technology and Service (PlatCon), Busan., pp. 1-6, 2017.
4 O. Korableva, T. Durand, O. Kalimullina, and I. Stepanova, "Studying User Satisfaction with the MOOC Platform Interfaces Using the Example of Coursera and Open Education Platforms," in Proc. of the 2019 International Conference on Big Data and Education, pp. 26-30, 2019.
5 A. G. Persada, "Indonesian Cultural Preference in Designing User Interface," in Proc. of MATEC Web of Conferences, 2018.
6 K. Reinecke, "Culturally Adaptive User Interfaces," Ph.D thesis, Dept. Inf., Zurich Univ. Germany, 2010.
7 S. J. Kim, K. Lee, and Y. Park, "Balancing Fun and Learning through a User Interface : A Case Study of Wii Game," KSII Trans. Internet Inf. Syst., vol. 13, no. 7, pp. 3638-3653, 2019.   DOI
8 E. Yu, "Student-Inspired Optimal Design of Online Learning for Generation Z," J. Educ. Online, vol. 17, no. 1, 2020.
9 Emily Gaston, "Designing Websites For Different Generations," 2020. [Online]. Available: https://www.usdigitalpartners.com/designing-websites-for-different-generations. Accessed on: February 19, 2021.
10 R. Rusdi, S. Fadzilah, and M. A. T. Noor, "Usability Guidelines for Elderly Website Interface," Asia-Pacific J. Inf. Technol. Multimed., vol. 6, no. 2, pp. 107-120, 2017.
11 N. Saidin, D. Singh, Z. A. M. Drus, and Z. A. Mohd Drus, "Culture Centered Design : Reviews on Cultural Factors Influencing Interface Design Elements," Pertanika J. Sch. Res. Rev., vol. 3, no. 1, pp. 42-54, 2017.
12 I. Zurida, "Model antara muka pengguna mengikut dimensi budaya Malaysia," Ph.D thesis, Softw. Tech. Mgmt., Univ. Keb. Malaysia, Malaysia, 2016.
13 J. Zanariah, M. Shamsuri, M. Saad, and H. Janor, "Analyzing a Reflection of Uncertainty Avoidance Index Between Malaysian and Australian University Websites," Asian J. Inf. Technol., vol. 16, no. 1, pp. 88-94, 2017.
14 M. R. Hanifa and H. B. Santoso, "Evaluation and Recommendations for the Instructional Design and User Interface Design of Coursera MOOC Platform," in Proc. of 2019 International Conference on Advanced Computer Science and information Systems (ICACSIS), pp. 417-424, 2019.
15 J. A. Kumar, B. Muniandy, and W. A. J. W. Yahaya, "Exploring the effects of visual aesthetics in e-learning for engineering students," Knowl. Manag. E-Learning, vol. 10, no. 3, pp. 250-264, 2018.
16 A. S. Adnan, M. Ali, and R. Ahmad, "The Utilisation of Visual Elements on Interface Design of e-learning," in Proc. of International Conference on Information Technology & Society, no. June, pp. 273-279, 2015.
17 S. Nizamani, S. Nizamani, K. Khoumbati, S. Nizamani, S. Memon, and N. Basir, "Cultural preferences of Pakistan for the university website design," in Proc. of 2018 International Conference on Information and Communication Technology for the Muslim World (ICT4M), no. 70, pp. 323-328, 2018.
18 E. Schroeder, "What Different Generations Need From User-First Design," Stickplan, 2018. [Online]. Available: https://slickplan.com/blog/user-first-design-for-different-generations. Accessed on: February 20, 2021
19 M. M. Ariffin, F. Azureen, A. Halim, and N. Abd, "Mobile Application for Dyscalculia Children in Malaysia," in Proc. of the 6th International Conference on Computing and Informatics (ICOCI 2017), pp. 467-472, 2017.
20 M. Zhafri, Mohd Zukhi, A. Hussain, and H. Husni, "Culturicon Design Model for Social Mobile Application," Int. J. Interact. Mob. Technol., vol. 14, no. 5, pp. 16-31, 2020.   DOI
21 A. H. Alsswey, H. Al-Samarraie, F. A. El-qirem, A. I. Alzahrani, and O. Alfarraj, "Culture in the design of mHealth UI An effort to increase acceptance among culturally specific groups," Electron. Libr., vol. 38, no. 2, pp. 257-272, 2020.   DOI
22 J. Selthofer, "Visual presentation and communication of Croatian academic websites," Inf. Res., vol. 23, no. 1, 2018.
23 M. Zainuddin, I. Md.Yasin, I. Arif, and A. B. A. Hamid, "Alternative Cross-Cultural Theories : Why Still Hofstede?," in Proc. of International Conference on Economics, Management and Social Study 2018, Jakarta, Indonesia, pp. 4-6, 2018.
24 N. A. Karim, Z. Shukur, and M. Ghazal, "Proposed features of online examination interface design," Comput. Hum. Behav., vol. 64, pp. 414-422, 2016.   DOI
25 W. Husain, A. Ibrahim, and A. M. Shahiri, "User Interface Design for Elderly Mobile Assistive Systems," in Proc. of Information Systems International Conference (ISICO), 2015.
26 F. Vyncke, L. Van Hove, and M. Brengman, "Cultural congruence of Websites: conscious, unconscious or coincidental? The case of Honda Cars," Inf. Res., vol. 24, no. 3, 2019.
27 H. Nordin, D. Singh, and Z. Mansor, "An Empirical Study of e-Learning Interface Design Elements for Generation Z," Int. J. Adv. Comput. Sci. Appl., vol. 11, no. 9, pp. 507-515, 2020.
28 W. Swasty and A. R. Adriyanto, "Does Color Matter on Web User Interface," CommIT (Communication Inf. Technol. J., vol. 11, no. 1, pp. 17-24, 2017.   DOI
29 A. Marcus and C. Alexander, "User validation of cultural dimensions of a website.," Usability and Internationalization, Global and Local User Interfaces, pp. 160-167, 2007.
30 F. Mahmood, W. A. W. Adnan, N. L. M. Noor, F. M. Saman, and Z. A. Nasruddin, "User Perception Towards Cultural-Based E-Government Portal Design," in Proc. of APIT 2019, pp. 65-69, 2019.
31 Nielsen, "Undertstanding Malaysia's Gen Z.. and How to Reach Them," Nielsen Global, 2019.
32 L. Aljasmi and H. Alobaidy, "The Cultural Impact on User Interface Design : The Case of e-Government services of Kingdom of Bahrain," in Proc. of 2018 International Conference on Innovation and Intelligence for Informatics, Computing, and Technologies (3ICT), pp. 1-10, 2018.
33 O. Olurinola and O. Tayo, "Colour in Learning: It's Effect on the Retention Rate of Graduate Students," J. Educ. Pract., vol. 6, no. 14, pp. 1-5, 2015.
34 Z. R. Ratna, "Model reka bentuk antara muka permainan komputer berasaskan nilai budaya," Ph.D thesis, Softw. Tech. Mgmt., Univ. Keb. Malaysia, Malaysia, 2016.
35 C. Zhu, "Re-examining cross-cultural user interface design indicators: An empirical study," M.S thesis, Dept. Behav. Mgmt. Soc. Sci. Twente Univ. Netherlands, 2015.
36 M. Mirabolghasemi, N. A. Iahad, and S. H. Choshaly, "Microblogging in Higher Education: A Comparative Study," Asia-Pacific J. Inf. Technol. Multimed., vol. 6, no. 2, pp. 65-75, 2017.   DOI
37 M. T. Mulyadi and N. A. Mat Zin, "MMORPG Game Framework based on Learning Style for Learning Computer Networking," Asia-Pacific J. Inf. Technol. Multimed., vol. 8, no. 1, pp. 63-77, 2019.   DOI
38 C. Seemiller and M. Grace, "Generation Z: Educating and Engaging the Next Generation of Students," About Campus, vol. 22, no. 3, pp. 21-26, 2017.   DOI
39 C. Risse, "Cross cultural Interface design. How does culture affect UI design?," 2017. [Online]. Available: https://medium.com/@cynthiarisse/cross-cultural-interface-design-1f259a8fbcdc. Accessed on: 22 February 2021
40 S. Wartna and C. Risse, "Designing for Culture," Dynamic Design Magazzine, 2019. [Online]. Available: https://medium.com/@cynthiarisse/designing-for-culture-be0d8be92422.
41 E. Callahan, "Cultural Similarities and Differences in the Design of University Web sites," J. Comput. Commun., vol. 11, no. 1, pp. 239-273, 2005.
42 TheStar, "Cryptic lives of Malaysia's Gen Z decoded," The Star, 2019. [Online]. Available: https://www.thestar.com.my/business/business-news/2019/12/02/cryptic-lives-of-malaysiasgen-z-decoded. Accessed on: February 21 2021.
43 M. S. M. Salleh, N. N. Mahbob, and N. S. Baharudin, "Overview of 'Generation Z' Behavioural Characteristic and its Effect towards Hostel Facility," Int. J. Real Estate Stud., vol. 11, no. 2, 2017.
44 A. Baharum, P. Turumugon, N. H. Mat Zain, C. P. Yee, S. Dullah, and F. A. Lahin, "Evaluation of Localization for E-Learning Website : a Preliminary Study," in Proc. of the 6th International Conference on Computing & Informatics, pp. 541-546, 2017.
45 M. A. Nasrul, K. M. Nor, M. Masrom, and A. Syarief, "Website user interface characteristics for multiracial settings in Malaysia," in Proc. of 2012 International Conference on Innovation, Management and Technology Research, no. April, pp. 252-257, 2012.
46 L. M. Hasani, H. B. Santoso, and R. Y. K. Isal, "Designing Alternative Interface Design of e-Learning Modules based on Felder-Silverman Learning Styles and User Centered Design Approach," in Proc. of 2019 International Conference on Advanced Computer Science and information Systems (ICACSIS), pp. 459-464, 2019.
47 S. Liu, T. Liang, S. Shao, and J. U. N. Kong, "Evaluating Localized MOOCs : The Role of Culture on Interface Design and User Experience," IEEE Access, vol. 8, pp. 107927-107940, 2020.   DOI
48 F. Tjiptono, G. Khan, and E. S. Yeong, "Generation Z in Malaysia : The Four ' E ' Generation," in The New Generaation Z in Asia: Dynamics, Differences, Digitalisation The Changing Context of Managing People, Emerald Publishing Limited, pp. 149-163, 2020.
49 StatCounter, "Social Media Stats Malaysia _ StatCounter Global Stats," 2020. [Online]. Available: https://gs.statcounter.com/social-media-stats/all/malaysia. Accessed on: February 21 2021.
50 TheSunDaily, "Trailblazers of the future," The Sun Daily, 2019. [Online]. Available: https://www.thesundaily.my/supplement/postgrad/trailblazers-of-the-future-DF601555. Accessed on: February 21 2021
51 H. Cha and T. Park, "Applying and Evaluating Visualization Design Guidelines for a MOOC Dashboard to Facilitate Self-Regulated Learning Based on Learning Analytics," KSII Trans. Internet Inf. Syst., vol. 13, no. 6, pp. 2799-2823, 2019.   DOI
52 L. Qui, Y. Liu, and Y. Liu, "An Integrated Framework With Feature Selection for Dropout Prediction in Massive Open Online Courses," IEEE Access, vol. 6, pp. 71474-71484, 2018.   DOI
53 N. Bonnardel, A. Piolat, and L. Le Bigot, "The impact of colour on Website appeal and users' cognitive processes," Displays, vol. 32, no. 2, pp. 69-80, 2011.   DOI
54 D. Dwidienawati, S. B. Abdinagoro, D. Tjahjana, D. Gandasari, and Munawaroh, "Forced Shifting to e-Learning during the COVID-19 Outbreak: Information Quality, System Quality, Service Quality, and Goal Orientation influence to e-Learning Satisfaction and Perceived Performance," Int. J. Adv. Trends Comput. Sci. Eng., vol. 9, no. 2, pp. 1518-1525, 2020.   DOI
55 R. V Krejcie and D. W. Morgan, "Determining Sample Size for Research Activities," Educ. Psychol. Meas., vol. 30, no. 3, pp. 607-610, 1970.   DOI
56 J. Cao, K. Zieba, K. Stryjewski, and M. Ellis, Color Theory in Web UI Design: A Practical Approach to the Principles. UXPin Inc, 2015. [Online]. Available: https://s3.amazonaws.com/uxpin/uxpin_color_theory_in_web_ui_design.pdf
57 R. Cermak and Z. Smutny, "A Framework for Cultural Localization of Websites and for Improving Their Commercial Utilization," in Proc. of Global Observations of the Influence of Culture on Consumer Buying Behavior, pp. 206-232, 2018.
58 C. Cousins, "Web Design Trend: Color Blocking," 2012. [Online]. Available: https://www.queness.com/post/13302/web-design-trend-color-blocking
59 H. Ullah and A. Alhusseini, "Optimized Web Design in the Saudi Culture," in Proc. of Science and Information Conference 2015, pp. 906-915, 2015.
60 M. A. Ibrahim, N. S. @ Ashaari, and T. S. M. T. Wook, "Colour Impressions Framework," in Proc. of The 4th International Conference on Electrical Engineering and Informatics (ICEEI 2013), vol. 11, pp. 305-311, 2013.
61 G. Vitols and Y. Vitols-hirata, "Impact of Culture Dimensions Model on Cross-Cultural Website Development," in Proc. of the 20th International Conference on Enterprise Information Systems (ICEIS 2018), pp. 540-546, 2018.