Design and Evaluation of Interactive Learning Story and User Interface Prototyping for Mobile Responsive Learning Application

With the limitations of instructional design, it provides negative learning outcomes to the students. To overcome this issue, it is essential to design learning more interactive with relevant scenarios and story. Besides that, developing a user interface for mobile responsive system requires a careful consideration and users’ feedback. In this study, the authors not only proposed the overall framework of interactive learning story, but also conducted a simple evaluation to determine its quality for learning. In order to further development, the user interface designed in this project follows the flat design concept and responsive mobile design. To understand the actual learning experience, this prototyping was continuously tested for improvement. The findings of this study are used for the next phase of system development and validation.