De vez em quando, uma postagem de blog é publicada e estimula uma reação ou resposta em outras que são, por sua vez, publicadas como postagens de blogs, e um tema começa a surgir. Foi o que aconteceu na semana passada e o tema desenvolvido em torno do custo dos frameworks JavaScript — um custo que, neste caso, revela o quão importante é use JavaScript com responsabilidade.
Saúde moderna, estruturas, desempenho e danos
Eric Bailey:É aqui que a história começa. Eric acessa o site de um provedor de serviços de saúde para marcar uma consulta e recebe… uma tela em branco.
Além de uma quantidade assustadora de telemetria, a experiência voltada para o cliente da Modern Health é fornecida usando React e Webpack.
Se você está familiarizado com a forma como a web é construída, o que aconteceu é bastante óbvio: um site que depende demais do JavaScript para potencializar sua experiência teve sua lógica colidindo com uma ou mais outras peças errôneas de lógica que ele invoca. Isso criou um impasse.
Se você não vive de experiências digitais, o que aconteceu não é nada óbvio. Tudo o que você vê é um pequeno spinner de carregamento falso que nunca para.
D'oh. Isso pode ser mero incômodo – ou até ridículo – em algumas situações, mas não quando a saúde de alguém está em jogo:
Uma pessoa que procura ajuda em um momento de crise não se importa com TypeScript, trepidação de árvore, substituição de módulo quente, testes A/B, gráficos de burndown, NPS, OKRs, KPIs ou outro jargão de inicialização. A experiência do desenvolvedor não conta para merda nenhuma se a pessoa que usa a coisa que construiu não consegue realmente obter o que precisa.
Este é o grande golpe da realidade. O que acontece quando nossas ferramentas e relatórios – as mesmas coisas que devem tornar nosso trabalho mais eficaz – atrapalham a experiência do usuário? Estas são ferramentas que fornecem insights que podem nos ajudar antecipar as necessidades de um usuário, especialmente em um momento de necessidade.
Percebo que apontar o dedo para os frameworks JavaScript já é divisivo. Mas isso vai além de você usar React ou estrutura do dia. É sobre prioridades de negócios e experiência do desenvolvedor em conflito com as experiências do usuário.
O mercado de limões
Alex Russel:Os partidários de estruturas lentas e complexas comercializaram com sucesso os limões como a novidade quente, apesar das falhas generalizadas em seu rastro, expulsando opções de maior qualidade no processo.
Essas tecnologias foram inicialmente lançadas na parte de trás de “melhores experiências do usuário”, mas tem falhou totalmente para cumprir essa promessa fora do organizações de alta maturidade gerencial em que nasceram. Transplantados para a web mais ampla, essas novas pilhas provaram ser insucessos caros.
Eis o problema. Alex não está medindo palavras, mas observe que o ônus está na maneira como os frameworks foram comercializados para desenvolvedores do que para os próprios desenvolvedores. O discurso de vendas?
Depois que os vendedores de limão incorporaram a ideia de luz de dados de que a “Experiência do desenvolvedor” (“DX”) aprimorada leva a melhores resultados do usuário, “DX” aprimorado tornou-se um fim em si mesmo, e muitos que sabiam melhor se sentiram forçados a jogar junto. Os longos tempos de espera na falsificação do UX trickle-down eram um recurso, não um bug; eles não precisam de você para ter sucesso, apenas para continuar comprando.
No que diz respeito ao marketing, o “DX” isca e interruptor é brilhante, mas a tecnologia não está entregando para ninguém mas a desenvolvedores.
Difícil de engolir, certo? Ninguém quer ser enganado e é difícil admitir um custo irrecuperável quando existe um. Fica totalmente pessoal se você investiu tempo em uma peça específica de tecnologia e esforço para integrá-la à sua pilha. Os fluxos de trabalho de desenvolvimento são difíceis e se estabelecer em um é como se instalar em uma casa que você planeja morar daqui a pouco. Mas você gostaria de saber se sua casa foi construída no que Alex chama de “fundação arenosa”.
Eu gostaria apenas de fazer uma pausa aqui por um momento para dizer que não tenho pele neste debate. Como um generalista da web, tendo a adotar novas ferramentas cedo para familiaridade e depois abandoná-las rapidamente, relegando-as ao meu galpão de ferramentas até encontrar um bom uso para elas. Em outras palavras, meu conhecimento é Largo mas não muito profundo em uma área ou coisa. HTML, CSS e JavaScript são meu coquetel preferido, mas me preocupo muito com a experiência do usuário e sei quando buscar uma ferramenta para resolver um problema específico.
E vamos reconhecer que nem todo mundo tem uma palavra a dizer sobre o assunto. Muitos de nós trabalhamos em equipes gerenciadas que recebem as ferramentas que usamos. Alex diz o mesmo, o que acho importante destacar porque está claro que isso não é para ser pessoal. É uma declaração sobre nossas prioridades e garantir que elas correspondam às expectativas do usuário.
Vamos permitir que Chris nos conduza de volta à história…
Testes de ponta a ponta com bloqueadores de conteúdo?
Chris Coyier:Então, talvez seu aplicativo seja construído em React e não importa por que é assim. Ainda há trabalho a fazer para garantir que o aplicativo seja confiável e acessível.
Apenas bloquear um arquivo não deve destruir totalmente um site, mas geralmente o faz! Em JavaScript, pode ser porque os desenvolvedores escreveram JavaScript primário (o que geralmente permito) que depende do JavaScript de terceiros (que geralmente bloqueio).
[...]
Se eu bloquear recursos de
tracking-website.com
, agora meu JavaScript primário gerará um erro. JavaScript não é tranquilo. Se um erro for lançado, ele não executará mais JavaScript mais abaixo no arquivo. Se mais abaixo nesse arquivo étransitionToOnboarding();
- isso não vai funcionar.
Talvez valha a pena revisar seu fluxo de trabalho e ajustá-lo para identificar mais pontos de falha.
Então, aqui está uma ideia: execute seus testes de ponta a ponta em navegadores que possuem bloqueadores de conteúdo populares com configurações padrão instaladas.
Fazer isso pode revelar problemas como esse que impedem seus clientes e, na verdade, pessoas necessitadas, de serem parados.
Boa ideia! Ei, qualquer coisa que ajude a pintar uma imagem mais realista de como o aplicativo é usado. Esse tipo de clareza pode acontecer muito mais cedo no processo, talvez antes de decidir sobre as decisões de desenvolvimento. Conheça seus usuários. Por que eles estão usando o aplicativo? Como eles navegam na web? Onde eles estão fisicamente localizados? Que problemas poderiam atrapalhar? Chris tem uma ótima palestra sobre isso também.
- Conteúdo com tecnologia de SEO e distribuição de relações públicas. Seja amplificado hoje.
- Platoblockchain. Inteligência Metaverso Web3. Conhecimento Ampliado. Acesse aqui.
- Fonte: https://css-tricks.com/healthcare-selling-lemons-and-the-price-of-developer-experience/
- 1
- 11
- 7
- 9
- 98
- a
- Sobre
- Conta
- reconhecer
- Adição
- Admitem
- adotar
- alex
- Todos os Produtos
- já
- quantidade
- e
- app
- nomeação
- ÁREA
- por aí
- em caminho duplo
- BAILEY
- Porque
- antes
- ser
- Melhor
- Pós
- Grande
- Bloquear
- bloqueio
- Blog
- Blogs
- livro
- nascido
- brilhante
- navegadores
- Bug
- construído
- negócio
- Comprar
- chamada
- chamadas
- Cuidado
- casas
- charts
- clareza
- remover filtragem
- Colidir
- COM
- integrações
- Conflitante
- conteúdo
- Custo
- poderia
- criado
- crise
- APF
- Clientes
- acordo
- debate
- decisões
- Padrão
- entregar
- entregue
- entregando
- depende
- Apesar de
- desenvolvido
- Developer
- desenvolvedores
- Desenvolvimento
- digital
- Não faz
- não
- down
- Cair
- Mais cedo
- Cedo
- Eficaz
- esforço
- end-to-end
- erro
- especialmente
- Mesmo
- todos
- executar
- expectativas
- vasta experiência
- Experiências
- Falha
- falsificação
- familiar
- Familiaridade
- RÁPIDO
- Característica
- Envie o
- Encontre
- dedo
- enquadramentos
- da
- mais distante
- geralmente
- ter
- vai
- vai
- Bom estado, com sinais de uso
- ótimo
- acontecer
- aconteceu
- acontece
- Queijos duros
- Saúde
- saúde
- ajudar
- ajuda
- SUA PARTICIPAÇÃO FAZ A DIFERENÇA
- HOT
- House
- Como funciona o dobrador de carta de canal
- HTTPS
- EU VOU
- idéia
- identificar
- importante
- melhorado
- melhorar
- in
- Em outra
- inicialmente
- insights
- instalado
- Integração
- investido
- IT
- se
- jargão
- JavaScript
- Guarda
- Saber
- Conhecimento
- conduzir
- Leads
- Line
- pequeno
- vida
- carregamento
- localizado
- longo
- lote
- fazer
- Fazendo
- gerenciados
- muitos
- mercado
- Marketing
- Importância
- poder
- EQUIPAMENTOS
- módulo
- momento
- mais
- você merece...
- Cria
- Novo
- óbvio
- ONE
- Opções
- Outros
- Outros
- lado de fora
- pintura
- particular
- passado
- Pessoas
- atuação
- possivelmente
- pessoa
- pessoal
- fotografia
- peça
- peças
- Passo
- inclinado
- plano
- platão
- Inteligência de Dados Platão
- PlatãoData
- Jogar
- pontos
- Popular
- Publique
- POSTAGENS
- poder
- bastante
- preço
- problemas
- processo
- promessa
- comprovado
- fornecer
- provedor
- publicado
- alcançar
- Reagir
- reação
- realista
- Realidade
- perceber
- confiável
- Relatórios
- Recursos
- resposta
- revela
- Execute
- vendas
- diz
- Peneira
- busca
- VENDEDORES
- Vender
- serviço
- Provedor de Serviço
- situações
- Pele
- lento
- So
- RESOLVER
- alguns
- específico
- pilha
- Pilhas
- começa
- inicialização
- Declaração
- Ainda
- Dê um basta
- parou
- Pára
- História
- suceder
- entraram com sucesso
- Convocação
- suposto
- Converse
- equipes
- tecnologia
- Tecnologias
- testes
- A
- deles
- tema
- si mesmos
- coisa
- coisas
- Pensar
- De terceiros
- tempo
- vezes
- para
- também
- ferramenta
- ferramentas
- TOTALMENTE
- verdadeiro
- VIRAR
- tweaking
- Datilografado
- descobrir
- us
- usar
- Utilizador
- Experiência do Usuário
- usuários
- ux
- Acordar
- web
- Webpack
- Site
- semana
- O Quê
- se
- qual
- enquanto
- QUEM
- mais largo
- palavras
- Atividades:
- de gestão de documentos
- fluxos de trabalho
- Equivalente há
- escrito
- investimentos
- zefirnet