Evidence Based Courses
Teens are now the most stressed age group in the U.S., and they live in the most distracting time in history. This makes it harder than ever for teachers to do their jobs. We help students train their brains for calm and focus.
User Research & User Flows
The team at UC Santa Barbara spent years doing rigorous scientific research to create this transformative course. All the content and information hierarchy had been vetted and tested. The goal of this project was to develop an intuitive and engaging app.
The Dial
Drawing inspiration from the very popular Activity Rings on the Apple Watch, I started imagining how I could structure the courses into a single, visual progress bar.
The Journey
After taking a deeper dive with the team, perspective started shifting from the courses being a measure of progress to being more of a “journey.” This way, new courses could become available and instead of users “losing progress” it would be “adding to the user’s journey.” I started looking to the video game industry for help.
Connected UX
Once we had the journey concept mapped out it was time to experiment with the connected user experience of the app. The connected UX keeps users connected to their progress in the journey.
Prototype was built with Invision Studio.
Micro-interactions
Using animation to make the users feel accomplished upon completion of each lesson. Each completed lesson unlocked more in the user’s journey.
Micro-interaction created using Adobe After Effects.
Course Checkpoints
In intervals throughout the course users would be quizzed, but more often they are just asked to give feedback from their own lives. As a required workflow to complete a course, it was important to make this feel as seamless as possible.
iPad
iPad users were our key demographic. Since iPads are used heavily in US classrooms, almost 80% were iPad users. Our journey design allowed us to build our app to work in both orientations on iPad with minimal code changes.
Designed with Sketch with prototype created with Invision
Web
The larger our user base grew, the more use we saw on the web. The original web portal was not responsive or consistent with our app design. The new web design was built more around productivity with a 2 panel approach when the viewport allowed it.
Marketing
The EBC team also asked me to contribute to a responsive web design to market their new platform. After I left the project there were some changes to some of the final details but the layout and functionality is mostly the same.