TeachPD Mobile App

For this project, I wanted to create a settings page for an e-learning app, TeachPD. This app is for educators seeking professional development and wanting to level up their teaching practice. It has an easy-to-use interface that allows educators to pace their learning.

When I started, the first thing I did was research best practices for e-learning platforms, specifically what features belong on the settings page. I explored other e-learning platforms like Udemy and Coursera to get a feel for how a settings page looks.

Starting with Information Architecture, important and relevant settings stay at the top for easy access. In this case, the mode switch is clear and easy to find at the top of the list. It is important to note that the educator's main goal is to be able to have a seamless ride with the learning material. making high priority more visible and at the top is essential to achieving this.

I also added an alert badge to notify the user of urgent needs and draw their attention to a priority feature.

I grouped the features because sectioning settings reduce mental clutter, enhance how the users interact with the page, and make navigation easy.

I used simple language because straightforward language helps to reduce cognitive load.

Also, I chose the toggle buttons to optimise usability. The user can easily recognise active and inactive states without thinking too hard. I used generic 'success' and 'error' colours so the educator isn't confused by them.

I have also tried my best to section my project so that anyone can go through it easily.

Looking forward to your reviews.