Project Type: App Design

Mobile and Tablet Native App Designs

Final_Design_Student_Analytics

Student Analytics

Student Analytics

Student Analytics is a responsive data visualization that allows students to visualize their assignment data and see insights from their scores, time spent, submission time and start time.
Role: Information Architect, Business Analyst, User Experience Designer

Project Requirements

  • This design is part of a hybrid app, in which the html+javascript visualization fits within an iOS shell.
  • These assignments need to integrate with the existing reports, timeline and structure of the tablet experience

My Responsibilities

Wireframes

Main Quadrant Visualization This Quadrant Visualization maps a student’s course assignments score and the time spent on the assignment.Assignment DataPoints collapsed along the Score Axis Assignment DataPoints collapsed along the Score AxisAssignment DataPoints collapsed along the Time Spent Axis Assignment DataPoints collapsed along the Time Spent AxisDisplaying all of the classes filtered for the visualization. Displaying all of the classes filtered for the visualization.Displaying all of the assignments filtered for the visualization. Displaying all of the assignments filtered for the visualization.Right Hand Panel with Assignment Details Right Hand Panel with Assignment Details

UI Design

Final_Design_Student_Analytics

Final Design for Student Analytics

Retrospective

Connect Student Mobile Experience

Overview

Connect is a Learning Platform for Higher Education. The Student Experience redesign is an initiative to bring the connect learning experience to tablet and mobile. Students will view and take assignments, and assess progress from their phone or tablet.

Role: Information Architect, UX, Visual Design

Requirements

Platform Constraints

  • Connect has legacy assignments that must be included
  • The instructor experience is being addressed later, so existing settings must be included, but must also be modular enough to be removed.

Wireframes

These wireframes for mixed media question types and playing media on the mobile phone.

I worked on methods of displaying our different media types and unifying the experience for the user.

I worked on methods of displaying our different media types and unifying the experience for the user.

The mobile experience for students required making several assignment types accessible via mobile.

The mobile experience for students required making several assignment types accessible via mobile.

UI Design

For this project I was also the UI designer as well as UX designer. After finishing the project, I collaborated with other designers on the UX team to establish a style guide for future mobile work.

Student assignment experience

Student assignment experience