Aplicativo PagSeguro 3.39: novo visual, mais personalização e uma experiência de autoatendimento completamente renovada nas maquininhas de cartão

Estamos liberando uma importante evolução do aplicativo PIXMAQ para maquininhas PagSeguro.

A nova versão 3.39 vai muito além de uma mudança visual.

O aplicativo foi redesenhado pensando principalmente em três pontos que fazem diferença em uma operação de autoatendimento:

:artist_palette: Uma experiência mais moderna para o cliente

:convenience_store: Mais identidade para a operação

:locked: Mais estabilidade e proteção para manter a maquininha dedicada ao autoatendimento

A proposta é fazer com que a maquininha deixe de parecer simplesmente um terminal de cartão com um aplicativo instalado e passe a funcionar cada vez mais como uma interface completa de autoatendimento da própria máquina.

É nela que o cliente escolhe como deseja pagar, informa o valor quando necessário, realiza a transação e acompanha cada etapa até a confirmação.

E agora essa experiência também pode carregar as cores, o avatar e o contato da sua própria operação.


:artist_palette: Um aplicativo PIXMAQ completamente renovado

A primeira mudança que chama atenção na versão 3.39 é o novo visual.

Redesenhamos as principais telas utilizadas pelo consumidor para criar uma experiência:

:sparkles: Mais moderna;

:backhand_index_pointing_up: Mais simples de utilizar;

:mobile_phone: Mais adequada à tela da maquininha;

:magnifying_glass_tilted_right: Mais fácil de compreender;

:robot: Mais próxima de um verdadeiro terminal de autoatendimento;

:convenience_store: Mais integrada à identidade de cada operação.

Botões, textos, informações, indicadores e elementos visuais foram reorganizados para que o cliente consiga entender rapidamente o que precisa fazer.

Em uma operação sem atendente, isso é especialmente importante.

O próprio aplicativo precisa orientar o consumidor.


:credit_card: “Como você deseja pagar?”

A nova tela inicial foi simplificada para apresentar aquilo que realmente importa naquele momento:

Como você deseja pagar?

E, conforme as formas de pagamento habilitadas na operação, o cliente encontra as opções disponíveis, como:

:credit_card: Cartão de Crédito

:credit_card: Cartão de Débito

:mobile_phone: Pix

A ideia é reduzir distrações e tornar o início da compra muito mais intuitivo.

O cliente chega à máquina, olha para o terminal e rapidamente entende como começar.


:convenience_store: Agora o aplicativo pode ter a identidade da sua operação

Uma das principais novidades da versão 3.39 é a evolução da personalização.

Nem toda máquina que utiliza a tecnologia PIXMAQ precisa parecer igual.

Afinal, quem está diante do consumidor é a sua operação.

Por isso, o novo aplicativo permite trabalhar melhor a identidade visual apresentada na maquininha.

Você poderá personalizar elementos como:

:artist_palette: Cores da interface

As cores utilizadas no aplicativo podem acompanhar melhor a identidade visual da sua empresa ou estabelecimento.

Isso ajuda a integrar a maquininha ao restante da comunicação utilizada na máquina e no ponto.


:framed_picture: Inclua seu avatar

Quando configurado, o avatar da operação/estabelecimento também pode ser apresentado no aplicativo.

Pode ser utilizado, por exemplo, para representar visualmente:

:convenience_store: A empresa;

:robot: A operação;

:teddy_bear: A marca das máquinas;

:hot_beverage: O estabelecimento;

:video_game: A identidade utilizada naquele ponto.

Isso cria uma experiência mais personalizada para o consumidor.

Em vez de encontrar uma interface totalmente genérica, ele percebe que aquele terminal faz parte daquela operação.


:telephone_receiver: Informe também um telefone de contato

Essa é uma melhoria simples, mas extremamente importante para uma máquina de autoatendimento.

Agora o operador também pode informar seu telefone de contato.

Por quê?

Porque problemas podem acontecer.

O cliente pode:

:red_question_mark: Ter uma dúvida;

:satellite_antenna: Encontrar uma máquina momentaneamente sem comunicação;

