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 identification of the potential usability problems in the portal. The methodology highlights the relative efficacy of each method. The results suggest that the heuristic evaluation identified more usability problems than the usability testing. However, few severe usability problems were identified 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 (Tobii X-30 Hz); 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 identified problems were fixed in the final version of the portal. Afterward, another usability test was carried out to measure the effectiveness and efficiency 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 efficient and effective and the students were satisfied. 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 identified which can then be fixed for achieving maximum user acceptance of the e-learning portals and the similar web portals.

在这项研究中，提出了针对大学生的电子学习门户的开发。该门户基于响应式网页设计，可随时随地在任何设备上访问。包括启发式评估，可用性测试，用户体验调查表和眼动追踪在内的补充用户体验评估方法已被用于全面了解和识别门户中潜在的可用性问题。该方法强调了每种方法的相对功效。结果表明，启发式评估比可用性测试发现了更多的可用性问题。但是，在可用性测试中几乎没有发现严重的可用性问题，并且在启发式评估中并未发现大多数此类问题。有关其他见解，使用眼动仪（Tobii X-30 Hz）跟踪参与者的客观视觉反应；眼睛跟踪数据还有助于揭示门户中的可用性问题。聚集的热图有助于确定门户界面元素的复杂性。所确定的问题已在门户的最终版本中修复。之后，进行了另一个可用性测试，以测量门户的有效性和效率。通过问卷调查还分析了学生对两种版本的看法。根据结果​​，电子学习门户网站似乎是有效和有效的，学生对此感到满意。所提出的方法提高了学生的满意度，从而可以最大程度地利用电子学习门户。