aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/api/push_api/best_practices
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:49:58 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:49:58 +0100
commit68fc8e96a9629e73469ed457abd955e548ec670c (patch)
tree8529ab9fe63d011f23c7f22ab5a4a1c5563fcaa4 /files/pt-br/web/api/push_api/best_practices
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-68fc8e96a9629e73469ed457abd955e548ec670c.tar.gz
translated-content-68fc8e96a9629e73469ed457abd955e548ec670c.tar.bz2
translated-content-68fc8e96a9629e73469ed457abd955e548ec670c.zip
unslug pt-br: move
Diffstat (limited to 'files/pt-br/web/api/push_api/best_practices')
-rw-r--r--files/pt-br/web/api/push_api/best_practices/index.html73
1 files changed, 73 insertions, 0 deletions
diff --git a/files/pt-br/web/api/push_api/best_practices/index.html b/files/pt-br/web/api/push_api/best_practices/index.html
new file mode 100644
index 0000000000..9b0fafd2b7
--- /dev/null
+++ b/files/pt-br/web/api/push_api/best_practices/index.html
@@ -0,0 +1,73 @@
+---
+title: Melhores práticas
+slug: Web/API/API_Push/Best_Practices
+tags:
+ - Apps
+ - Iniciante
+ - Melhores Práticas
+ - Notificações
+ - Push API
+ - Usabilidade
+translation_of: Web/API/Push_API/Best_Practices
+---
+<p>{{draft}}</p>
+
+<p><span class="seoSummary">Este artigo proporciona um compilado das melhores práticas a serem usadas enquanto estiver desenvolvendo websites e aplicações que usem Notificações push para engajamento de usuários.</span></p>
+
+<blockquote>
+<p>“Se feito de uma maneira correta, as notificações ajudam os usuarios, se não, so irritam.” — Conversa entre dois desenvolvedores a respeito da etica das notificações push.</p>
+</blockquote>
+
+<h2 id="Visão_Geral_do_web_push_notifications">Visão Geral do <em>web push notifications</em></h2>
+
+<p><em>Notificações Web Push</em> (criadas usando uma combinação das APIs de <em><a href="/en-US/docs/Web/API/Notifications_API">Notificações</a></em>, <em><a href="/en-US/docs/Web/API/Push_API">Push</a></em> e <em><a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker</a></em>) são parte de um movimento crescente em que desenvolvedores e comerciantes estão usando para conseguir atenção para seus sites. Uma procura rápida pelo termo "<em>web push notifications</em>", irá resultar em vários artigos, em que especialistas em marketing que acreditam que deve-se usar a API de Push para recapturar a atenção de pessoas que saíram de seu site para que possam terminar o que estavam fazendo, por exemplo, uma compra, ou então enviar as últimas notícias e até recomendação de produtos</p>
+
+<h3 id="O_Lado_obscuro">O Lado obscuro</h3>
+
+<p>Essa novidade oferece uma oportunidade nova e <span id="docs-internal-guid-5e44340f-7fff-f226-7820-a1cf35011ecf" style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">inexplorada</span> para sites empresariais chegarem aos seus consumidores finais. Seu <span id="docs-internal-guid-c76c779d-7fff-d4b2-af33-b77f56148d66" style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">usuário</span> trocou de aba para responder um email? Consiga-os de volta com uma oferta que expira em um tempo limitado ou <span id="docs-internal-guid-3522ff41-7fff-722b-9245-fb96096f525a" style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">oferecendo</span> frete grátis, o qual ele não vai poder ignorar</p>
+
+<p>Mas <span id="docs-internal-guid-c3a7fd45-7fff-138e-d952-b7fb4778fda0" style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">sério</span>, qual o melhor uso das notificações push? Ou é apenas uma nova interação dos bons e velhos pop-ups?</p>
+
+<blockquote>
+<p>“<span class="tlid-translation translation" lang="pt"><span title="">O envio de notificações push não corre o risco de acabar na pasta de spam.</span> <span title="">Nem pode ser bloqueado por bloqueadores de anúncios.</span> <span title="">Ele aparece na sua área de trabalho, mesmo quando o site está fechado.</span> <span title="">No celular, ele aparece na barra de notificações, assim como as notificações por push do aplicativo, mesmo quando o navegador não está em execução</span></span>.” — um site de marketing anonimo</p>
+</blockquote>
+
+<h3 id="Bons_usos_das_notificações">Bons usos das notificações</h3>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Mas há também um lado bom no que se diz respeito as notificações por push.</span> <span title="">Digamos que você e sua equipe usem normalmente um programa de bate-papo para se comunicar, mas hoje você está feliz e saltitante trabalhando e surge um problema.</span> <span title="">Digamos que seu gerente tenha encontrado um problema nas aprovações e queira receber seu feedback sobre algo antes que ela prossiga.</span></span></p>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Neste documento, falaremos sobre o uso correto das notificações por push da web.</span> <span title="">Às vezes, eles podem eliminar a frustração e o aborrecimento e, às vezes, causá-los. Cabe a você, como desenvolvedor, fazer recomendações (e decisões) sábias sobre o uso de notificações por push.</span></span></p>
+
+<h2 id="O_que_se_espera_alcançar_com_as_notificações_push">O que se espera alcançar com as notificações push?</h2>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Como tudo, com grande poder vem uma grande responsabilidade.</span> <span title="">Toda notificação push devem ser úteis e sensíveis ao tempo, o usuário sempre deve fornecer a permissão antes de recebe-la primeiro e deve-se oferecer uma maneira fácil de optar por não receber mais no futuro.</span></span></p>
+
+<p>Temos que responder algumas perguntas basicas para verificar se as notificações são necessarias:</p>
+
+<ul>
+ <li><span class="tlid-translation translation" lang="pt"><span title="">Existe alguém esperando em tempo real por uma resposta?</span> <span title="">No exemplo acima, o gerente aguarda sua resposta e, portanto, uma notificação por push é apropriada.</span></span></li>
+ <li><span class="tlid-translation translation" lang="pt"><span title="">A atualização em tempo real é necessária?</span> <span title="">Eu uso um serviço que agrega diferentes fontes de notícias de mídia social.</span> <span title="">Quando uma história em que estou interessado está em alta, gostaria de receber uma notificação!</span></span></li>
+ <li><span class="tlid-translation translation" lang="pt"><span title="">Há notícias de última hora relevantes?</span> <span title="">É aqui que fica um pouco complicado.</span> <span title="">Às vezes, os sites de notícias solicitam notificações por push para que possam dizer "Olhe para mim! Olhe para mim!"</span> <span title="">Tudo se resume ao que o usuário deseja, e você pode usar o comportamento para determinar a interação.</span> <span title="">Por exemplo, se o usuário visualizar mais de um artigo ou permanecer na sua página por vários minutos, ele poderá estar interessado em receber atualizações.</span></span></li>
+</ul>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Além da questão de saber se uma notificação por push é necessária, existem muitas variedades de notificações por push, variando de casual e efêmera a persistente e exigente.</span></span></p>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Aconselhamos que você use as notificações que exigem uma interação de forma conciente e com moderação, pois estas podem irritar seu usuario e afasta-lo.</span> <span title="">Suas notificações devem ser acolhedoras, não hostis.</span></span></p>
+
+<h2 id="Gerando_confiança">Gerando confiança</h2>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Alguns estudos mostraram que até 60% das notificações por push não chegam ao usuário final.</span> <span title="">Permitir que seu usuario receba notificações por push em tempo real exige confiança, por parte do aplicativo.</span> <span title="">Você pode criar confiança ao ter um site bem projetado que forneça um bom conteúdo e que mostre respeito pelo usuário alem de um valor claro para que o usuario aceite as notificações push.</span></span></p>
+
+<h2 id="Mitigações_dos_navegadores">Mitigações dos navegadores</h2>
+
+<p><span class="tlid-translation translation" lang="pt"><span title="">Por causa dos abusos da utilização das notificações por push no passado, os desenvolvedores de navegadores começaram a implementar estratégias para ajudar a mitigar esse problema.</span> <span title="">Por exemplo, o Safari 12.1 agora exige - e outros navegadores já o fazem ou estão planejando</span></span><sup><a href="#mitigations-footnote-1">[1]</a></sup> fazer—<span class="tlid-translation translation" lang="pt"><span title="">que o usuário interaja com a página de alguma forma antes que ela possa solicitar permissão para executar notificações por push, assim como já acontece com os popups.</span> <span title="">Isso pelo menos impede que o usuário receba espontaneamente essa pergunta em páginas da Web que apenas olharam de uma só vez, raramente ou nunca mais.</span></span></p>
+
+<p><a id="mitigations-footnote-1" name="mitigations-footnote-1">[1]</a> No caso do Firefox, veja {{bug(1524619)}}, podemos observar que Firefox 68 implementa isso, desabilitado por padrão, usando a preferência <code>dom.webnotifications.requireuserinteraction</code>.</p>
+
+<h2 id="Veja_também">Veja também</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Notifications_API">Notifications API</a></li>
+ <li><a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a></li>
+ <li><a href="/en-US/docs/Web/API/Push_API">Push API</a></li>
+</ul>