Vaakasuoravalintoja

Vaakasuoravalintoja tarkoittaa käyttöliittymäelementtejä, joissa vaihtoehdot esitetään rivissä vaakasuunnassa. Ne ovat yleisiä sekä verkkopalveluissa että mobiilisovelluksissa ja tarjoavat käyttäjälle nopean tavan valita yhdestä useasta vaihtoehdosta ilman avautuvaa valikkoa.

Yleisimpiä esimerkkejä ovat segmentoituvat ohjaimet (segmented controls), nappivalintaryhmät sekä tab-tyyppiset kontrollit, joissa korostetaan aktiivinen valinta. Vaakasuoran valinnan etuna on kaikkien vaihtoehtojen nimet näkyvissä samanaikaisesti, mikä tehostaa päätöksentekoa, kun vaihtoehdot ovat lyhyitä.

Käyttötarkoitukset ja tilat: niitä käytetään usein kategoria- ja tilavalinnoissa sekä suodattimissa, joissa halutaan nopea, visuaalisesti tiivistetty päätös. Ne toimivat parhaiten, kun vaihtoehtoja on kohtuullinen määrä ja tilarajoitukset sallivat rivin loppuun asti.

Suunnittelussa suositellaan: pidä vaihtoehtojen määrä 3–5; käytä selkeää kontekstia ja näkyvää aktiivista tilaa; varmista riittävä kontrasti ja käytettävä fontti; varmista responsiivisuus, jotta kontrolli säilyy luettavana pienilläkin näytöillä.

Esteettömyys: varmista sekä näppäimistö- että ruudunlukija-tuki. Käytä rooleja ja aria-merkintöjä sekä selkeitä visuaalisia tilamerkintöjä; anna aktivoidulle valinnalle näkyvä tila ja palautetta.

Esimerkkejä: verkkokaupassa vaakasuoravalintaryhmä suodattaa tuotteita “Kaikki, Uusi, Best-seller” sekä asetussivuilla vaihtoehdot kuten “Päivämäärä: Viimeisin”. Tämänkaltaiset kontrollit löytyvät sekä käytettävyys- että design-käytännöistä.

Vaakasuoravalintoja ovat käyttökelpoinen ratkaisu, kun halutaan nopea, visuaalisesti tiivistetty valintatapa, mutta ne vaativat harkintaa tilan, toimivuuden ja saavutettavuuden takaamiseksi.