veebikaarte

Veebikaarte (web cards) on kasutajaliidese komponent, mis koondab ühte kompaktse konteineri ühele teemaga seotud sisu ja toiminguid. Kaardid tavaliselt sisaldavad media-ala (pilti või ikooni), pealkirja, vajadusel alapealkirja, lühikirjeldust ning ühte või mitut toimingut (nupp või link). Need esindavad eraldiseisvaid üksusi ruudustikus või loendis ning pakuvad ühtset suurust ja vahekordi, mis parandab sirvimise kiirust ja visuaalset ühtsust.

Ajalugu ja kasutus: Kaardipõhine paigutus sai populaarseks Google'i Material Designi raamistikuga (2014) ning on sellest ajast laialdaselt kasutusel erinevates raamistikutes, näiteks Bootstrap. Kaardid on levinud galerii-, kataloogi-, uudistevoogude ja profiilide loeteludes ning neid kasutatakse nii veebis kui mobiilirakendustes, pakkudes kasutajale kiiret visuaalset ülevaadet ja ligipääsu põhitoimingutele.

Disain ja kasutusnõuded: oluline on reageeriv suurus, selge visuaalne hierarhia ja piisav kontrastsus; kaardid peaksid reageerima kasutaja toimingutele (klikk, puudutus). Vajadusel piirduda tekstiga või pakkuda lisanduvat sisu ava- või kokkuvõtvas vormis. Pildikaartidel tuleb tagada õige alt-tekst.

Varia ja vormid: pildikaardid, tekstikaardid, meedia- või profiilikaarte; mõnel variandil võib olla ülekatteid, vannemini laiendatavat sisu või kontekstuaalseid menüüsid.

Ligipääsetavus ja järelvalve: kaardid tuleb asetada loogilisse järjekorda, tagada klaviatuuriga navigeerimine, lisada alternatiivtekstid piltidele ning kasutada ARIA-rolle ja märgiseid.

Seosed: osa laiemast ruudustikdisainist ja kaartide kasutamise trendidest; tihti seotud komponentidega nagu plokk, kataloog ja galerii.

Allikad: Material Design Guidelines; Bootstrap Card komponent.