Select
Komponentti yhden vaihtoehdon valitsemiseksi valintalistasta.
Julkaistu versiossa 1.1.0
Esikatselu
Käyttötarkoitus
Valintalistan avulla asiakas voi valita yhden vaihtoehdon samaan ryhmään kuuluvien vaihtoehtojen joukosta. Valintalista sopii tilanteeseen, jossa kaikki valittavat vaihtoehdot ovat toisensa poissulkevia, eikä asiakas siten voi valita kerrallaan niistä kuin yhden.
Valintalistaa voi käyttää tilanteessa, jossa valittavia vaihtoehtoja on niin paljon, että niiden näyttäminen esimerkiksi valintanappeina veisi liikaa tilaa tai toisi käyttöliittymälle liian paljon kognitiivista kuormaa. Valintalistaa käytettäessä huomio kiinnittyy enemmän tehtyyn valintaan kuin eri vaihtoehtoihin. Huomioi, että asiakas joutuu aina avaamaan listan ennen vaihtoehtojen vertailua.
Jos valinnan tekeminen ei ole pakollista, asiakas voi jättää näkyviin oletuksena näkyvän Valitse-vaihtoehdon. Älä käytä tyhjää vaihtoehtoa kuvaamaan tilannetta, jossa valintaa ei ole tehty.
Tee näin
- Käytä valintalistaa tilanteissa, joissa asiakkaan pitää pystyä valitsemaan täsmälleen yksi vaihtoehto.
- Luettele vaihtoehdot loogisessa järjestyksessä, esimerkiksi valinnan yleisyyden mukaan tai aakkosjärjestyksessä.
- Nimeä vaihtoehdot selkeästi ja ymmärrettävästi, mutta mahdollisimman napakasti.
- Jos haluat käyttää oletusvalintaa, valitse asiakkaan kannalta todennäköisin tai sopivin vaihtoehto. Huolehdi, että oletusvalinnan käyttö on myös asiakkaan kannalta turvallista.
- Jos oletusvalintaa ei ole, näytä Valitse-teksti.
- Jos vaihtoehtoja ei ole kovin montaa tai asiakkaan pitää helposti pystyä vertailemaan niitä, harkitse valintanappien käyttöä.
Älä tee näin
- Älä käytä valintalistaa, jos vaihtoehtoja ei ole kovin montaa tai jos asiakkaan pitää pystyä helposti vertailemaan eri vaihtoehtoja. Harkitse tällöin esimerkiksi valintanappien (Radio) käyttämistä.
- Älä käytä valintalistaa käynnistämään toimintoja. Käytä tällöin painiketta (Button).
Esimerkit
Tyhjä ja oletusvalinta
Voit käyttää oletusvalintaa, jos sille on turvallinen ja selvästi todennäköisin vaihtoehto. Oletusvalinnan on hyvä olla listassa ensimmäisenä, mikäli se on mahdollista.
Muissa tapauksissa käytä oletusvalintana tyhjää arvoa, eli tekstiä “(Valitse)”.