Pledge Health

Back office automatizado para consultórios de saúde e pacientes

Mobile and Desktop mockup for pledge health.

A empresa

Com o recente aumento nas taxas dedutíveis mais altas nos planos de seguro, os pacientes estão começando a ficar devendo mais do próprio bolso. Como resultado, uma parte mais significativa do projeto de lei é de sua responsabilidade. Estudos têm mostrado que quanto mais cedo os pacientes e membros forem informados sobre suas tarifas, maior será a probabilidade de pagar mais cedo ou no momento do serviço, se forem dadas as estimativas de custo. É aqui que o Pledge Health entra em jogo. Ao trabalhar em estreita colaboração com consultórios independentes e seguradoras, a Pledge Health automatiza as verificações de benefícios para verificar a elegibilidade e os benefícios do seguro de paciente, gerar estimativas de custos diretas e coletar pagamentos de pacientes imediatamente.

O problema

A equipe da Pledge Health está criando um Produto Mínimo Viável (MVP) e está procurando informações de UX/UI do Moment Studio. Aparentemente, há um fornecimento infinito de informações espalhados entre diferentes entidades, e não é fácil analisar todas elas e encontrar os recursos mais relevantes a serem projetados.

O processo

1. Análise de seu MVP atual, conduza o apropriado pesquise e debata ideias para implementar no projeto.
2. Sintetizando pesquisas e iniciando iteração para maquetes de baixa fidelidade.
3. Criação da arquitetura da informação, para que o conteúdo seja adequadamente organizado, estruturado e rotulado.
4. Entrega final com feedback coletado dos clientes e implementações feitas.

A solução

Minha equipe e eu éramos responsáveis por avaliando seu MVP atual para criar uma experiência simples, mas intuitiva, tanto para profissionais de saúde quanto para pacientes. Para atender às expectativas do público, eles precisarão de um web design para pacientes e consultórios e uma versão móvel apenas para pacientes. Eventualmente, este projeto será entregue a uma equipe de desenvolvedores para lançamento.

Função, ferramentas e duração

Designer de UX/UI em uma equipe de mais de três Figma e Miro. Projeto de 5 semanas

Mockup of high fidelity wireframes.

01
Pesquisa

01,01. Auditoria do site

Inicialmente, todas as informações que coletamos precisavam ser por meio de capturas de tela de vídeos na internet desde nenhuma maquete estava disponível para explorarmos. Essa etapa foi crucial para que pudéssemos avaliar seu produto atual para que, quando nos encontrássemos pela primeira vez com eles, pudéssemos ter perguntas específicas prontas e comunicar nossas ideias adequadamente.

Screenshot of old UI titles "Appointments" web page.
Screenshot of old UI of the customer web page.
Screenshot of old Ui of the payment web page.
Screenshot of old Ui of upcoming appointment web page.
Deconstruction of old UI elements.

Ao dividir o site da clínica em elementos e componentes, poderíamos criar um Inventário de interface do usuário e veja todas as rotas possíveis a serem navegadas. Isso nos ajudaria a criar um guia de estilo no futuro.

01.02 Sessão de Brainstorm

Depois que todas as explorações foram concluídas, minha equipe e eu começamos a perguntas de brainstorming isso precisaria ser respondido durante nossa primeira reunião com os clientes e obter mais informações para nos ajudar entenda seu objetivo e público-alvo. Esse projeto é único porque exige diferentes MVPs para dois públicos e necessidades diferentes.

Sticky notes highlighting brainstorming session.

01.03 Insights

Nossa primeira reunião com o cliente foi ótima de entender quem é a Pledge Health, o que eles gostariam que o site e as plataformas móveis transmitissem, os prós e os contras de seus concorrentes e que tipo de experiência desejam oferecer aos clientes. Essencialmente, eles querem para eliminar todas as dificuldades desnecessárias que pacientes e profissionais enfrentam durante o confuso e complicado processo administrativo de cobrança.

Insights notes organized.

01.04 Análise da concorrência

Analisamos três concorrentes para entender padrões do setor e práticas comuns. Observamos que parecia haver uma lacuna em seu site atual e no design móvel em relação à acessibilidade e documentação. Ao fazer isso, poderíamos diferencie-se, aprenda com os erros dos outros e implemente novas formas de interagir com nosso público-alvo.

Competitor Analysis table.

01.05 Declarações de How Might We (HMW)

Agora que pudemos abordar as metas e necessidades dos clientes, chegou a hora de definir algumas declarações de problemas que serviriam como desafios. Sabíamos que esses desafios eram oportunidades ocultas para criar um espaço acolhedor para pensar “fora da caixa”. Mas, em última análise, isso nos serviria como pontos problemáticos para transmitir nossa ideia com eficácia.
-Permitir que o usuário veja se ele tem um compromisso futuro?
-Permitir que o usuário visualize compromissos anteriores?
-Permitir que o usuário veja sua fatura?
-Permitir que o usuário pague sua conta de maneiras diferentes?
-Permitir que os usuários vejam faturas anteriores?
-Permitir que os usuários vejam todas as declarações, incluindo a avaria do seguro?
-Permitir que os usuários paguem automaticamente por compromissos?
-Permitir que os usuários visualizem os detalhes do plano?
-Permitir que os usuários vejam os serviços disponíveis para cada clínica?
-Permita que os usuários se comuniquem com as clínicas para consultas futuras e anteriores.
-Permitir que os usuários vejam todos os benefícios individuais/familiares (por exemplo, franquias, copagamentos, do próprio bolso)?
-Permitir que os usuários vejam todo o processo, desde a pré-visita até a pós-visita e o faturamento.?