:warning: Precisar de ajuda;

:credit_card: Ter alguma dificuldade durante a utilização;

:robot: Precisar falar com o responsável pelo equipamento.

Nessas situações, quando aplicável, o aplicativo pode apresentar o contato configurado pelo próprio operador, facilitando para que o consumidor saiba com quem falar.


:light_bulb: O cliente não precisa descobrir quem é o responsável pela máquina

Imagine uma vending machine instalada dentro de um shopping, condomínio, empresa ou outro estabelecimento.

Se algo acontecer, o consumidor muitas vezes não sabe:

“Essa máquina é de quem?”

“Com quem eu falo?”

“O shopping resolve?”

“Tem algum telefone?”

“Onde encontro o responsável?”

Com o contato configurado, a própria experiência de autoatendimento pode orientar o consumidor quando ele precisar de suporte.

Isso ajuda a aproximar o cliente do responsável real pela operação.


:robot: Autoatendimento também significa saber orientar quando algo não sai como esperado

É comum pensar em autoatendimento apenas quando tudo funciona normalmente:

Cliente escolhe

↓

Paga

↓

Máquina libera

↓

Compra concluída

Mas uma boa experiência de autoatendimento também precisa considerar as exceções.

Por exemplo:

:satellite_antenna: E se naquele momento a internet estiver indisponível?

:warning: E se o cliente precisar de ajuda?

:red_question_mark: E se ele não souber como proceder?

Por isso, na versão 3.39 também trabalhamos para deixar as mensagens de situação mais claras e, quando necessário, facilitar a apresentação das informações de contato da operação.


:satellite_antenna: Novo monitoramento inteligente de conexão

Outra melhoria importante está acontecendo nos bastidores.

O aplicativo passa a acompanhar continuamente a conectividade da maquininha.

Quando a internet realmente fica indisponível, o cliente pode receber uma mensagem clara informando a situação, como:

Sem conexão

Não foi possível conectar à internet.

Tentando reconectar…

Mas existe um detalhe importante nessa implementação.


:high_voltage: Pequenas oscilações não devem assustar o cliente

Conexões 4G e Wi-Fi podem apresentar oscilações extremamente rápidas.

Uma troca de rede ou pequena variação de sinal pode durar apenas instantes.

Não faria sentido mostrar uma grande tela de erro para o consumidor por causa de uma interrupção de poucos milissegundos.

Por isso, o monitoramento foi pensado para tolerar pequenas oscilações antes de apresentar o aviso de falta de conexão.

Se a indisponibilidade realmente permanecer, o aplicativo informa o cliente.

E quando a internet retornar, a tela é removida e a operação pode continuar normalmente.

Tudo isso acontece automaticamente.


:locked: Modo de autoatendimento

Uma parte importante do desenvolvimento da versão 3.39 aconteceu justamente na proteção da experiência.

Uma maquininha instalada em uma vending machine é diferente de uma maquininha utilizada por um vendedor no balcão.

No balcão existe uma pessoa segurando o equipamento.

No autoatendimento, a maquininha pode ficar disponível diretamente para o público.

Por isso, precisamos pensar em como manter o usuário dentro do fluxo esperado.

Entre as melhorias trabalhadas estão recursos relacionados a:

:locked: Tela cheia;

:mobile_phone: Ocultação das barras do sistema;

:backhand_index_pointing_up: Proteção contra gestos pelas bordas;

:house: PIXMAQ configurável como Launcher em equipamentos compatíveis;

:counterclockwise_arrows_button: Restauração do ambiente de autoatendimento depois de uma transação;

:gear: Controles específicos para instalação e manutenção.

Tudo pensado para reduzir as possibilidades de o consumidor sair acidentalmente do ambiente destinado ao pagamento.


:credit_card: :money_bag: Nova tela para informar o valor

Quando a configuração da operação exige que o consumidor informe o valor da compra, essa etapa também recebeu um novo desenho.

Agora temos uma interface mais clara, com:

:money_bag: Valor em destaque;

:1234: Teclado numérico grande;

