މަތީ ފެންވަރުގެ UI/UX އަދި Behavioral Design Systems
ޑިޒައިން، އިންޖިނިއަރިންގެ ގޮތުގައި
ކުރުކޮށް
ރީތިކަން ކޮންވަރޝަނަށް ބަދަލުކުރާ behavioral، އެކްސެސިބަލް ޑިޒައިން ސިސްޓަމްތައް, ސްކޭލްގައި އެ އެއްޗެހީގެ ފެންވަރު ދަމަހައްޓާ އިންޖިނިއަރކުރެވިފައިވާ ޓޯކަން، ކޮމްޕޯނަންޓް އަދި މޯޝަން.
ޚުލާސާ
ރީތިކަން ފެންނާން ހުރެއެވެ. ޓެކްނިކަލް ގަންނަ ފަރާތަކުން ތިޔަ ޓައިޕުގެ ޑިސިޕްލިން، ޓްރާންސިޝަނެއްގެ އޮމާންކަން އަދި ލޭއައުޓެއްގެ ހިފެހެއްޓުން، ޤާބިލުކަމުގެ ހެއްކެއްގެ ގޮތުގައި ކިޔައެވެ, ތިޔަ ކޭސް ސްޓަޑީތައް ކިޔުމުގެ މާ ކުރިން.
އަޅުގަނޑުމެން ބިނާކުރަނީ އެ ރީތިކަން ކޮންވަރޝަނަށް ބަދަލުކުރާ behavioral ޑިޒައިން ސިސްޓަމްތަކެއް: އިންޖިނިއަރކުރެވިފައިވާ ޓޯކަން، އެކްސެސިބަލް ކޮމްޕޯނަންޓް އަދި މަޤުޞަދު ހުރި މޯޝަން، މޮކްއަޕެއް ވަކިން ފެންނަ ގޮތުގެ ބަދަލުގައި، މީހުން ޙަޤީޤަތުގައި ޢަމަލުކުރާ ގޮތުގައި ބިނާވެފައި.
އަދި މީ ސްކޭލްގައި ދެމިހުރެއެވެ. ޙަޤީޤީ ޑިޒައިން ސިސްޓަމަކުން ބުނަނީ ސަތޭކަވަނަ ސްކްރީނަކީވެސް ފުރަތަމަ ސްކްރީނާ އެއްވަރަށް ވިސްނާ ފަރުމާކުރެވިފައިވާ އެއްޗެއް ކަމުގައި، އަދި އެކްސެސިބިލިޓީ, WCAG އެއްގޮތްވުން، reduced-motion ސަޕޯޓް، ކީބޯޑް މަގުތައް, ފަހުން ބޯލްޓްކުރެވިފައި ނޫން، ބިނާވެފައި.
ބޭނުންވަނީ ކާކަށް
- ސްކޭލްވާވަރަކަށް ޕްރޮޑަކްޓް ފެންވަރު ދުރަށްދާ ޓީމުތައް
- ޑިޒައިނަކީ ވާދަވެރި އަދި އިތުބާރުގެ ސިގްނަލެއް ކަމުގައިވާ ބްރޭންޑުތައް
- އެކްސެސިބިލިޓީ ރަނގަޅަށް ކުރެވުން ބޭނުންވާ ޖަމާޢަތްތައް
ނަތީޖާތައް
- ޓޯކަން-ބިނާ، އެކްސެސިބަލް ކޮމްޕޯނަންޓް ލައިބްރަރީތައް
- ކޮންވަރޝަން ޑޭޓާގައި ބިނާވެފައިވާ behavioral ޑިޒައިން
- WCAG-އެއްގޮތް، reduced-motion ތައްޔާރު
މަސައްކަތްކުރާ ގޮތް
އޮޑިޓް އަދި އުޞޫލުތައް
އަޅުގަނޑުމެން މިހާރުގެ ތަޖުރިބާ ވަޒަންކޮށް، behavioral އަދި ބްރޭންޑް އުޞޫލުތައް ކަނޑައަޅަން.
ޓޯކަން އަދި ކޮމްޕޯނަންޓް
އެއްގޮތުގައި ސްކޭލްވާ، އިންޖިނިއަރކުރެވިފައިވާ، ޓޯކަން-ބިނާ ކޮމްޕޯނަންޓް ލައިބްރަރީއެއް.
މޯޝަން އަދި އެކްސެސިބިލިޓީ
މަޤުޞަދު ހުރި މޯޝަން އަދި WCAG-އެއްގޮތް، reduced-motion-ތައްޔާރު އިންޓަރެކްޝަންތައް.
އެޑޮޕްޝަން
ސިސްޓަމް ޙަޤީޤަތުގައި ބޭނުންކުރެވި، ހަރުގައި ބާއްވާ ނުލެވޭ ގޮތަށް، ޑޮކިއުމަންޓޭޝަން އަދި ހޭންޑްއޯވަރ.
ލިބޭ އެއްޗެހި
- ޓޯކަން-ބިނާ، ޑޮކިއުމަންޓްކުރެވިފައިވާ ޑިޒައިން ސިސްޓަމެއް
- އެކްސެސިބަލް، WCAG-އެއްގޮތް ކޮމްޕޯނަންޓް ލައިބްރަރީއެއް
- reduced-motion ސަޕޯޓާއެކު މޯޝަން ސިސްޓަމެއް
- ކޮންވަރޝަން-ބިނާ ޑިޒައިން ޕެޓަރންތައް
ސުވާލުތައް
މީ ހަމައެކަނި Figma ފައިލެއްތަ؟
ނޫން. މީ އިންޖިނިއަރކުރެވިފައިވާ ސިސްޓަމެއް, ޕްރޮޑަކްޝަނަށް ޝިޕްވާ ޓޯކަން އަދި ކޯޑް ކޮމްޕޯނަންޓުތައް, އެއީ ޑިޒައިން އަދި ބިލްޑް ދުވަހަކުވެސް ދުރަށް ނުދާ ގޮތަށެވެ.
ޑިޒައިން ކޮންވަރޝަނަށް އަސަރުކުރަނީ ކިހިނެއް؟
އަޅުގަނޑުމެން ނިންމުންތައް ބިނާކުރަނީ ހަމައެކަނި ރީތިކަމުގެ ބަދަލުގައި، ޢަމަލާއި ޑޭޓާގައި، އަދި ތިޔައަށް މުހިއްމު ނަތީޖާތަކަށް ޕެޓަރންތަކުގެ އަސަރު މިންކުރަން.
ތިޔަބައިމީހުން އެކްސެސިބިލިޓީ ބަލަހައްޓަންތަ؟
އާނއެކެވެ, WCAG އެއްގޮތްވުން، ކީބޯޑް ނެވިގޭޝަން އަދި reduced-motion ސަޕޯޓް، ފެށުނީއްސުރެ ސިސްޓަމަށް ބިނާކުރެވިފައިވެއެވެ.
އިތުރު ޚިދުމަތްތައް