02
Iteração

02.01 Histórias de usuários

Seguindo em frente, queríamos promover um visão concreta, realista e compartilhada para nossos usuários finais. Isso nos ajudaria a falar o idioma do público-alvo e tenha uma compreensão clara do escopo deste projeto. Por isso, classificamos as histórias com base no que era considerado de baixa a alta prioridade.

User stories highlighting priorities.

02.02 Mapa do site

A equipe e eu criamos sitemaps como modelos de diagramas hierárquicos para mostrar conteúdo relacionado e onde eles seriam melhor aplicados. Isso acabaria por ser melhorar a experiência do usuário e a ação geral de SEO para a empresa Pledge Health. Eles são uma etapa essencial do o design do centro do usuário pois garantem que o conteúdo esteja em lugares onde as pessoas esperariam encontrá-lo.

Site map for patient mobile and web platforms and web for clinics.

02.03 Esboçando

Analisamos outras aplicações, não necessariamente relacionadas a esse setor, mas que compartilham características semelhantes para criar nossos primeiros esboços de como o celular e o site realmente seriam. Novamente, era imperativo manter o design é limpo e direto ao ponto.

Sketches of possible iterations.

02.04 Wireframes de baixa fidelidade

Começamos a trabalhar em wireframes de baixa fidelidade que poderiam se assemelham ao nosso projeto final. Primeiro, trabalhamos na web tanto para pacientes quanto para profissionais, pois eles eram estruturados de forma semelhante. Em seguida, apresentamos aos clientes para feedback e comentários iniciais.

Por outro lado, a versão móvel representaria obstáculos que precisavam ser abordados com cuidado extra, pois havia menos espaço para ser usado e a hierarquia estava em sua essência.

Low fidelity wireframes for both mobile and web versions.

03
Design

03.01 Plataforma de marca

Precisávamos criar um sistema de design para ter um coleção de diretrizes, princípios e ativos relevantes para o nosso projeto. A equipe e eu começamos com a Brand Platform para apresentar o declaração de missão, nossa promessa, nossa personalidade e nossos atributos para que as pessoas pudessem se relacionar conosco pessoalmente.

Image highlighting brand platform.

03.02 Moodboard

Ao reunir uma colagem de imagens de várias fontes, representaríamos os elementos estéticos visuais que os usuários relacionariam à nossa marca. Isso é profundamente conectado aos sentimentos e emoções de ser calmo e confiável pois há muita psicologia das cores envolvida na interação com uma marca.

Visual representation of moodboard.

03.03 Guia de estilo

Um guia de estilo e uma coleção de componentes tornaram o processo de design muito mais fácil e rápido. Isso ajudou a criar nossas telas coesa e consistente em todas as telas. Os usuários poderiam confiar na marca usando um tipo de letra amigável semelhante aos padrões do setor. Além disso, isso também ajudaria os designers a avançar ainda mais em nosso projeto. Não desenvolvemos um logotipo, pois a equipe da Pledge Health teria um grupo separado de designers gráficos trabalhando nele.

Visual representation of style guide.

03.04 Wireframes de alta fidelidade

Nossa equipe reuniu todas as informações e materiais coletados para criar os wireframes de alta fidelidade para pacientes e profissionais. Queríamos ter certeza de que o produto transmitiu uma sensação de elegância e maturidade para que os usuários possam sentir credibilidade e confiança ao usá-lo.

High fidelity mobile upcoming appointment screen.
High fidelity appoitment history screen.
High fidelity payment mobile screen.
High fidelity verify mobile screen.
High fidelity web payment due.
High fidelity web appoitnment screen.
High fidelity web user screen.
high fidelity web screen unpaid version.

04
Entrega

Não nos comunicamos diretamente com a equipe de desenvolvimento. No entanto, queríamos fazer isso transição o mais suave possível. Portanto, junto com as entregas, fizemos anotações de entrega. As anotações são para fAuxiliar ainda mais a comunicação entre as partes interessadas, desenvolvedores e futuros designers que eventualmente trabalharão neste projeto.

Handoff high fidelity mobile.
High fidelity web screens handoff.

05
- Para viagem

A empresa Pledge Health está criando um produto de ponta a ponta que em breve ajudará muitos profissionais e pacientes a navegar os desafios do faturamento médico. Cometemos vários erros durante o processo de design, mas a comunicação era vital para se reajustar e seguir em frente rapidamente.É interessante como as decisões de design podem ser simples tão significativo para as pessoas do outro lado. É por isso que a ideação e a iteração foram fundamentais para ver todas as soluções possíveis que poderíamos encontrar. Além disso, preservando a reputação de sua empresa é inquestionável, pois eles lidam com informações confidenciais de pessoas. Aprendemos muito com esse projeto, mas o mais importante foi entender que todos os processos de design passam por fases diferentes em momentos diferentes. No final do dia, é uma questão de adaptando-se às mudanças em situações distintas.