:credit_card: Forma de pagamento identificada;

:white_check_mark: Botão de confirmação bem visível.

Em autoatendimento, elementos grandes e objetivos ajudam bastante.

O consumidor precisa conseguir utilizar a tela rapidamente, mesmo sendo a primeira vez que vê aquela interface.


:credit_card: Pagamento por aproximação mais fácil de entender

As telas durante a transação também foram redesenhadas.

Quando chega o momento de aproximar o cartão, por exemplo, o aplicativo pode apresentar de maneira muito mais visual:

:money_bag: O valor da compra

:credit_card: A forma de pagamento

:antenna_bars: Onde aproximar o cartão

:stopwatch: O andamento da operação

O objetivo é reduzir aquela dúvida comum do consumidor:

“E agora, o que eu faço?”

A própria tela orienta o próximo passo.


:hourglass_not_done: O cliente também acompanha o processamento

Depois que o pagamento é iniciado, existe um processo até a conclusão completa da operação.

Na nova interface, essa etapa também pode ser apresentada de forma muito mais clara.

Em vez de uma tela aparentemente parada, o cliente consegue perceber que o sistema está trabalhando.

A interface pode apresentar as etapas do processamento, ajudando a comunicar que a transação ainda está em andamento.

Isso é especialmente importante em autoatendimento.

Alguns segundos sem qualquer retorno visual podem fazer o consumidor pensar:

“Travou?”

“Já pagou?”

“Posso apertar novamente?”

“Deu erro?”

Mostrar progresso reduz essa incerteza.


:white_check_mark: Pagamento aprovado com confirmação clara

Quando tudo termina corretamente, o consumidor também precisa ter certeza disso.

Por isso, a tela de conclusão foi modernizada para destacar:

Pagamento aprovado

Além do resultado, a interface pode apresentar informações relevantes da transação, como:

:money_bag: Valor;

:credit_card: Forma de pagamento;

:date: Data;

:one_o_clock: Horário.

O objetivo é fechar a experiência de forma clara.

O cliente começou escolhendo como pagar e termina sabendo que sua transação foi concluída.


:artist_palette: Uma experiência visual consistente do começo ao fim

Um dos objetivos do novo design é justamente evitar que cada etapa pareça pertencer a um aplicativo diferente.

A nova identidade acompanha o fluxo:

:house: Tela inicial

↓

:credit_card: Escolha da forma de pagamento

↓

:money_bag: Digitação do valor, quando necessária

↓

:antenna_bars: Aproximação/inserção do cartão conforme a transação

↓

:hourglass_not_done: Processamento

↓

:white_check_mark: Confirmação

Essa consistência ajuda a transformar a maquininha em uma verdadeira interface de compra da vending machine.


:high_voltage: Melhorias também para maquininhas com hardware mais antigo

Nem toda operação utiliza o equipamento mais recente disponível.

Existem maquininhas em campo com diferentes versões do Android e diferentes capacidades de processamento.

Por isso, parte importante da versão 3.39 também está relacionada à otimização.

Estamos melhorando o carregamento de:

:framed_picture: Imagens;

:bust_in_silhouette: Avatar;

:artist_palette: Elementos personalizados;

:input_symbols: Ícones;

:clipboard: Informações da operação.

A preocupação é evitar que um recurso visual prejudique a resposta da interface.


:backhand_index_pointing_up: Primeiro responder ao cliente, depois terminar o que estiver carregando

Essa é uma diferença importante.

Imagine que a maquininha ainda esteja buscando o avatar personalizado da operação.

O consumidor toca em uma opção.

O aplicativo não deve parecer travado apenas porque uma imagem ainda está sendo preparada.

Por isso, trabalhamos para que a interface continue respondendo ao usuário e apresente indicações adequadas enquanto determinados conteúdos são carregados.

Isso é especialmente importante nos terminais com hardware mais antigo.


:convenience_store: Mais identidade sem sacrificar desempenho

A personalização precisa melhorar a experiência, não torná-la mais lenta.

Por isso, o novo aplicativo procura equilibrar:

:artist_palette: Personalização

com

