Design Others

Color Blind and Tips for Web Designer

မဂၤလာပါခင္ဗ်
ကြၽန္ေတာ္ကေတာ့ Spiceworks Myanmar Company တြင္ Web Designer အျဖစ္ ဝင္ေရာက္ လုပ္ကိုင္လ်က္ရွိေသာ စိုင္းေအာင္ႏိုင္ဦး ျဖစ္ပါတယ္။ ဒီတစ္ပတ္မွာေတာ့ ကာလာဘလိုင္း (Color blindness) နဲ႔ colorblind user အတြက္ Design Tips ေလးေတြကို ကြၽန္ေတာ္ေလ့လာမိသေလာက္ ေဝမွ်ေပးခ်င္ပါတယ္ဗ်။

Color blindness ဆိုတာ အေရာင္ေတြကိုခြဲျခားႏိုင္စြမ္း အားနည္းတဲ့ခ်ိဳ႕ယြင္းခ်က္တစ္ခုပဲ ျဖစ္ပါတယ္။ Color blindness ကိုျဖစ္ေစႏိုင္တဲ့ အေၾကာင္းရင္းတခ်ိဳ႕ကေတာ့ မ်က္လုံးထိခိုက္ျခင္း၊ မ်က္လုံးအာ႐ုံေၾကာထိခိုက္ျခင္း၊ တိမ္စြဲျခင္း၊ အျမင္အာ႐ုံကိုထိန္းခ်ဳပ္တဲ့ ဦးေႏွာက္အစိတ္အပိုင္းထိခိုက္ျခင္း စတဲ့အေၾကာင္းအမ်ိဳးမ်ိဳးေၾကာင့္ ျဖစ္ပါတယ္။ အမ်ားေသာအားျဖင့္ ေမြးရာပါ ခ်ိဳ႕ယြင္းခ်က္နဲ႔ မ်ိဳး႐ိုးလိုက္ျခင္းေၾကာင့္ အေရာင္မခြဲျခားႏိုင္တာပဲျဖစ္ပါတယ္။
Color blindness ဟာမ်ိဳး႐ိုးလိုက္တတ္တဲ့ ေမြးရာပါခ်ိဳ႕ယြင္းခ်က္ျဖစ္ၿပီး အမ်ိဳးသားေတြမွာ အျဖစ္မ်ားပါတယ္။ အေမရိကန္ႏိုင္ငံမွ စစ္တမ္းေကာက္ခ်က္ေတြအရ အမ်ိဳးသား ၈ရာခိုင္ႏႈန္း နဲ႔ အမ်ိဳးသမီး ၁ရာခိုင္ႏႈန္းေအာက္ဟာ အေရာင္ခြဲျခားႏိုင္စြမ္းအားနည္းတဲ့ ခ်ိဳ႕ယြင္းခ်က္ရွိတယ္လို႔ ဆိုပါတယ္။

Color blindness လို႔ေျပာလိုက္တာနဲ႔ အမ်ားစုေျပးျမင္တာကေတာ့ ဘာအေရာင္မွမျမင္ရတဲ့ Black and white (အျဖဴအမည္း) ပုံစံပါ။ အမ်ားစုထင္တာက Color blind ဆိုရင္ မ်က္လုံးထဲမွာ အျဖဴအမည္းပဲျမင္ရမယ္ ေရွးေခတ္ကားေတြ ၾကည့္ေနရသလိုေနမွာပဲလို႔ ထင္တတ္ပါတယ္။ အမွန္ေတာ့ အဲ့ဒီလို Color Blind မ်ိဳးက အျဖစ္နည္းပါတယ္။ လူတစ္ေယာက္ရဲ႕ျမင္လႊာမွာ အဓိကအားျဖင့္ အစိတ္အပိုင္း၂မ်ိဳးရွိပါတယ္။ အဲ့ဒါကေတာ့ Cones and Rods ျဖစ္ပါတယ္။ Cones ကေတာ့ အဓိကအေရာင္ေတာက္ေတြျဖစ္တဲ့ အနီ၊ အစိမ္းနဲ႔ အျပာေရာင္ေတြကိုျမင္ရဖို႔အတြက္ အကူအညီေပးပါတယ္။ Rods ကေတာ့ အျဖဴအမည္းလိုမ်ိဳး အမွိန္အေရာင္ေတြကို ျမင္ရတဲ့ေနရာ ျဖစ္ပါတယ္။

Color blindness ဆိုတာကေတာ့ Cones မွာျပႆနာျဖစ္တာပဲျဖစ္ပါတယ္။  အဓိကအားျဖင့္ေတာ့ အၾကမ္းဖ်င္း ၃ မ်ိဳးခြဲျခားႏိုင္ပါတယ္။ အဲ့ဒါေတြကေတာ့ Protanopia, Deuteranopia  (အနီ၊ အစိမ္းမခြဲျခားႏိုင္ျခင္း) ၊ Tritanopia (အျပာ၊ အဝါမခြဲျခားႏိုင္ျခင္း) နဲ႔ Total color blindness or Monochromatism အျဖဴအမည္းပဲျမင္ရျခင္းတို႔ျဖစ္ပါတယ္။

ပုံမွန္မ်က္လုံးနဲ႔ ၾကည့္ရင္ ေအာက္ေဖာ္ျပပါ ပုံအတိုင္း Cones Function ေတြက ဒီတိုင္းအလုပ္လုပ္ပါတယ္။

