"Mobile phones are misnamed. They should be called gateways to human knowledge" - Kurzweil (2014)

mLearning Design

OChem AR

A Mobile App using Augemented Reality

This prototype mobile learning app was a small group project to gain experience with wireframing, mobile design, and mlearning design. Considering we were building a theoretical project, we opted to make a learning application using unique technology. With OChemAR learners can see molecules bond and react in 3D using Augmented Reality technology. This app would be a valuable tool for students in General or Organic Chemistry. As this was a class project artifact there is no app to download, however there is an active wireframe prototype for interactive viewing. 

My Role

Project Description

Design Plan

This idea came to us through a group member who was searching for an easier way for students to understand how molecules and atoms bond and react while learning chemisty. He was very interested in AR as a means of delivery and this was my initial introduction to this technology. As a group, we wanted the app to be user friendly, convienent, useful, and fun. To accomplish this, we went through various phases of peer testing and revisions to the wireframe layouts, as well as the functionality and navigation. The app is organized into four main sections: user portal, element selections, AR bonding, and social networking. 

My primary responsibility during the development of this mLearning app was the sections of wireframes dedicated to the periodic table, element organization and selection process. This was an interesting trial and error process which I did not anticipate. I went through various layouts and gripes about which direction the phone would need to be held in order to display the most user friendly and easily accessible periodic table menu. Originally, I hoped the user could tap or select the necessary element on the table to activate the hotspot, but the size of the content on the table made this operation impossible. Therefore, a workaround was created in which I used the color coded family representations to dictate how the user will proceed for the necessary element selection.

Note: You do not have to Create an Account.

Click on the image to continue through the prototype.