:high_voltage: Desempenho

O resultado é uma interface que pode ter mais identidade visual, mas continua sendo pensada para o ambiente específico das maquininhas.


:gear: Novo menu de configurações e manutenção

Nem todas as novidades aparecem para o consumidor.

Também estamos reorganizando o ambiente utilizado por quem instala, configura ou presta suporte na maquininha.

O menu de manutenção passa a apresentar informações de maneira mais clara, com melhor organização visual e indicadores que ajudam na configuração e no diagnóstico.

Entre os recursos trabalhados estão informações e controles relacionados a:

:house: Launcher PIXMAQ;

:satellite_antenna: Conectividade;

:locked: Modo de autoatendimento;

:key: Permissões;

:gear: Comunicação com o Controlador PIXMAQ;

:mobile_phone: Informações do terminal;

:hammer_and_wrench: Diagnóstico.


:locked_with_key: Manutenção e uso público são situações diferentes

Quando a maquininha está sendo utilizada pelo consumidor, queremos um ambiente protegido.

Quando um técnico autorizado está realizando uma configuração, ele precisa de outras possibilidades.

Por isso, o aplicativo diferencia esses dois momentos.

Durante o acesso autorizado ao menu de manutenção, determinadas proteções podem ser temporariamente flexibilizadas para permitir a configuração necessária.

Depois, a maquininha retorna ao ambiente destinado ao consumidor.


:gear: Configurações de pagamento também foram modernizadas

As telas utilizadas para configurar as formas de pagamento também estão sendo reorganizadas.

A ideia é preservar as integrações e regras existentes, mas tornar a configuração mais clara para quem instala ou altera uma máquina.

Isso beneficia principalmente quem possui várias maquininhas e precisa repetir processos de instalação em diferentes equipamentos.

Quanto mais clara a configuração, menor a chance de erro durante a implantação.


:mobile_phone: Compatibilidade com diferentes gerações do Android

As maquininhas utilizadas em campo não estão todas na mesma geração.

Por isso, as melhorias foram desenvolvidas considerando diferentes versões presentes nos equipamentos compatíveis, incluindo ambientes com:

Android 7

Android 11

Android 13

Cada versão possui particularidades de navegação, permissões e comportamento do sistema.

A nova estrutura foi pensada considerando essas diferenças.


:robot: Por que investir tanto no aplicativo da maquininha?

Porque, em uma operação de autoatendimento, a tela passa a exercer parte do papel que normalmente seria realizado por uma pessoa.

Ela precisa dizer:

Como começar.

Como pagar.

Quanto está sendo cobrado.

O que fazer com o cartão.

Se o sistema ainda está processando.

Se o pagamento foi aprovado.

O que aconteceu se estiver sem conexão.

Como encontrar ajuda quando necessário.

Quanto mais clara essa comunicação, mais natural tende a ser a experiência.


:teddy_bear: Imagine isso em uma máquina de diversão

O cliente chega a uma grua.

Na própria maquininha encontra uma interface moderna com a identidade daquela operação.

Escolhe:

:credit_card: Crédito

:credit_card: Débito

:mobile_phone: Pix

Realiza o pagamento.

A tela orienta cada etapa.

O pagamento é processado.

A aprovação é exibida.

E a integração PIXMAQ segue o fluxo configurado para a liberação correspondente no equipamento.

Tudo isso sem precisar de um atendente ao lado explicando como pagar.


:cup_with_straw: E o mesmo conceito pode ser aplicado ao autoatendimento

O objetivo da nova versão não é simplesmente “deixar o aplicativo mais bonito”.

A mudança visual faz parte de algo maior.

Queremos que a maquininha esteja cada vez mais preparada para ocupar seu lugar como terminal dedicado dentro de uma operação automatizada.

Isso envolve:

:artist_palette: Aparência;

:backhand_index_pointing_up: Usabilidade;

:convenience_store: Identidade;

:telephone_receiver: Suporte ao consumidor;

:satellite_antenna: Conectividade;

:locked: Proteção;

:high_voltage: Desempenho;

:credit_card: Integração com pagamento;