Protanopia Type, Deuteranopia Type

Protanopia Type Color Blindness

ဒါကေတာ့ အနီေရာင္ Cone ဟာ အစိမ္းဘက္ကိုေ႐ြ႕လာပါတယ္။ အဲ့အတြက္ေၾကာင့္ အနီေရာင္ နဲ႔ အစိမ္းေရာင္ကို လုံးဝမခြဲျခားႏိုင္ပါဘူး။ အဝါေရာင္ကိုပဲ ေသခ်ာခြဲျခားႏိုင္ၿပီး အညိဳေရာင္ကို အနည္းငယ္ခြဲျခားႏိုင္ပါတယ္။

Deuteranopia Type Color Blindness

ဒါကေတာ့ အစိမ္းေရာင္ Cone ဟာ အနီေရာင္ဘက္ကိုေ႐ြ႕လာပါတယ္။ အဲ့အတြက္ေၾကာင့္ အနီေရာင္ နဲ႔ အစိမ္းေရာင္ကို လုံးဝမခြဲျခားႏိုင္ပါဘူး။ အဝါ, အညိဳ, အျပာကိုေတာ့ အနည္းငယ္ခြဲျခားႏိုင္ပါတယ္။

Tritanopia Type

ဒုတိယတစ္ခုကေတာ့ Tritanopia Color Blindness ျဖစ္ပါတယ္။
အစိမ္းေရာင္ Cone ဟာ အျပာနဲ႔ အနီေရာင္ဘက္ကိုေ႐ြ႕လာပါတယ္။ အဲ့အတြက္ေၾကာင့္ အဝါနဲ႔အစိမ္းေရာင္ကို လုံးဝမခြဲျခားႏိုင္ပါဘူး။ အျပာကိုေတာ့ အနည္းငယ္ခြဲျခားႏိုင္ပါတယ္။

Total color blindness or Monochromatism

ေနာက္ဆုံးတစ္ခုကေတာ့ Total Color Blindness ျဖစ္ပါတယ္။ သူကေတာ့ အျဖဴအမဲကိုပဲ ျမင္ရပါတယ္။ ဒါေပမယ့္ ဒီလို color blind အမ်ိဳးအစားက အျဖစ္နည္းတယ္လို႔ စစ္တမ္းေကာက္ယူမႈအရ သိရပါတယ္။

Color Blindness အမ်ိဳးအစားကို ရွင္းျပၿပီးသြားၿပီဆိုေတာ့ Web designer တစ္ေယာက္အေနနဲ႔ Color Blind User အတြက္ ေဆာင္ရန္၊ ေရွာင္ရန္ Tips ေလးေတြ ေျပာျပေပးသြားပါမယ္။

၁။ Website တစ္ခုမွာ ျဖစ္ႏိုင္ရင္အေရာင္ကာလာစုံ သုံးတာမဟုတ္ပဲ အေရာင္ေတြကို တတ္ႏိုင္သေလာက္ ခ်ဳံ႕ၿပီး သုံးေပးရင္ Color Blind User အတြက္အဆင္ေျပပါတယ္။ (ဥပမာ – Website Theme အတြက္ အျပာေရာင္ သုံးမယ္ဆိုရင္ က်န္တဲ့ sub color ေတြကို သူနဲ႔ လိုက္မယ့္ အေရာင္တစ္ေရာင္နဲ႔ ေနာက္ထပ္အျပာေရာင္ကိုပဲ အေရာင္အရင့္၊ အေဖ်ာ့ကို ကစားၿပီးသုံးရင္ အဆင္ေျပမယ္လို႔ အႀကံေပးခ်င္ပါတယ္။)

၂။ ေအာက္ေဖာ္ျပပါ Color Combinations ေတြကို ျဖစ္ႏိုင္ရင္ ေရွာင္ေစခ်င္ပါတယ္။

  • Green/red
  • Green/blue
  • Green/black
  • Green/brown
  • Green/gray
  • Light green/yellow
  • Blue/purple
  • Blue/gray

၃။ အေရာင္ခ်ည္းပဲမသုံးပဲ Label ကိုလဲ ထည့္သုံးေပးပါ။ (ဥပမာ – Input box မွာ ထည့္ရမယ့္ Email လိပ္စာမွာဆိုရင္ တကယ္လို႔ user က email မွား႐ိုက္ရင္ မွားေၾကာင္း Label နဲ႔ အေရာင္ကိုပါ ႏွစ္မ်ိဳးလုံးျပေပးပါ။ )

Designer အေနနဲ႔ Photoshop သုံးၿပီး design ဆြဲရမယ္ဆိုရင္ေတာ့ ကိုယ္သုံးမယ့္ Color ကို ေအာက္ေဖာ္ျပပါပုံအတိုင္း Color Blind Test ကိုစမ္းႏိုင္ပါတယ္။

စာဖတ္ပရိတ္သတ္ေတြအတြက္ ေကာင္းက်ိဳးတစ္စုံတစ္ရာ ရမယ္လို႔ ယုံၾကည္ပါတယ္ဗ်။  အခ်ိန္ေပးၿပီး ဖတ္ရႈေပးတဲ့အတြက္ ေက်းဇူးတင္ပါတယ္ခင္ဗ်။

 

Hello

Leave a Reply

Your email address will not be published. Required fields are marked *