João da Silva
CONCEDENTE XX/XX/XXXX - XX/XX/XXXX
Marcella Echer Kaliffe
ANESTECH 01/02/2019 - 03/07/2019
3 1.1 IDENTIFICAÇÃO DO ESTAGIÁRIO
Nome: Marcella Echer Kaliffe Matrícula: 14204717
Habilitação: Design
E-mail: [email protected] Telefone: (48) 9 9664-6611
1.2 DADOS DO ESTÁGIO
Concedente: Anestech - Innovation Rising Período Previsto: 01/02/2019 - 14/07/2019
Período referente a este relatório: 01/02/2019 a 03/07/2019 Supervisor/Preceptor: Robert Rony dos Santos Burga Jornada Semanal/Horário: 4h/20h
Assinatura da concedente (ou representante):
Patrícia Ilha Schuelter Diretora Operacional da Anestech
1.3 PROGRAMA DE ATIVIDADES
Objetivo do estágio: Colocar em práticas os conteúdos aprendidos na faculdade;
Estar em contato com o mercado de trabalho e adaptar-se à sua dinâmica; Exercitar a criatividade, buscar aprendizado e ganhar experiência.
Objeto(s) do estágio:
Programa de atividades (PAE): Participar das atividades realizadas dentro
da equipe de Design da Anestech. As atividades englobam as áreas de Design Editorial, com a diagramação de relatórios e Design Digital com a realização e renovação de aplicativos para celulares e tablets.
1.4 SITUAÇÃO ENCONTRADA
Resumo da situação da empresa em relação ao Design: A Anestech é uma empresa
de porte pequeno que trabalha na área de inovação na saúde, com foco principal no desenvolvimento do aplicativo AxReg. Atualmente a empresa conta com 12 funcionários, sendo a equipe de Design formada por mim, mais um estagiário e o nosso orientador, designer já formado.
Acredito que o Design é bem valorizado dentro da empresa e que as pessoas dos outros setores entendem o valor e o peso que tem a profissão de designer.
O que foi abordado no estágio: Pequisa de público-alvo, busca por referências,
criação de wireframes e telas para aplicativo de tablet e celular, UX Writing de e-mails internos do AxReg, bateria de testes de erros e bugs do AxReg, apresentações institucionais,
Atuação na área gráfica: UI (User interface),
Atuação na área informatizada (mídias): os softwares utilizados foram: Sketch,
Zeplin, Adobe InDesign, Adobe Illustrator, Adobe Photoshop, Keynote.
1.5 ESTRUTURA PARA REALIZAÇÃO DO ESTÁGIO
Infra-estrutura física disponibilizada: Uma sala comercial, dentro do MidiTech,
7 funcionarios e uma menor com 3 funcionários.
Cada um possui o equipamento necessário para realização de suas atividades. No meu caso, foram disponibilizados um computador de mesa com os softwares instalados, duas telas, um mouse e um teclado.
A localização do Design na estrutura organizacional da empresa: não existe
separação física dos setores na empresa, todos trabalham no mesmo local.
O local, na estrutura organizacional da empresa, (diretoria, departamento, etc) onde foi realizado o estágio: Departamento de Design
Data do início do estágio: 01/02/2019
Data de encerramento do estágio: 14/07/2019 Carga horária diária: 4h
Horário diário do estágio (entrada e saída): Terça-feira 9h - 17h / Quarta-feira 9h
-13h / Sexta-feira 9h -17h
1.6 ORIENTADOR DO ESTAGIÁRIO
Nome: Prof. Luciano Patrício Souza de Castro, Dr.
Formação e cargo: Graduação em Desenho Técnico pela Universidade do Estado
de Santa Catarina (1997), mestrado em Engenharia de Produção pela Universidade Federal de Santa Catarina (2002) na área de Gestão do Design e do Produto e doutorado em Engenharia e Gestão do Conhecimento pela Universidade Federal de Santa Catarina (2010) na área de Mídia do Conhecimento.
Contatos (telefone/e-mail): Telefone: (48) 3721-2434
2.1 QUADRO CONTENDO:
a) Cronograma com as atividades (projetos) nos quais houve a participação do estagiário (preferencialmente relacionando as datas ou períodos de realização);
b) Tarefas (estabelecidas no PAE) desempenhadas pelo estagiário em cada atividade (projeto) e as horas de trabalho para cumprimento de cada tarefa
c) Se necessário, uma relação complementar de atividades não relacionadas diretamente ao PAE que tenham consumido parcela de tempo representativa em relação à carga horária do estágio.
Semana/Mês Atividade desenvolvida
1/Fevereiro Introdução ao ambiente da empresa Introdução ao app AxCalc
2/Fevereiro Início da pesquisa para o App AxCalc Criação dos questionários
Estudos do app e de app similares 3/Fevereiro Organização dos resultados da pesquisa
Buscar por referências estéticas
4/Fevereiro Finalização dos resultados das pesquisas 1/Março Fluxo
Wireframes
2/Março Introdução ao app AxReg
Criação de e-mails para o AxReg (UX Writing) 3/Março Criação das telas de perfil do app AxReg
1/Abril Apresetação para evento Startse
Geração de QRCodes para convites do evento Anestesia 4.0 2/Abril Diagramação folder AxReg
3/Abril Analise de usabilidade do Axreg - Geral
4/Abril Analise de usabilidade do Axreg - Procedimentos
1/Maio Analise de usabilidade do Axreg - Avaliação pré-anestésica 2/Maio Analise de usabilidade do Axreg - Ficha anestésica
trans-operatória
11 4/Maio Identificação de erros e bugs AxReg
1/Junho Roteiro Vídeo EaD do app AxReg - Procedimentos e Lateralidade
2/Junho Roteiro Vídeo EaD do app - Passagens de caso Roteiro Vídeo EaD do app - Suporte
3/Junho Digitalização de materiais institucionais - Fluxograma de automação de vendas; Ampulhetas do fluxo captação de clientes
4/Junho Digitalização de materiais institucionais - Ampulhetas do fluxo captação de clientes
13 2.2 APRESENTAÇÃO DE CADA AÇÃO
a) AÇÃO 1:
Redesign do app AxCalc
Briefing: Realizar uma pesquisa com os usuários do app, estudo de similares,
referências de design visual
Público-alvo: Anestesias
Quando comecei o estágio fiquei responsável pelo redesign do aplicatico AxCalc e basicamente todo o meu tempo era na parte de pesquisa anterior ao redesign em sí. Então foi criado um formulário online enviado para anestesistas de todo brasil, com objetivo de enteder melhor as necessidades do usuário em relação ao app. Com os resultados do formulário foi gerado um relatório no Doc do GoogleDrive sobre os pontos principais e dados importantes para o redesign do app. Dentro desse documento se encontram toda a parte de estudo dos similares, personas e resultados da pesquisa e requisitos para o novo app.
Material de divulgação da pesquisa para grupos de anestesiologistas.
O post tinha como objetivo divulgar e incentivar os anestesistas a responderem o questionário da pesquisa.
15 Painel de referência visual para o Design Visual do app, criado no site Dribbble.
O próximo passo dessa ação foi a criação do fluxo da arquitetura de informação e logo após os wireframes do novo app.
17 No decorrer desse projeto, infelizmente surgiram outras demandas mais importantes na empresa e o redesign do AxCalc foi posto em pausa por tempo indeterminado, sendo assim, não pude concluído esse projeto, faltando a parte do design visual e a implementação.
a) AÇÃO 2:
UX Writing
Briefing: Criar os e-mails internos do aplicativo AxReg (e-mail de cadastro,
e-mail de esquici minha senha, etc). Definir textos, descrições das imagens e as interações (verificar e-mail, botões..).
Público-alvo: Anestesias usuários do aplicativo AxReg.
Para criação dos e-mails utilizei o Doc dos GoogleDrive. No total foram criados 6 e-mails para o app e algumas imagens complementares.
Definição das interações:
1) Anestesista é convidado pelo hospital para usar o app 1.1) Não possui cadastro:
- botão para realizar o cadastro - página do cadastro (fora) 1.2) Já possuí cadastro:
- somente um aviso
- botão de redirecionamento para o app 2) Confirmação de cadastro
2.1) Já em premium: - linkar com o EaD 2.2) Não é premium: - mostrar vantagens - link para baixar o app
registro 100% digital do procedimento anestésico.
melhoria no fluxo de trabalho e ergonomia do anestesiologista.
registro de procedimentos realizados, horas trabalhadas e produtividade. abrangência de todo processo perioperatório, possuindo módulos de pré-anestésico, transoperatório e pós- anestésico.
19 3) Recuperação de senha / foi você mesmo?
- botão para recuperar a senha - redirecionar para o app
4) Confirmação de troca de senha / foi você mesmo? - link para reportar que não foi ele
5) Avisar o cirurgião de que ele foi adicionado à um procedimento - texto de aviso
- conheça o AxReg
6) Compartilhamento de PDF - anexo do PDF
21 a) AÇÃO 3:
Criação das telas de perfil para o aplicativo AxReg
Briefing: Criar as telas de perfil do usuário do app AxReg utilizando a ferramenta
Sketch.
A tela deveria conter sessões de ajustes médicos, notificações, feedback, sobre o AxReg, termos de uso, editar perfil, acesso ao anestesia.clound, integrações, tutoriais, acesso aos vídeos online, suporte, termos de uso, idicações e a opção de sair do app.
23 Tela de suporte
25 a) AÇÃO 4:
Diagramação do folder do app AxReg
Briefing: Ajustar o conteúdo do folder de divulgação do app. O folder estava
desatualizado e precisava ser refeito para um evento onde o CEO iria participar divulgando o app.
Foi utilizada a ferramenta Adobe Illustrator para a realizar essa tarefa. Capa do material, já impresso, rementendo a tela principal do app AxReg.
Lado externo do folder.
27 a) AÇÃO 5:
Análise de usabilidade e testes de bugs e erros do app AxReg.
Briefing: Encontrar erros no fluxo do app, erros textuais, bugs antes de o app ser
lançado.
Essa tarefa foi a que consumiu mais tempo do meu estágio e acredito que a mais aprendi também. Passei muito tempo analisando o app e em contando direto com a equipe de desenvolvimento. Eu anotava todos os erros do aplicativo na ferramenta Trello, do mais pequeno detalhe a erros maiores e repassava para os desenvolvedores. Junto com o meu orientador discutiamos como solucionar os erros, caso fossem problemas de design e também de fluxo dentro do app. Acredito que foi uma tarefa fundamental para o lançamento da nova versão do aplicativo e me senti muito realizada por poder fazer parte desse processo. Ferramenta Trello onde são relatados os erros
Exemplo de tela com erro.
Eram tirandos prints das telas e eu realizava a marcação dos problemas, para que os desenvolvedores pudessem entender o que que estava acontecendo e arrumar.
29 a) AÇÃO 6:
Material para o EaD do aplicativo AxReg
Briefing: Escrever o roteiro para dos vídeos de treinamento a distância do
aplicativo. Fiquei responsável por 3 tópicos: Procedimentos e Lateralidade, Passagens de caso e Suporte.
O objetivo dos roteiros era explicar como realizar essas ações dentro do aplicativo. Roteiro que foi realizado para ensinar a adicionar um novo procedimento.
Olá, bem-vindo ao AxTrainning.
Nessa videoaula iremos te ensinar adicionar um novo
procedimen-to ao paciente.
Essa é a tela de procedimento, nela temos informações sobre o
paciente, instituição, atendimento, cirurgias e equipe.
Para cadastrar um novo procedimento começamos adicionando
algumas informações obrigatórias como o Centro Cirúrgico, o
Convênio, a Data Provável Da Cirurgia, o Tipo de Cirurgia e a
Ci-rurgias Propostas. (ir destacando cada item na tela enquanto fala)
No item Instituição dê um tap em Centro Cirúrgico para selecionar
o desejado.
Caso seja necessário você também pode preencher as informações
complementares da instituição dando um tap nelas.
No item Atendimento dê um tap em Convênio para selecionar o
desejado e depois dê outro tap em Data Provável da Cirurgia, uso
o movimento de swipe para para escolher o dia e o horário do
procedimento.
Caso seja necessário você também pode preencher as informações
complementares de Atendimento dando um tap nelas.
Depois desses passos você poderá selecionar qual será o tipo de
cirurgia a ser realizada dando um tap no campo Tipo de Cirurgia.
Agora para adicionar um procedimento cirúrgico dê um tap em +
Adicionar Cirurgias dê um tap para selecionar.
Nessa próxima tela você encontra todos os procedimentos
reali-zados pelo convênio selecionado anteriormente. Para encontrar o
procedimento desejado você pode deslizar pela lista com o
movi-mento de swipe ou no campo de busca superior da tela com um tap
e então digitar o que deseja buscar. Dê um tap no botão Salvar na
canto superior direito para salvar a informação selecionada.
Quando voltamos para a tela de procedimento você irá perceber
que o item selecionado por você anteriormente agora aparece na
tela e ao lado dele existem três ícones:
O primeiro é o de 1x que é quantidade de vezes que aquela cirurgia
já foi realizada no paciente, você pode aumentar a quantidade de
vezes dando taps nesse ícone.
O segundo é a estrela que indica qual cirurgia é a principal, caso
haja mais de um procedimento ocorrendo ao mesmo tempo.
O terceiro é o X para excluir o item.
Ainda dentro do Item Cirurgias temos a opção de adicionar a
Lateralidade, que ajuda a aumentar a qualidade e segurança do
paciente.
Para adicionar dê tap em + Adicionar Lateralidade.
Ao abrir a tela de Lateralidade selecione com o gesto de tap a parte
do corpo humano desejada e caso necessário selecione ao lado
31
direito do box a sub região do corpo desejada.
Para mudar a vista do corpo de anterior para posterior dê um
tap no botão de troca no canto superior direito do box.
Amplie ou reduza o zoom do corpo humano fazendo o gesto de
pinça.
Dê um tap no botão Salvar na canto superior direito para salvar
a informação selecionada.
O próximo item é o Equipe,
Dê um tap em Adicionar Anestesiologista caso seja necessário
adicionar mais um profissional.
Selecione com um tap o outro profissional desejado e para
salvar de um outro tap no botão de Salvar no canto superior
direito da tela.
Você pode alterar o anestesiologista principal da cirurgia dando
um tap no ícone da estrela que se encontra do lado direito do
nome dos anestesiologistas.
Por fim para adicionar um cirurgião, quando necessário, dê um
tap em Adicionar Cirurgiões selecione um que já se encontra na
lista ou cadastre um novo dando um tap no Cadastrar cirurgião
na parte superior direita do app, preencha os dados do novo
profissional e dê um tap no botão Salvar no canto superior
direito da tela.
a) AÇÃO 7:
Tornar documentos institucionais de papel em arquivos digitais e editáveis.
Briefing: Para essa atividade tinha que ser utilizada a ferramenta Keynote, pois
assim os funcionários que não são da área de design possam editair esses arquivos de maneira fácil no futuro.
No total foi feita a mudaça em 7 arquivos intitucionais, sendo 6 ampulhetas de fluxo de compra e 1 fluxograma da automatização de vendas.
33 Nova ampulheta em arquivo digital e editável do Keynote.
35 a) AÇÃO 8:
Ajuste de telas do AxReg
Briefing: Corrigir telas que persistiam apresentando algum erro e mandar pela
ferramenta Zeplin para os desenvolvedores. Exemplo de uma tela que foi feita.
Correção da split sobre tabagismo dentro do app, foi pedido para acidionar além da quantidade de maços ou se é ex-fumante, a quanto tempo a pessoa fuma ou já deixou de fumar. Foi criada uma lista de com checkboxes para resolver essa demanda.
3.1 A SITUAÇÃO PARA A REALIZAÇÃO DO ESTÁGIO FOI SATISFATÓRIA? EM QUE E COMO?
O estágio foi bastante satisfatório, pois abrangiu bastaste minha a área de interesse em Design Digital.
Por ter sido meu primeiro estágio tinha muitas dúvidas e era bastante insegura mas, aplicando o conhecimento adquirido na faculdade com a ajuda que tive de meus supervisores e do outro estagiário de design, fiquei bem mais segura para desenvolver minhas atividades e exercer a profissão. Aprendi muito no estágio, conhecimentos além dos que nos são ensinados em sala de aula.
3.2 QUAIS FORAM OS PRINCIPAIS PONTOS POSITIVOS E OS NEGATIVOS DO ESTÁGIO?
Pontos positivos: o ambiente de trabalho é bastante descontraído e o relacionamento com todos da empresa é muito bom. Desde o início depositaram bastante confiança em mim e no meu trabalho, sempre me incentivando e ajudando.
Os pontos negativos na verdade estão relacionados velocidade em que as demandas vão aparecendo, bem diferente do que estamos acostumados na universidade.
3.3 AS ABORDAGENS CONCEITUAIS, OS MÉTODOS E AS TÉCNICAS UTILIZADAS NO ESTÁGIO FORAM COERENTES COM O QUE FOI ESTUDADO NO CURSO? QUAIS AS CONVERGÊNCIAS? QUAIS AS DIVERGÊNCIAS?
Na Anestech não temos um prazo tão longo quanto no curso para executar um projeto. A grande demanda e os prazos muitas vezes apertados trazem a necessidade de agilizar e otimizar alguns métodos, mas a qualidade das entregas sempre foi muito priorizada.
3.4 COMO E EM QUE ESSE ESTÁGIO CONTRIBUIU PARA SUA FORMAÇÃO?
O estágio contribuiu muito para a minha formação, pois consegui utilizar o conhecimento que me foi apresentado em sala. A prática é fundamental para o designer e com o tempo fui ficando cada vez mais segura para exercer a profissão, compreendendo e aplicando melhor os processos, otimizando meu tempo. Melhorei bastante o meu domínio com os softwares e ferramentas, principalmente as que não aprendemos no curso, como o Sketch ou o Zeplin, e aprendi muito
39 sobre o mercado de trabalho também.
3.5 QUAIS OS CONHECIMENTOS TEÓRICOS E TEÓRICO-PRÁTICOS ADQUIRIDOS NO CURSO QUE FORAM DIRETAMENTE UTILIZADOS?
Cada matéria que tive a oportunidade de fazer no curso teve sua importância para minha atuação no estágio. Projeto 5 - Editorial para a diagramação do folder e, também, os conhecimentos adquiridos na disciplina de Tipografia Aplicada foram de grande importância para o desenvolvimento de todos os materiais. Projeto 6 - Design Digital, onde pude por em prática os conhecimentos do projeto no desenvolvimento dos aplicativos da empresa.
3.6 QUE CONHECIMENTOS PRESUMIDAMENTE DA ÁREA DE DESIGN FORAM NECESSÁRIOS E NÃO FORAM ESTUDADOS NO CURSO?
Entender o básico de HTML e CSS ajudaria no desenvolvimento dos e-mails e da parte básica de front-end dos apps.
3.7 EM ESCALA DE 0 A 10, QUE VALOR RESUMIRIA, NA SUA OPINIÃO, A CONTRIBUIÇÃO DO ESTÁGIO PARA SUA FORMAÇÃO?
O estágio contribuiu em valor 10 para a minha formação. Aprendi muito sobre o mercado de trabalho e design digital. Poder colocar em prática os conhecimentos adquiridos na universidade e praticar quatro horas todos os dias com certeza me tornaram mais prepara e segura para trabalhar como designer.
41 Anexe a Carta de Avaliação do
Supervisor de Estágio já pre-enchida e assinada.
João da Silva
CONCEDENTE XX/XX/XXXX - XX/XX/XXXX
Marcella Echer Kaliffe
ANESTECH 01/02/2019 - 03/07/2019
