UX •UI

app medcel - medical student app

Project goal

The study app "Área do Aluno Medcel" is an iteration of a desktop web version concept that was developed two years before this version.The app serves the purpose of offering a digital interface for medicine students and doctors in different stages of their careers to study for tests related to their careers.

The main goal is to offer content based on different media, such as videos, podcasts, e-books and measuring their progress in the different subjects through simulation exams, so they can have a clear idea of how they will perform in those examinations.

Client: Medcel Afya
Timeline: 6 months
Team size: 3

Year: 2017 / 2018
Role: UX/UI Designer
Platform: Mobile App

Achievements: Release of the first mobile app version of the platform, allowing students to study ‘on-the-go’.

Increasing engagement and adopting new patterns that are user-centered, based on findings from research.

stakeholder INTERVIEWS

In-depth interviews with key stakeholders kickstarted the research phase. This approach served two crucial purposes:

  1. Eliciting Expectations: Aligning with the company's goals by understanding their vision and desired functionalities for the application.

  2. Gathering Departmental Insights: Capturing the specific needs and perspectives of each team involved, fostering collaboration.

A meticulously crafted interview script ensured focused discussions, uncovering the specific demands of each stakeholder. This comprehensive engagement established a solid foundation for the design process, ensuring alignment with stakeholder objectives and user needs.

The learnings of these interviews were translated in How Might We’s…

HMW…
make sure the app is used throughout the students career?

HMW…
have our students recommend our app?

HMW…
position the company as a reference in Edtech?

HMW…
offer the safety of approval in the exams?

HMW…
attract more saled with the app?

HMW…
avoid fake and shared accounts?

HMW…
have good reviews on the app stores?

HMW…
increase student engagement?

USER INTERVIEWS

Following stakeholder engagement, the focus shifted to understanding student needs. To define the parameters of an ideal learning experience and identify features that would optimize test performance, we conducted in-person user interviews.

Meeting with students currently using the platform allowed the design team to:

  • Gather firsthand insights: Gain a deeper understanding of individual student realities and common career aspirations.

  • Emphasize open dialogue: Through guided conversations, we actively listened to student experiences with the platform, challenges they faced, and their desired functionalities.

This user-centered approach provided invaluable data for developing personas and crafting a mobile app that addresses the specific needs and learning preferences of student doctors.

The insights were translated into a series of user personas:

Needs

  • Increase content consumption;

  • Measure your performance;

  • Discipline in studies.

Wishes

  • Greater contact with other students and doctors in the area;

  • Ease of accounting for the studied content;

  • Improvements to the simulation tool.

Needs

  • Study between college and internship breaks;

  • Save the cell phone internet plan;

  • Discipline in studies;

Wishes

  • Offline classes to study in the internship;

  • Tool to organize your notes;

  • Content aligned with the day-to-day of the internship.

Needs

  • Read while traveling;

  • Specific study plans for the institutions of your choice;

  • Monitor consumption and personal performance;

Wishes

  • Be able to measure the study by books;

  • Social tools inserted within the platform;

  • Personalized content for the institutions of your choice.

Needs

  • Speed in the search for the content you need to study;

  • Simple interface with few clicks;

  • Specific content for the first years of graduation;

Wishes

  • Study plan aligned to the university curriculum;

  • Receive news and updates about medicine;

  • Get to know better the residency exam;

Learning experience

Leveraging stakeholder and student insights, a learning journey analysis was conducted. This study mapped student usage patterns of learning objects (podcasts, videos, simulations) throughout their year-long preparation, identifying the role and effectiveness of each format in the learning process.

Low fidelity wireframes

First wireframes were drafted based on internal and external data insights, a benchmarking of competitors and good practices of UX Design.

high-fidelity wireframes

Login screens

User testing, conducted both locally and remotely, informed iterative refinements of the wireframes, resulting in the following designs:

Course selection, menu navigation and homepage
topic & subject category page
video and podcast player
minimized player - combination with e-books and notes

Final UI

After refining designs with User feedback, stakholder input and engineering, the wireframes were used to set up the app’s architecture and technical implementation, while I would work with the team on the final UI

Homepage

On the homepage, the students have a first look at the video classes that are suggested to them, based on an algorithm that is calculated using information about their performance, most desired exams (based on institutions) and an overall look at the different medical subjects.

Homepage

progress

navigation

The icons also display the progress in each individual subject based on the total amount of content consumed and the correct answers in the quizzes.

On the bottom, there is a quick navigation to help students quickly find the content based on the media format. From the user research it was shown to be an important selection for the students.
From this navigatiob they can switch between Podcasts, E-books, Homepage, Videos and Tests

Menu

The menu includes complementary features such as a calendar, the option to switch course selection, performance dashboard, downloads and notes. Also includes the personal account settings and a logout.

Subject page

This is a page that compiles all content from a single subject.
Inside every subject there is a list of the recommended content, followed by a full list of all content belonging to that subject.

Video player

The video player includes functionalities such as: download slides presentation from class, take notes on the video, download and full screen. Also the standard functionalities such as play, pause, rewind and skip 30 seconds.

Every content is also linked to a set of 5 quiz questions, from the institutions the student has chosen, related videos and podcasts from the same subject and the e-book chapter for complementary reading.

Simulation

In the simulation exams area it is possible to practice on real exams from recognised institutions. There is a overview of the exams of the selected institutions, a performance report and a list of all questions answered by the student for revision.

Student dashboard

In the V1 of this app, a dashboard was designed as a tool not only to track individual performance but also to compare the student’s results to their competitors. This way they can know what is the probability of being approved in those exams and what subjects they need to put on extra effort.

The dashboard feature was later on iterated, to visualize this project, click on the button below