Jokainen käyttämäsi näyttö on jonkun suunnittelema: pankkisovelluksen aloitusnäyttö, hakukenttä, asetussivu. Käyttöliittymäsuunnittelu on ala, joka päättää, kuinka nämä näytöt on järjestetty, miltä kukin säädin näyttää ja miten se reagoi, kun kosketat sitä.
Käyttöliittymäsuunnittelija työskentelee muutaman rakennuspalikan parissa. Asettelu ja välit ryhmittelevät toisiinsa liittyviä asioita. Visuaalinen hierarkia tuo tärkeimmän toiminnon erottumaan. Typografia ja väri kantavat merkitystä ja brändiä. Komponentit, kuten painikkeet, tulot, kortit ja valikot, suunnitellaan kerran ja niitä käytetään uudelleen, joten tuote tuntuu yhtenäiseltä.
Jokaisella komponentilla on myös tilat. Painikkeella on oletus-, hover-, paine-, fokus-, pois- ja lataustilat, ja jokainen tarvitsee suunnittelun. Tilojen jättäminen pois on yksi yleisimmistä syistä, miksi malli näyttää valmiilta, mutta tuntuu rikki todellisessa tuotteessa.
Vuorovaikutus ja liike ovat myös osa käyttöliittymää. Pienet vastaukset, joita usein kutsutaan mikrovuorovaikutuksiksi, vahvistavat, että napautus toimi, osoittavat edistymistä tai selittävät, mihin jokin meni. Niiden tulee olla nopeita ja määrätietoisia, ja niissä on noudatettava järjestelmän asetuksia liikkeen vähentämiseksi.
Suurin osa käyttöliittymäsuunnittelusta tapahtuu nykyään Figma:ssä, ja Penpot, Sketch ja Lunacy ovat yleisiä vaihtoehtoja. Rajapinnoissa, joiden on reagoitava todelliseen dataan ja syötteeseen valmiissa sovelluksessa, suunnittelijat käyttävät myös interaktiivisia työkaluja. Valmistamamme ExodeUI on yksi: se tallentaa tilat, kevään fysiikan ja tapahtumat yhteen avoimeen tiedostoon, joka toimii tiedostoissa React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ja ZQX.