FOR MORE INTERNATIONAL DESIGN IDEAS AND EDGE - CUTTING VISIONS
PLEASE CONTACT ME WITH

MG programming teaching website interface design.MG programming is a website for procedure language learning online. Users can learn and browse the website according to the courses they selected. This website emphasizes on learning steps and individual’s accumulation of procedure language ability system during the learning process.

Drawer type content display.For interaction and vision, different procedure language courses are classified by different colors, and expanded interaction is also adopted to display the course and learning progress in the whole website.

Metaphorical interaction of transition animation,The individual page will be naturally transited when the head portrait on home page is amplified after clicking. From this page, we can find the progress of each course, the time of learning everyday and the mastery degree of each language. As many courses require users to master several kinds of procedure language, the mastery degree of language becomes the necessary condition to judge whether a new course can be learned.

MG 程序教学网站界面设计,MG编程是一款在线学习程序语言的网站,用户可以根据自己选择的课程在网站上学习浏览。在产品上网站比较偏重于学习的步骤和个人在学习过程中程序语言能力体系的积累。

抽屉式内容展示。交互和视觉上通过颜色划分出不同程序语言的课程,并采用展开式的交互来展示全站的课程和学习进度。

过渡动画的隐喻交互。点击首页头像放大之后自然过渡到个人页面,在这个页面中可以看到所学每套课程的进度情况,每天的学习时间,和对每种语言的掌握程度。因为很多课程需要掌握多种程序语言,所以语言的掌握程度是判断是否可以学习新课程的必要条件。

MG Programming Teaching