MOBEGO
BEHAVIOR SELF-MONITORING APP
Product
Highly interactive behavior-based self-monitoring and scoring web app that aids in data-based decision making.
Project Roles
Visual Design, UI & UX Implementation,
Illustration, Development,
Quality Assurance
THE CHALLENGE
The MoBeGo teams at the University of Iowa and Vanderbilt University approached Emberex to modernize and enhance their existing app. While several contemporary updates were needed, the primary challenges revolved around key limitations of the original app: it only allowed for the monitoring of a single student at a time, was restricted to a single device—necessitating constant teacher-student handoffs—and was designed exclusively for iPad use. The team required a complete transformation: a multi-user, multi-device, multi-platform solution, coupled with a design overhaul that incorporated engaging features like student avatars and gamification elements.
THE PROCESS
The MoBeGo project began with a good deal of discovery, as we helped the team determine features they would need in their new app, what type of app was needed (native, web app, or PWA), as well as features that could be part of future versions. For budgetary reasons, we began this project as a design-only project intended to show stakeholders the vision for the future of this intervention. Emberex has very successfully helped partner researchers attract additional dollars once decision-makers are able to see the design plan. Shortly after designs were finalized we were given the go ahead to proceed to development!
AVATARS ANYONE?
Anyone building an app for young people -- or anyone who’s met any young people -- knows that they want avatars! We were able to leverage an open source library called Kyute to build a diverse array of characters for students and teachers to choose from. We added a bit of custom functionality to allow users to customize their avatar’s skintone.
FUN AND INTERACTIVE STUDENT EXPERIENCE
Most of what we build here at Emberex is for students. However, we do not always get to build apps with students as the primary users. In this case we got that chance. The student user experience is pretty simple: log in and wait until it’s time to score yourself. We gave users a nice dashboard where they are reminded what behaviors they are working on, can see their recent scores, and see the badges they’ve earned. When scoring, the user experience is colorful and simple. Users get quick feedback from teachers - with emojis and badges. The integration of emojis, badges and the ability to create avatars makes this app incredibly engaging for its young users and increases their chances for behavioral success!
ADMINISTRATION
An app wouldn’t be much of an app without an administrative component. We gave admin users some beautiful easy-to-navigate screens for adding school districts, schools, and teacher and student users.
And as always it’s important for researchers to see data regarding usage and progress with the app, so we’ve added a beautiful easy-to-interpret dashboard, that allows super admin users to see data at any level.
THE RESULTS
MoBeGo now has a visually appealing easy-to-use interactive progressive web app, that allows teachers and students to work together to improve life at school.
TECHNOLOGY
Node.js, React, PostgreSQL, SocketIO
Selected Case Studies
Social Media
© Emberex, Inc. All rights reserved | View our terms and conditions