In this study, the development of an e-learning portal for university students is presented. The portal is based on responsive web design which is accessible from anywhere, at any time and on any device. A complementary user experience evaluation
methodology consisting of heuristic evaluation, usability testing, user experience questionnaire, and eye tracking has been applied to get a holistic understanding and identiο¬cation of the potential usability problems in the portal. The methodology
highlights the relative eο¬cacy of each method. The results suggest that the heuristic evaluation identiο¬ed more usability problems than the usability testing. However, few severe usability problems were identiο¬ed in the usability testing and most
of them were not spotted in the heuristic evaluation. For additional insights, the participantsβ objective visual responses were tracked using an eye tracker; the eye tracking data were also helpful in revealing the usability issues within the portal. The aggregated heat maps were helpful in identifying the complexity of the interface elements of the portal. The identiο¬ed problems were ο¬xed in the ο¬nal version of the portal. Afterward, another usability test was carried out to measure
the eο¬ectiveness and eο¬ciency of the portal. The studentsβ perceptions regarding both versions were also analyzed through the questionnaire. According to the results, the e-learning portal seems to be eο¬cient and eο¬ective and the students were
satisο¬ed. The proposed methodology resulted in increasing the satisfaction of the students which can lead to the maximum utilization of the e-learning portal. It is recommended that by integrating these evaluation methods, many usability problems
can be identiο¬ed which can then be ο¬xed for achieving maximum user acceptance of the e-learning portals and the similar web portals.