:counterclockwise_arrows_button: Retorno automático ao fluxo de autoatendimento.


:convenience_store: Sua máquina, sua marca, suas cores e seu contato

Essa é uma das mudanças que queremos destacar na versão 3.39.

A tecnologia é PIXMAQ, mas quem está operando a máquina é você.

Por isso, a experiência pode carregar elementos da sua identidade.

:artist_palette: Configure suas cores

Deixe a interface mais próxima da identidade visual utilizada pela sua operação.

:framed_picture: Adicione seu avatar

Dê mais destaque à sua marca ou identificação.

:telephone_receiver: Cadastre seu telefone

Quando o consumidor precisar de ajuda e a situação permitir a apresentação do contato, ele pode saber como falar com o responsável pela operação.

É uma maneira de tornar a experiência mais profissional do começo ao fim.


:new_button: O que muda na versão 3.39?

Em resumo, a nova versão reúne uma série de melhorias:

  • :artist_palette: Novo visual completo para o autoatendimento;

  • :convenience_store: Personalização das cores da interface;

  • :framed_picture: Suporte ao avatar da operação/estabelecimento;

  • :telephone_receiver: Telefone de contato do operador para situações em que o cliente precise de ajuda;

  • :credit_card: Novas telas para crédito, débito e Pix;

  • :money_bag: Nova interface para informação do valor;

  • :antenna_bars: Orientações mais claras durante a leitura/aproximação do cartão;

  • :hourglass_not_done: Tela de processamento mais informativa;

  • :white_check_mark: Nova confirmação de pagamento aprovado;

  • :high_voltage: Otimizações para maquininhas com hardware mais antigo;

  • :satellite_antenna: Monitoramento inteligente da conexão;

  • :counterclockwise_arrows_button: Recuperação automática da interface quando a internet retorna;

  • :locked: Novas proteções para o ambiente de autoatendimento;

  • :house: Possibilidade de utilização da PIXMAQ como Launcher em cenários compatíveis;

  • :mobile_phone: Melhor controle da navegação do Android durante o autoatendimento;

  • :credit_card: Fluxo aprimorado entre PIXMAQ e o aplicativo responsável pelo pagamento;

  • :gear: Novo menu de manutenção e configurações;

  • :hammer_and_wrench: Melhorias para instalação e diagnóstico;

  • :mobile_phone: Trabalho de compatibilidade com diferentes versões do Android utilizadas nas maquininhas.


:light_bulb: Não é apenas uma nova aparência

A parte visual é aquilo que o cliente percebe primeiro.

Mas uma grande parte do trabalho da versão 3.39 está justamente no que acontece por trás da tela.

O objetivo é combinar:

:artist_palette: Visual moderno

com

:high_voltage: Desempenho

:satellite_antenna: Conectividade

:locked: Segurança do autoatendimento

:credit_card: Fluxo de pagamento

:convenience_store: Personalização

:telephone_receiver: Facilidade para pedir ajuda

Tudo isso para melhorar tanto a experiência de quem compra quanto a rotina de quem opera as máquinas.


:rocket: PIXMAQ 3.39: a maquininha para o autoatendimento

Uma maquininha instalada em uma vending machine não deve ser tratada apenas como um equipamento para passar cartão.

Ela pode fazer parte da experiência completa de compra.

Pode receber o consumidor.

Pode mostrar as formas de pagamento.

Pode orientar a transação.

Pode informar que está processando.

Pode confirmar a aprovação.

Pode carregar a identidade da operação.

Pode informar como pedir ajuda.

E, ao mesmo tempo, precisa permanecer preparada para funcionar em um ambiente sem um atendente ao lado.

É exatamente nessa direção que estamos levando o aplicativo PIXMAQ.

Nova versão PIXMAQ 3.39 para maquininhas PagSeguro

Novo visual.
Suas cores.
Seu avatar.
Seu contato.
Mais proteção.
Mais estabilidade.
Uma experiência desenvolvida para o autoatendimento.

PIXMAQ — transformando a maquininha de cartão em parte da experiência da sua vending machine.