Executando verificação de segurança...
45

Você adiciona "suco" nos seus softwares?

Esta publicação aqui no TabNews está fazendo um par com um vídeo que estou criando para o meu canal no YouTube neste exato momento .

[Edit]
Acabei de publicar o vídeo: https://youtu.be/K-RFpODr_KI


Então esta publicação foi usada como base para registrar em vídeo um último exemplo de suco em software (ou em outras palavras, deixar um software suculento) que é, após a publicação, cai uma chuva de confetes.

E além disto, esta publicação serve para outra coisa: no vídeo eu faço um convite para você que também gosta de deixar os seus softwares suculentos, colocar o link deles nos comentários e explicar exatamente onde você adicionou esse charme para encantar os usuários. Não precisa ser um software comercial, nem real, basta ser um projeto experimental que já está valendo 🤝

Carregando publicação patrocinada...
12

Quando criei o Poku, a ideia era (é) transmitir como ele pode tornar os testes fáceis, mas só código não seria suficiente pra isso, porque a pessoa precisaria instalar, criar um teste e testar por conta própria pra tirar conclusões.

Minha idea foi simples:

Humanizar todo o processo de ponta a ponta 💡

  • Toda a documentação é escrita em tom de conversação, como se eu estivesse te ensinando pessoalmente.
  • O mascote? Tenho certeza que sem ele o repositório não teria nem perto da metade das estrelas que possui hoje.
  • E por que um porquinho fofinho? Porque é muito mais fácil atrair e mostrar a facilidade que ele traz de forma visual do que com o código literal.

Mas o mascotinho fofo criou um problema inesperado 🤡

As pessoas pensaram que ele era um test runner para iniciantes, mas ele é agnóstico de nível.

E como resolvi isso?

Trazendo mais três porquinhos pra família, os Pokus júnior, pleno e sênior, criando uma seção introdutória para cada nível na documentação do projeto:

OriginalJúniorPlenoSênior
  • Dá um zoom e olha os easter eggs no cabelinho e nos pelinhos da barriga de cada um 😂

Agora olha só na prática:


Coloque amor nos seus projetos 🫰🏻

São tantos, mas tantos "sucos", que eu passei a ser até reconhecido pelo projeto 😂

Gosto de pensar no "suco" como "carinho", mas não carinho no projeto e sim, carinho em cada detalhe:

E quando falo cada detalhe, até o comando mais sem graça de qualquer aplicação CLI tem seu próprio "suco":

poku --help
  • E se você está pensando que é porque ele é organizadinho, você entendeu errado, volte três casas e leia as dicas outra vez:

Finalizo dizendo que a dedicação que a gente coloca em nossos projetos (seja com "suco", carinho ou até amor), pode fazer toda a diferença 🙋🏻‍♂️

5

Eu literalmente vi esse vídeo ontem pela noite e hoje já implementei um pequeno suco kkkkk.

Está na seção de pricing desse projetinho aqui. É uma mensagem pra os BRs que passam por lá 🇧🇷.

É bem simples, eu sei, mas não deixa de ser um suco, né?

