Computer-based virtual learning environments (CBVLEs) have attracted attention as a learning innovation that can foster students' self-efficacy and intrinsic motivation. Research on the instructional design regarding these aspects of learning in a virtual learning environment is rather piecemeal. This study investigates the instructional design of a CBVLE for mathematical medication learning by nursing students in vocational education. The instructional design was based on a task-centered approach, and students' future learning tasks formed the backbone. We examine the extent to which the CBVLE fostered the nursing students' mathematical learning, self-efficacy, and intrinsic motivation, and the ways in which the design components of the CBVLE met nursing students' satisfaction. In total, 118 nursing students were assigned to four groups, with or without extra support from worked examples, and were trained via the CBVLE on mathematical medication learning tasks over four consecutive weeks. Students were pre- and post-tested on their mathematical medication learning, self-efficacy, and intrinsic motivation. Students also rated their satisfaction with the instructional design. Our results showed that the CBVLE fostered nursing students' mathematical medication learning, self-efficacy, and intrinsic motivation, but no significant differences were found between the four conditions. Overall, student satisfaction was above average. The design components were able to predict nursing students' mathematical medication learning, self-efficacy, and intrinsic motivation.