Allineamenti, gerarchia tipografica, stati e densità informativa: piccoli interventi che trasformano la leggibilità percepita di un’app.
Una schermata “Agents” (o “List/Select item”) sembra semplice: una lista di card, qualche filtro, uno stato online/offline. Eppure è uno dei punti in cui molte app crollano, perché l’interfaccia si riempie di micro-informazioni, indicatori duplicati e scelte cromatiche che non reggono su contenuti reali.
Qui trovi un refactor guidato dai fondamentali: non “rifacciamo tutto”, ma sistemiamo ciò che rovina leggibilità, coerenza e scansionabilità.
1) Parti dall’inquadratura: spazi simmetrici e margini coerenti
Prima ancora di parlare di card e colori, controlla la cornice dell’interfaccia:
