UI/UX Vinaka Duadua & Behavioral Design Systems
Draki me vaka na buli
TL;DR
Ivakarau ni draki e vakayagataki na ivalavala, e okati kina na tamata kece, e veisautaki na irogorogo ki na veisautaki, token, component kei na kunekune e buli ka colata na kedra vinaka ena kena levu.
Rairaivakararaba
Na draki vinaka e wilika rawa. Na itaukei ni voli vakatekiniki e wilika na kila ni nomu vola, na malua ni transition kei na yalomatua ni layout me ivakadinadina ni nomu kila, ni bera ni ra wilika na nomu case studies.
Keimami buli na behavioral design systems ka vakavuna na draki oqori me veisautaki: token e buli, component e okati kina na tamata kece kei na kunekune e inaki, e yavutaki ena kena veivalavala dina na tamata, sega ni kena laurai duaduaga ga na dua na mockup.
Ka e colata ena kena levu. Na design system dina e macala ni na matai ni drau ni mata ni tabana me vaka ga na imatai, ka na kena okati na tamata kece, salavata kei na WCAG, vakatokoni ni reduced-motion, sala ni keyboard, e buli ki loma, sega ni biu vata ga e muri.
O cei e baleta
- Na timi ka na yali na kena vinaka na nodra iyaya ni tubu
- Na ivakatakilakila ka na draki na ivakatakilakila ni veiqaqa kei na nuitaki
- Na matabisinisi e gadreva na kena okati na tamata kece ena sala dodonu
Vua
- Ilaisi ni component e vakayagataki na token, e okati kina na tamata kece
- Draki ni ivalavala e yavutaki ena data ni veisautaki
- Salavata kei na WCAG, vakarautaki ni reduced-motion
Na kena keitou cakava
Vakadidike & yavu
Keimami vakadidikea na draki e tu ka vakamacala na yavu ni ivalavala kei na ivakatakilakila.
Token & component
Dua na ilaisi ni component e buli, e vakayagataki na token ka tubu vakadei.
Kunekune & kena okati na tamata
Kunekune e inaki kei na veisemati e salavata kei na WCAG, e vakarautaki na reduced-motion.
Okati
Vola ni ivakamacala kei na kena solitaki me vakayagataki dina na system, sega ni biu vata ga.
Na ka o na rawata
- Dua na design system e vakayagataki na token, e volatukutukutaki
- Dua na ilaisi ni component e okati kina na tamata kece, e salavata kei na WCAG
- Dua na system ni kunekune kei na vakatokoni ni reduced-motion
- Ivakarau ni draki e yavutaki ena veisautaki
Taro
Sa dua wale ga na Figma file oqo?
Sega. Sa dua na system e buli, token kei na code component e biu ki na buli, o koya na draki kei na buli e sega ni veibiu.
E vakuria vakacava na draki na veisautaki?
Keimami yavutaka na vakatulewa ena ivalavala kei na data, sega ni vinaka wale ga, ka vakatataroya na yaga ni ivakarau ena vua o ni kauwaitaka.
O ni lewa na kena okati na tamata kece?
Io, na salavata kei na WCAG, na veisiko ni keyboard kei na vakatokoni ni reduced-motion e buli ki na system mai na imatai.
Veiqaravi tale eso