Designing Usable Gamified Programming Learning Website

The development of learning applications with game elements and features has coined new technique in developing a system called gamification. Gamification refers to the use a set of game elements in a non-game context to increase the engagement between human and computer. Several selected game elements were used in the learning design framework in order to solve new students' engagement problems in learning programming languages course. This paper discusses the use of two inspection methods in usability evaluation namely, Cognitive Walkthrough and Heuristic evaluatiom in the user-centered design process. Cognitive Walkthrough approach is used in the early stage of development in order to improve the functionality and user interface of the low fidelity design. Based on the feedback, a high fidelity prototype is developed and tested using Heuristic evaluation. By employing these evaluation approaches, a usable gamified programming learning website is attained and user engagement of the website will be tested in future study.