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.
Keywords E-learning portal · Heuristic evaluation · Usability testing · User experience · User experience questionnaire Eye tracking