Progettazione e prototipo dell’interfaccia utente per una macchina del caffè professionale con display touchscreen.
Sfide e Requisiti
Ottimizzazione della UI per un display stretto e lungo.
Gestione efficiente della selezione bevande con scroll e introduzione di un tasto di avvio per ridurre errori da selezione accidentale.
Organizzazione chiara dei comandi di sistema e funzioni di gestione (on/off, settings) distinte dalla zona di selezione bevande, con posizionamento ergonomico e gerarchico.
Scelta e definizione di una scala di padding e spaziatura interna con variabili Figma e naming coerente per facilitare la gestione e la scalabilità del design system.
Indicazione grafica e iconografica chiara per funzioni avanzate come monitoraggio stato macchina, dosi e personalizzazioni profili utente.
Risultati
UI funzionale, moderna e user-friendly che bilancia esigenze d’uso rapide e di precisione, con un design pulito e coerente, semplificando l’interazione con una macchina professionale complessa.
Design of the user interface for a professional coffee machine with a touchscreen display.
Challenges and Requirements
- UI optimization for a narrow, tall display.
- Efficient management of beverage selection with scrolling and the introduction of a start button to reduce accidental selection errors.
- Clear organization of system controls and management functions (on/off, settings), separate from the beverage selection area, with ergonomic and hierarchical placement.
- Selection and definition of a padding and spacing scale using Figma variables with consistent naming to facilitate management and scalability of the design system.
- Clear graphical and iconographic indications for advanced functions such as machine status monitoring, doses, and user profile customizations.
Results
A functional, modern, and user-friendly UI that balances speed and precision needs, featuring a clean and coherent design that simplifies interaction with a complex professional machine.
