<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Kell da Cereja Flamejante</title>
    <description>The latest articles on DEV Community by Kell da Cereja Flamejante (@eusouakell).</description>
    <link>https://dev.to/eusouakell</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F465306%2F06fb7a5e-2f09-42e0-972d-e01e9ce79f88.png</url>
      <title>DEV Community: Kell da Cereja Flamejante</title>
      <link>https://dev.to/eusouakell</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/eusouakell"/>
    <language>en</language>
    <item>
      <title>Uma simulação financeira precisa explicar o esforço</title>
      <dc:creator>Kell da Cereja Flamejante</dc:creator>
      <pubDate>Sat, 10 Oct 2026 21:26:45 +0000</pubDate>
      <link>https://dev.to/eusouakell/uma-simulacao-financeira-precisa-explicar-o-esforco-4gc</link>
      <guid>https://dev.to/eusouakell/uma-simulacao-financeira-precisa-explicar-o-esforco-4gc</guid>
      <description>&lt;p&gt;Um plano pode parecer atraente porque termina rápido. Mas o prazo, sozinho, não explica o compromisso que a pessoa está assumindo.&lt;/p&gt;

&lt;p&gt;Na Bússola, essa diferença apareceu durante a revisão de uma simulação financeira. A interface destacava um cenário chamado “Acelerado”, com valor mensal e prazo. Faltava deixar claro que parte daquele valor dependia de mudanças nos gastos.&lt;/p&gt;

&lt;p&gt;A Bússola é uma prova de conceito criada por uma equipe de Produto, Design e Engenharia na Batalha de Agentes Itaú, Google Cloud e SantoDigital. Depois do evento, o projeto passou por refinamentos de UX e conteúdo. Este artigo trata de um desses refinamentos; não descreve um serviço bancário em operação.&lt;/p&gt;

&lt;h2&gt;
  
  
  O valor estava visível. A condição precisava aparecer.
&lt;/h2&gt;

&lt;p&gt;O estado anterior reconstituído no case apresentava:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Acelerado — 80% da sobra — R$ 1.660,85 por mês — 19 meses.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;O problema era a relação entre as informações. A menção à sobra não explicava os cortes adicionais que compunham o valor mensal.&lt;/p&gt;

&lt;p&gt;Imagine ler esse resumo e concluir que basta reservar parte do que já sobra. Se o plano também exige reduzir despesas, essa condição precisa aparecer antes da escolha.&lt;/p&gt;

&lt;p&gt;Não é uma questão de deixar o texto mais simpático. É uma questão de explicar o que o número exige.&lt;/p&gt;

&lt;h2&gt;
  
  
  Mostrar a composição antes de pedir a decisão
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi554halavdytfr9aihxy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi554halavdytfr9aihxy.png" alt="Antes e depois do cenário Acelerado: a versão posterior identifica a sobra, os cortes necessários e o compromisso de 19 meses." width="800" height="633"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Figura 1. Reconstituições baseadas no código e no roteiro. Não são capturas das versões executadas. Os valores são exemplos da simulação.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Na revisão, o cenário passou a apresentar:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Exige mudanças&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;R$ 1.660,85 por mês · 19 meses&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Da sobra: R$ 1.383,20&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Cortes: + R$ 277,65&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Economias precisam acontecer.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;O botão também passou a identificar o compromisso: “Escolher plano de 19 meses”.&lt;/p&gt;

&lt;p&gt;Os valores são exemplos da simulação apresentada no projeto. Não representam resultados obtidos por uma pessoa real nem agregados da base do desafio.&lt;/p&gt;

&lt;p&gt;A decomposição permite conferir uma relação simples:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;R$ 1.383,20 disponíveis da sobra
+ R$ 277,65 dependentes de cortes
= R$ 1.660,85 de compromisso mensal
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Essa apresentação separa o dinheiro disponível da economia que ainda precisa acontecer. As duas parcelas somam o mesmo valor, mas têm condições diferentes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fm981ukov5x5zuxs01lpb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fm981ukov5x5zuxs01lpb.png" alt="Diagrama da composição mensal: R$ 1.383,20 da sobra mais R$ 277,65 dependentes de cortes somam R$ 1.660,85 por mês, durante 19 meses." width="800" height="633"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Figura 2. Diagrama editorial, não uma tela da Bússola. A barra representa as proporções das duas parcelas do exemplo; não representa uma distribuição de usuários ou um resultado financeiro observado.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Copy e cálculo precisam concordar
&lt;/h2&gt;

&lt;p&gt;Se o cálculo inclui uma condição, a interface precisa comunicar essa condição. Se a interface apresenta um valor como disponível, o sistema precisa sustentar essa interpretação.&lt;/p&gt;

&lt;p&gt;Uma revisão útil começa com perguntas concretas:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;De onde vem cada parcela do valor?&lt;/li&gt;
&lt;li&gt;O que depende de uma mudança futura?&lt;/li&gt;
&lt;li&gt;Essa condição está visível antes da escolha?&lt;/li&gt;
&lt;li&gt;O botão identifica o compromisso ou apenas diz “continuar”?&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Esse trabalho envolve conteúdo, produto e engenharia. Um texto claro não corrige, sozinho, uma lógica de recomendação inadequada.&lt;/p&gt;

&lt;h2&gt;
  
  
  Referências que ajudam a revisar a decisão
&lt;/h2&gt;

&lt;p&gt;A documentação do W3C para &lt;a href="https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions.html" rel="noopener noreferrer"&gt;WCAG 2.2, critério 3.3.2: rótulos ou instruções&lt;/a&gt; orienta a fornecer informações para que a pessoa saiba o que está selecionando. Não se trata de explicar tudo: a instrução precisa apoiar a tarefa.&lt;/p&gt;

&lt;p&gt;O &lt;a href="https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels.html" rel="noopener noreferrer"&gt;critério 2.4.6: títulos e rótulos&lt;/a&gt; pede que descrevam o assunto ou a finalidade. É uma referência útil para revisar “Escolher plano” e perguntar se o rótulo identifica suficientemente o compromisso apresentado. Esse recorte de escrita não demonstra conformidade com WCAG; semântica, interação e testes assistivos também precisam ser verificados.&lt;/p&gt;

&lt;p&gt;Para experiências com IA, a &lt;a href="https://www.microsoft.com/en-us/haxtoolkit/guideline/make-clear-why-the-system-did-what-it-did/" rel="noopener noreferrer"&gt;diretriz 11 do Microsoft HAX Toolkit&lt;/a&gt; recomenda permitir acesso a explicações sobre as saídas do sistema. Ela também alerta que uma explicação pode aumentar a confiança sem que o sistema mereça essa confiança. No nosso exemplo, mostrar a composição do valor explica uma conta; não valida a recomendação financeira nem o prazo.&lt;/p&gt;

&lt;p&gt;Essas referências ajudam a definir critérios de revisão. Não são evidência de que a mudança da Bússola melhorou a compreensão das pessoas.&lt;/p&gt;

&lt;h2&gt;
  
  
  O que esta revisão permite afirmar
&lt;/h2&gt;

&lt;p&gt;A versão revisada explicita a composição do compromisso mensal. Isso é observável na interface.&lt;/p&gt;

&lt;p&gt;Ainda não permite afirmar que as pessoas entenderam melhor, escolheram planos mais adequados ou melhoraram sua saúde financeira. Essas conclusões exigem pesquisa com participantes e validação da lógica dos cenários.&lt;/p&gt;

&lt;p&gt;As comparações do case são reconstituições visuais baseadas no código e no roteiro, não capturas das versões executadas. A revisão de escrita e interface aconteceu depois da entrega coletiva da hackathon.&lt;/p&gt;

&lt;p&gt;Minha conclusão de trabalho é simples: antes de tornar um plano mais atraente, precisamos tornar suas condições mais visíveis.&lt;/p&gt;

&lt;h2&gt;
  
  
  Fontes
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/eusouakell/bussola" rel="noopener noreferrer"&gt;Repositório da Bússola&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/eusouakell/bussola/blob/99377296f17f470c2f74d5037a4cb5644a6c82c5/web/public/case/index.html" rel="noopener noreferrer"&gt;Estados reconstituídos do case, no commit 9937729&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.microsoft.com/en-us/research/publication/guidelines-for-human-ai-interaction/" rel="noopener noreferrer"&gt;Amershi et al. — Guidelines for Human-AI Interaction, CHI 2019&lt;/a&gt;: pesquisa que fundamenta as diretrizes usadas pelo HAX Toolkit.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;O projeto original é coletivo. Este recorte aborda o refinamento posterior de UX e conteúdo.&lt;/p&gt;

</description>
      <category>ux</category>
      <category>design</category>
      <category>ai</category>
    </item>
    <item>
      <title>API Connect Conference free com mais de 60 palestrantes</title>
      <dc:creator>Kell da Cereja Flamejante</dc:creator>
      <pubDate>Sat, 10 Apr 2021 14:17:59 +0000</pubDate>
      <link>https://dev.to/eusouakell/olha-a-pizzaaaa-pessoal-estamos-com-uma-campanha-de-incentivo-para-divulgar-o-api-connect-conference-free-acj</link>
      <guid>https://dev.to/eusouakell/olha-a-pizzaaaa-pessoal-estamos-com-uma-campanha-de-incentivo-para-divulgar-o-api-connect-conference-free-acj</guid>
      <description>&lt;p&gt;Olha a 🍕 pizzaaaa. &lt;br&gt;
Pessoal, estamos com uma campanha de incentivo para divulgar o APICON. Os 5 que mais indicarem ganham iFood Card de R$50,00&lt;br&gt;
Eu vou participar da abertura e vai ser 100% on-line e gratuito de 13 a 15 de abril.&lt;br&gt;
&lt;a href="http://bit.ly/apiconpizza" rel="noopener noreferrer"&gt;http://bit.ly/apiconpizza&lt;/a&gt;&lt;br&gt;
Veja o conteúdo das atividades aqui &lt;a href="https://prensa.li/apicon/api-connect-conference-2021/" rel="noopener noreferrer"&gt;https://prensa.li/apicon/api-connect-conference-2021/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>graphql</category>
      <category>devops</category>
      <category>microservices</category>
    </item>
  </channel>
</rss>
