Un prodotto e il suo UI kit, Nomi delle Varianti, Differenze tra Button e Link
Un prodotto e il suo UI kit, Nomi delle Varianti, Differenze tra Button e Link
⭐️ HEADLINES
Costruire un prodotto e un kit UI, insieme
Le due cose devono andare di pari passo. In questo interessante — e lungo — post pubblicato sul blog zero added sugar si analizzano tutti quegli aspetti pratici del veder crescere una libreria mentre si lavora al prodotto.
Dare un nome alle varianti
Se non hai familiarità con le varianti, sono una funzionalità di Figma per trasformare componenti diversi ma correlati tra loro in un unico componente con opzioni selezionabili.
Più opzioni, più problemi: come definisco il nome di una variante? Come le organizzo in modo uniforme su componenti differenti.
Nella numero #06 della sua newsletter Joey Banks — designer@Twitter che si occupa di Design System — ci spiega come procedere per risolvere problemi di naming e organizzazione
Cancel — è un button o un link?
In questo dettagliatissimo articolo, Karim Maasen per UX Collective esamina le best practices di UX in merito a come differenziare le azioni dalla semplice navigazione.
🧰 TOOLS
Pika — Per creare velocemente screenshots e mockups nel browser
MagentaA11y — Una checklist dedicata all’accessibilità - genera automaticamente test per componenti Web, iOS e Android
Design System Checklist — Una checklist open source per aiutarti a pianificare e costruire un Design System