There is a conception among researchers that every student has his or her own learning style preferences. One student cannot be treated as same as the other students. A specific strategy is required to provide a learning environment that is suitable for different students’ preferences. In the context of technology-enhanced learning, it is urgently necessary to design an adaptive e-learning system based on multiple learning criteria. This paper presents the design of a user interface for an e-learning system that can adapt to multiple learning styles and initial knowledge levels. To evaluate the design concept, an application has been developed and then tested based upon a functional test approach. As a result, it was found that the elearning system could react as intended, presenting the learning material and navigation components based on both the learning styles and initial knowledge of the students.