On Show

John Carlo M. Ramos

I am a freelance UI/UX designer that uses his skills to make products as accessible and user-friendly as much as possible. I am also experienced in generative and web development with technologies such as HTML, CSS and JS. I am fascinated by the design industry whether it be UI and UX, product, interior, architecture, automotive and fashion. I am also dedicated to making progress, seeing results and doing the absolute best that I can for the clients and for the team.

Eric Arquina is a RN in the oncology ward. As a medical staff member, there is an extensive amount of information to remember. However, not all of it can be memorised. Due to understaffing, he cares for several patients simultaneously. This means that in a critical situation, he does not have enough time to do the research on a particular symptom. He requires a tool that he can use inside and outside of work to quickly look up symptoms, possible causes and appropriate diagnosis. The tool must be efficient enough to quickly search information in the case of emergency. Should he desire to reference that specific information again, he would like a way to bookmark those as well as the freedom to customise his saved material the way he wants it to be organised.

The importance of a style guide is that it provides designers with a sense of direction and little room to stray beyond the design principles. **Chromatics:** The theme for this project is “medical”; that’s why I have chosen the deep sky-blue as the primary colour, light cyan as the secondary colour and slate blue and medium purple as the tertiary colours. This colour palette is inspired by the colours of the scrubs for the nurses in certain medical wards. They were also chosen as they all complement both the light and dark theme, respectively. **Typography:** The Raleway and Montserrat font families were chosen for their contemporary style. It also adds a modern look in addition to its clear readability. **Environment:** Based on Material Design, the meaning of environment refers to objects being stacked or attached to one another but cannot pass through each other. This catalogues the Google Material design system rules of elevation and demonstrates how Material creates depth into their design. **Grids & Spacing:** The Material grids displayed for both smartphones and desktop act as guides for this project. It serves as an example of how contents could be spaced out.

An iteration of the homepage for the Auxillia Diagnostics mobile version.

Project Description

Auxillia Diagnostics is a diagnostic tool for medical staff and medical students. It serves as a reference tool for students, doctors/nurses, general practitioners and/or emergency workers. It allows them to look up symptoms, determine possible causes and recommend appropriate diagnosis.

Project Objectives

Medical staff and students find that researching information about symptoms may take longer than expected. Within the medical and educational industry, this may be an issue due to the fast-paced nature of their field. The aim was to design and develop a reliable system that provides medical personnel the fastest way to get the information that they require. The steps involved in the development of this project were researching the requirements, designing the system, implementing features and testing the application via functional and user testing.

Project Outcomes

In terms of research, based on the literature review of interaction design, it is evident that the focus of interaction design is to cater to the needs of users by thoughtfully regarding the approaches, the five dimensions, the HCI and the four phases of user-centred design. By doing so, the designer can produce a product that will be user-friendly and provide a positive user experience. In terms of design, to fit the criteria of the medical and education space, the project was designed with features of organizability, accessibility, functionality and efficiency in mind. Auxillia Diagnostics is built to be responsive for both mobile and desktop devices. It contains the most important feature of the project, which is the quick search functionality. Along with the dashboard, the first feature that the user will see is the dynamic and predictive text search bar. The user may enter certain key characters of the symptom they may be searching for. Once they do so, the search bar will filter through the API and activate the predictive text function. This will then prompt the symptoms that match the characters within a dropdown and allow the user to tap/click on the specific symptom, which will then place them on the symptom information page.

Auxillia Diagnostics - Medical Diagnostic and Reference Tool - Thesis

The thesis contains chapters of the steps taken and research done to design and develop this project. It outlines the requirements to develop the system, the research findings for interaction and user-centred design, the iteration of the design, the structure of the project, the implementation of functionalities and features, functional testing and user testing.

Download My Thesis PDF

2021 2022 2023 2024

All coursesClose

Top