Please use this identifier to cite or link to this item: https://repositorio.ufu.br/handle/123456789/35293
ORCID:  http://orcid.org/0000-0003-3134-9590
Document type: Trabalho de Conclusão de Curso
Access type: Acesso Aberto
Title: Protótipo de interface mobile para acompanhamento de pacientes de cirurgia bariátrica
Alternate title (s): Mobile interface prototype for monitoring bariatric surgery patients
Author: Campos, Matheus Martins Couto
First Advisor: Santos, Fernando Pasquini
First member of the Committee: Santos, Fernando Pasquini
Second member of the Committee: Milagre, Selme Terezinha
Third member of the Committee: Andrade, Adriano de Oliveira
Summary: De acordo com a Organização Mundial da Saúde (OMS), obesidade é o excesso de gordura corporal, em quantidade que determine prejuízos à saúde. Uma pessoa é considerada obesa quando seu Índice de Massa Corporal (IMC) é maior ou igual a 30 kg/m2 e a faixa de peso normal varia entre 18,5 e 24,9 kg/m2. (Organização Mundial da Saúde). No Brasil, em 2019, uma em cada quatro pessoas de 18 anos ou mais anos de idade estava obesa, o equivalente a 41 milhões de pessoas (IBGE). O que demonstra uma necessidade urgente de reeducação alimentar, práticas esportivas ou em caso de problemas de saúde, a busca por um profissional. O profissional da saúde, em casos em que o paciente não consegue perder peso das maneiras convencionais, pode optar por realizar a cirurgia bariátrica. Devido ao grande acumulo de informações e detalhes presentes nesse exame, busca-se o desenvolvimento de um protótipo de interface mobile que realizará o acompanhamento do processo de pré e pós-operatório dos pacientes e dos médicos. Uma vez que no Hospital Universitário da cidade de Uberlândia viu-se necessário maior organização das informações relacionadas à esse tipo de cirurgia, que estavam sendo armazenadas em caneta e papel, esse protótipo visa monitorar o andamento do processo de cirurgia bariátrica do paciente, podendo verificar agendamentos, visualizar status de exame (agendado, não agendado), busca por orientações relacionadas ao processo pré e pós cirúrgico além da troca de informações com os profissionais de saúde da área. Durante o processo de desenvolvimento do trabalho buscou-se reunir com o setor de enfermagem do Hospital Das Clinicas de Uberlândia para entender as necessidades reais do problema relatado. Foi realizado uma busca na literatura a fim de conhecer os aplicativos já existentes na área para entender padrões de funcionamento, estratégias visuais utilizadas e até mesmo funcionalidades no caso de uma implementação em aplicativo. Os conceitos que regem o projeto são os de Interface do Usuário e Experiência do Usuário, sendo o primeiro a parte do processo que se preocupa com a interação do usuário com a interface, as estratégias visuais, escolhas de ícones e cores. E o segundo se preocupa com as reações do usuário, o seu estado emocional antes da utilização do protótipo, durante e o seu nível de satisfação após o uso. Afim de aprofundar os conhecimentos dos conceitos citados anteriormente foram analisados os seguintes aplicativos: Barilife, PromMera, SeamlessMD, Baritastic. Todos esses são aplicativos voltados pra mesma área de monitoramento de informações relacionadas a cirurgia de gastroplastia e, portanto, servirão de base para busca de informações, ideias e parâmetro para a criação do BariUFU. O protótipo de interface mobile desenvolvido foi desenvolvido no software Figma, que é uma ferramenta muito utilizada por profissionais da área de UX e UI, assim como o Adobe XD. Um diferencial que foi fundamental para a utilização do Figma é que em sua versão gratuita possui todas as funcionalidades necessárias para o desenvolvimento da interface e ainda é possível que o usuário possa simular a utilização de um futuro aplicativo. Por fim é mostrado o resultado final do trabalho, com as telas da interface e o detalhamento de cada uma delas, desde as estratégias de construção como overlay, cores utilizadas, ícones escolhidos até mesmo as funcionalidades de cada botão na tela e a interação desejada em uma possível implementação do trabalho em um aplicativo.
Abstract: According to the World Health Organization (WHO), obesity is excess body fat, in an amount that causes damage to health. A person is considered obese when their Body Mass Index (BMI) is greater than or equal to 30 kg/m2 and the normal weight range varies between 18.5 and 24.9 kg/m2. (World Health Organization). In Brazil, in 2019, one in four people aged 18 or over was obese, equivalent to 41 million people (IBGE). Which demonstrates an urgent need for food reeducation, sports practices or in case of health problems, the search for a professional. The health professional, in cases where the patient cannot lose weight in conventional ways, may choose to perform bariatric surgery. Due to the large accumulation of information and details present in this exam, we seek to develop a prototype of a mobile interface that will monitor the pre- and post-operative process of patients and doctors. Since at the University Hospital of the city of Uberlândia, it was necessary to organize the information related to this type of surgery, which were being stored in pen and paper, this prototype aims to monitor the progress of the patient's bariatric surgery process, being able to verify appointments, view exam status (scheduled, unscheduled), search for guidelines related to the pre and post surgical process, in addition to exchanging information with health professionals in the area. During the work development process, we sought to meet with the nursing sector of the Hospital Das Clinicas de Uberlândia to understand the real needs of the reported problem. A literature search was carried out in order to know the existing applications in the area to understand operating patterns, visual strategies used and even functionalities in the case of an application implementation. The concepts that govern the project are User Interface and User Experience, the first being the part of the process that is concerned with user interaction with the interface, visual strategies, icon and color choices. And the second is concerned with the user's reactions, their emotional state before using the prototype, during and their level of satisfaction after using it. In order to deepen the knowledge of the concepts mentioned above, the following applications were analyzed: Barilife, PromMera, SeamlessMD, Baritastic. All these are applications aimed at the same area of monitoring information related to gastroplasty surgery and, therefore, will serve as a basis for searching for information, ideas and parameters for the creation of BariUFU. The mobile interface prototype developed was developed in Figma software, which is a tool widely used by professionals in the UX and UI area, as well as Adobe XD. A differential that was fundamental for the use of Figma is that in its free version it has all the necessary functionalities for the development of the interface and it is still possible for the user to simulate the use of a future application. Finally, the final result of the work is shown, with the interface screens and the details of each one of them, from the construction strategies such as overlay, colors used, chosen icons, even the functionalities of each button on the screen and the desired interaction in a possible implementation of the work in an application.
Keywords: Obesidade
Cirurgia bariátrica
Protótipo de interface mobile
Figma
User experience
Interface de usuário
Area (s) of CNPq: CNPQ::ENGENHARIAS::ENGENHARIA BIOMEDICA
Language: por
Country: Brasil
Publisher: Universidade Federal de Uberlândia
Quote: CAMPOS, Matheus Martins Couto. Protótipo de interface mobile para acompanhamento de pacientes de cirurgia bariátrica. 2022. 41 f. Trabalho de Conclusão de Curso (Graduação em Engenharia Biomédica) - Universidade Federal de Uberlândia, Uberlândia, 2022.
URI: https://repositorio.ufu.br/handle/123456789/35293
Date of defense: 31-Mar-2022
Appears in Collections:TCC - Engenharia Biomédica

Files in This Item:
File Description SizeFormat 
ProtótipoInterfaceMobile.pdfTCC2.1 MBAdobe PDFThumbnail
View/Open


This item is licensed under a Creative Commons License Creative Commons