Pinned Tweet
8 anos depois, o Magoo saiu... Tudo o que você precisava compreender sobre design de interação REAL de componentes ANTES de construir um design system.
Instruções claras para UI, UX, PD, PO, Tester e DEV.
Pode usar como consulta ou instalar pra validar. magoo.cc
Esse projeto me lembrou um que fiz pra Nissin (sim, a do Miojo) em 2009 no Flash... a ideia era ensinar estoquistas de supermercado a posicionarem corretamente os produtos nas gôndolas... muito actionscript pra funcionar... 🤓
What if shopping for groceries online felt more like walking through a supermarket?
Built with Claude code (Fable 5.2)
A little experiment in making online shopping feel more natural and fun.
What do you think ?
1
169
O leigo piadista (não necessariamente os dois juntos) diz: R$3 milhões e meio pra deixar o logo com canto redondo?
O profissional da área diz: 60 profissionais de áreas diferentes envolvidos em 3 anos? Mudaram mais de 50 submarcas e ainda conseguiram manter a conversa com um público leigo?
🤝👏🙌 absolute design! 😉
75
liceuescola.com.br/premiodes…
Estudantes de design... prêmio bacana pra vocês... ☺️
103
Já vi comentários dizendo que fariam a nova identidade visual da Caixa em 20 segundos no GPT... 🤓
De fato, talvez fique pronto até mais rápido que isso... mas é bom demais ver pessoas dando pitaco em projeto de identidade visual achando que é só "uma marquinha"... 🤓
Em tempo: Não dou pitaco no design concluído pq dentro de algumas semanas ninguém mais vai lembrar como era o antigo.
O valor da construção é ridiculamente pequeno se comparado com o valor da aplicação prática (troca de tudo, de fachadas a papelaria de todas as agências no BR) e principalmente se comparado com o lucro obtido no último ano pelo banco.
Mas sim... dá pra questionar aumentos de salários da galera também... só é importante lembrar que uma coisa é uma coisa e outra coisa é outra coisa... :)
4
242
Algumas empresas usam ferramentas do tipo "overlay" e acreditam que estão resolvendo a acessibilidade de um site. Este projeto foi desenvolvido pra esclarecer todos os pontos.
Acesse com um café na mão e paciência (de preferência no desktop):
naoacrediteemferramentasmila…
8
312
Surreal a cara de pau de uma galera que plagia o trampo todo e ainda elogia nos comentários... bicho... já vi plágio de tudo o que é tipo, mas isso aqui, tá no topo de tudo!
8
317
Hoje na Semana de Design Itau, entre as palestras, um quadro interessante apresentado pelo Fabrício Dore com "novas" capacidades para designers "do futuro"...
Agentic Experience Designer
Conversation & Behavior Designer
AI Experience Designer
Human-AI Service Designer
Design Engineer
AI Creative Technologist
AI Design Systems Architect
DS Eval Designer
Eval Researcher
AI Ops Researcher
AI Content Designer
AI Design Operations Lead
Esse vídeo do @penegui_oficial deveria estar sendo compartilhado no mundo todo como caso explícito de falta de segurança, irresponsabilidade, lobby político e falcatrua... só pensa nos conchavos dessa galera? :(
👀 Quem vigia a cidade também pode estar sendo vigiado? 👀
Fui investigar o Smart Sampa e achei mais que senhas vazadas. O problema vai muito além de quem consegue entrar: é o que essa pessoa consegue acessar depois.
🔥 Se quiser aprender Pentest em cartões por aproximação, conheça o Teste de Penetração em Identificadores por Radiofrequência no link da bio @penegui
Agora que nos livramos parcialmente do risco de nos tornarmos um "novo EUA", um guia (em inglês, mas possível de traduzir) de microagressões e seu potencial impacto em algumas pessoas... se você não tem nenhum problema com elas, parabéns, mas leia mesmo assim: themicropedia.org
1
107
Projeto muito bem construído, criado por Thiago Vitamina, trazendo contextos históricos importantes sobre o envolvimento da política no design e o quanto nossas decisões (e as de outras pessoas) impactam no desenvolvimento de projetos e na influência de direcionamentos entre pessoas e profissionais na área do design.
5
145
Gustavo Greco... da série: empreendedores (de design) conscientes que compreendem a importância do posicionamento e do esclarecimento... ;)
Link para a rede vizinha:
instagram.com/reel/Dez9KxbBB…
1
102
Gosto quando a galera reune dados públicos em um local organizado pra facilitar a vida das pessoas... Flavio Gate é um bom exemplo disso... ;)
flaviogate.pagey.site/
Magoo 1.6.0 chegando...
Novos componentes, totalizando 37 agora... 😉
O que tem de novo:
Upload de arquivos, Autocomplete, Datas e intervalos, Carregamento e progresso, Cards, Indicador de etapas, Layout e ordem de conteúdo.
O que foi incrementado: Select, Tabelas, Menu e Input search
magoo.cc
1
81
"Teste é coisa de quem tem tempo. Nós temos prazo." cuzinho.dev/manifesto#a3
Foi feito pra DEV, mas daria pra ser tranquilamente pra designers... 😉
Mais um processo de design bacana, daqueles que gostaríamos de ter feito parte da equipe que produziu... 😉
1
139
Bora misturar um tempero ali na Bahia? 😂 Mês que vem acontece o Design & Dendê... e eu levo o workshop "Acessibilidade Vernacular" pra lá... vai dar uma mistura boa... ☺️ quer ver a agenda do evento? Vem aqui: designedende.com/event-detai…
6
131
Neste trecho do ótimo podcast Papo na Arena (ep. 137) sobre produtos digitais, Arthur Castro e Aíquis Rodrigues mencionam sobre pessoas que já projetam para interações diferentes do que a "comum" (mouse/gestos + visual) ;) 🧶
1
3
196
O que você pode ter de dados em seus projetos ao utilizar o Magoo.cc diretamente no Figma?
Segue o fio com uma breve explicação... 🧶
1
3
84
Uma revisão detalhada da interface, pontos de acerto, pontos de melhoria, o que pode ser incluído, o que não foi planejado... e o melhor de tudo... sem pagar nada por isso. 😉

ALT Muito conteúdo textual para descrever, mas basicamente, há um detalhamento profundo da interface, como por exemplo, neste trecho: O que documentar e verificar na implementação? 1) Destino de cada link e abertura na mesma aba ou em nova aba. Navegação por Tab na sequência visual, foco visível e ativação por Enter. 2) Nome acessível específico para cada história e tratamento dos logos, evitando anúncios redundantes. 3) Hierarquia de títulos e identificação do conjunto como lista, caso essa seja a estrutura adotada. 4) Contraste, área de toque e leitura com ampliação na interface implementada.
1
6
Mas Sales, porque fornecer isso de graça pras pessoas sem que elas paguem pelo seu serviço?
Uma coisa é ter a orientação, outra é saber o que fazer com a orientação... projetos complexos, fluxos complexos e telas complexas, continuam precisando de suporte e orientação... dai, a Tudo é Acessibilidade pode te ajudar assim como fez com as empresas que atendemos. :)
7












