Information Architect for Learning Analytics at University of Michigan

UMSI / Discover is a course exploration guide with an accompanying data visualization that offers students various entry points into navigating university data

Course Exploration Guide screenshot

My team and I developed a live web prototype of UMSI / Discover, an interactive course exploration guide that links courses and skills to career outcomes built on the MAMP technology stack. As a learning analytics project, our primary data comes in the form of anonymized historic student registration information. However, we wanted to avoid using data to create prescriptive outcomes. Instead, we built an interface that uses the data in a descriptive manner, inviting users to explore the re-structured data that encourages their own career exploration.

Accomplishments

  • Team formation and project management
  • Managed data, design, and development teams in parallel
  • ETL Data management: cleaning, aggregation, and DB schema design
  • Designed data visualization prototype for interactive data exploration

My Role

I provided the vision and direction to the team as we tackled the technical and design aspects of this project. This included mapping out the sites information architecture to our data requirements for both the site and data visualization.

Skills & Tools Mastered

Full-Stack Development

HTML, CSS, JS, MAMP (MySQL / PHP)

Data Visualizaton Design & Dev

Sankey diagrams, bubble charts, Interaction / animation design. Angular, Bower, Grunt, JSON, node.js

User Experience Design

Concept mapping, personas & scenarios, storyboarding, bug list, Question-Option-Criteria [QOC] Design Analysis, sketches & alternatives, wireframes, paper mockups, Axure prototype

In-Depth: Parallel Design / Development

Brainstorming for UMSI / Discover involved mapping high, process-level functions with the individual feature-level details. Ideating in this manner allowed us to consider front- and back- end design possibilities and constraints.


The final web prototype seams the front-end HTML / CSS / JS design to the mySQL database through PHP. The prototype demonstrates how the relationships between user-requested data are semantically and visually linked. In this case, related skills and courses are linked together.

select various skills compiled from historic student data
skills and courses linked together
In-depth course descriptions with associated skills and careers
In-depth career descriptions with links to relevant skills and careers

In-Depth: Data Visualization

Career navigation through aggregate student academic histories

Prospective and new students have a common question: how do I select the best courses to achieve my desired goals? We answered this question by providing an interactive data exploration of past students' course selection with career outcomes.

Working with the university, we identified and compiled data on undergraduate majors, alumni jobs, and course information to provide anonymized and aggregated career pathways.


In this view, students can select their respective undergradate focus and then see what careers alumni with a similar background have entered.

Selecting a career pathway then displays various anonymozed alumni course histories to browse.

Other Projects