A maioria dos sucos que vejo envolvem animações (parece ter surgido do nada uma "trend" dessas de fazer suco em páginas de login, mas esse não, é só um textinho mesmo.

5

Adicionar suco eh um hobbie que valorizo demais!! Sim, tem que ser funcional antes de tudo... mas aquele capricho extra dá uma bela motivada.

Tenho muito orgulho dessa aplicação de uso interno que fiquei reposnsável pelo frontend.
O objetivo era gerenciar os usuários que tinham acesso ao banco da aplicação evitando comandos potencialmente perigosos e facilitando templates SQL usados com frequencia (hoje sei que tem forma bem amis elegante e adequada de lidar com isso, mas serviu bem ao propósito).

Aqui tem uma versão rodando com o back mockado:
https://alexandremendoncaalvaro.github.io/Alfred
demo

Digite um comando SQL, como um "select * from" ou um update. Interaja clicando no menu, no morcego ou no Alfred, nas pernas, braços, rosto, gravata... digite batman, digite kkkkk, digite lua.
Vários pequenos easter eggs e sucos.

Aqui tem o código fonte (fiz 90% das ilustrações, layout e animações pelo simples prazer de fazer como eu imaginei pra ficar bem delicinha):
https://github.com/alexandremendoncaalvaro/Alfred

4

Muito massa ver os trabalhos de outras pessoas e prestar atenção nesses detalhes de "suco"! Assisti o vídeo do Filipe e enquanto ele falava fui lá no RedigeAI e em menos de 10min adicionei os confetes ao enviar uma redação e ajeitei alguns botões usando um hover bem simples.

Daí eu chego aqui no TabNews e vejo esses outros projetos incríveis do pessoal! Acabei me inspirando e atualizando a landingpage do projeto com um vídeo bem no início! Eu achei muito massa essas simples atualizações!

Ainda tem bastante "suco" pra adicionar, mas vou com calma! Vlw pessoal!

3

Muito interessante esse ponto de vista, vou explicar um case que tive: a um tempo atrás trabalhei em uma distribuidora de produtos e em desenvolvimento estava um projeto de um sistema para lidar com cargas (era web, criado com PHP e JS), foi aí que tive a idéia de ao movimentar as cargas (entre status de CARREGANDO ou CARREGADO), representá-lo com imagens (ícones) de caminhões, que podiam ser movidas de uma doca para outra. Gerando um desenpenho visual, isso foi bem legal, pena que o projeto total foi encerrado, mas na época as pessoas que lidavam com esse módulo acharam muito massa e divertido trabalhar.

3

Eu copiei o ticket do Next.js Conf para um lançamento.

Embora o funcionamento do ticket/ingresso seja totalmente mocado, a experiência que nós criamos foi muito bem recebida pela nossa audiência.

Em resumo, o ticket levava um número que parecia ser um código aleatório, mas na verdade era o timestamp do momento em que o usuário criou. Além disso, ele é personalizado em tempo real.

Não é algo engenhoso ou genial, mas fez toda a diferença e hoje guardamos com carinho. Funciona melhor pelo desktop.

https://mirelladellazzari.com.br/cd4t-aovivo_development/obrigado

3

Além do Alfred, fiz também um blog que cada publicação era super interativa... amei construir. A cada publicação eu tinha que programar algo novo, pra integrar no motor do blog e entregar uma experiência interativa pro usuário. Desde fazer funcionar a linguagem Idyll, até o mascote do blog, que é um toque que pode passar despercebido, mas fiz questão de modelar em 3d e animar:
Macote

Exemplos:

Acesse no Desktop pra experiência completa

Post sobre o uso de botões no Arduino (sem ter problemas)
https://inteligenciadascoisas.netlify.app/post/20200517-pullup/

Pullup

Post sobre animações pra Web, comparando ferramentas e mostrando exemplos
https://inteligenciadascoisas.netlify.app/post/20200504-greensock/

Greensock

Nesse segundo, além dos exemplos interativos, tem um video interativo, que vc pode EDITAR o código mostrado, diretamente no player de vídeo (Dica que aprendi com o Filipe)

2

Vi esta publicação através de um colega de trabalho hoje. Que conteúdo massa! Não havia parado para pensar sobre. É muito legal perceber que esses pequenos detalhes fazem a diferença, incluse no nosso próprio dia a dia como usuário.
Com certeza brincadei um pouco criando um!

2

Vi o vídeo do Filipe esses dias e fiquei inspirada. Já tinha visto um site parecido antes, mas resolvi adicionar um 'suco' usando a lib que ele menciona. Ainda devo testar mais sucos daqui pra frente nesse projeto. se tiverem ideias, me mandem :)

Um site para mandar para o seu amor. pedido irrecusável:

http://irrefutablerequest.vercel.app/

happy valentines!

2
4
2

Inspirado no Tabnews, assim que o usuário assina um dos planos, confetes caem na tela, de forma semelhante ao efeito ao publicar algo aqui. Para isso, utilizei a biblioteca react-native-fast-confetti.

2
2
-2