PB School

PB School Sharing Knowledge of UI UX design

တစ်ခါတလေ ရှေ့တိုးတာက သတ္တိဖြစ်သလို၊ တစ်ခါတလေ ရပ်စောင့်တာက ဉာဏ်ပညာဖြစ်တယ်။˙ ✩🫧°🪼˖⋆🌊｡˚꩜လူအများစုက “စောစောထရင် အောင်မြင်မယ်...
18/08/2026

တစ်ခါတလေ ရှေ့တိုးတာက သတ္တိဖြစ်သလို၊ တစ်ခါတလေ ရပ်စောင့်တာက ဉာဏ်ပညာဖြစ်တယ်။
˙ ✩🫧°🪼˖⋆🌊｡˚꩜

လူအများစုက “စောစောထရင် အောင်မြင်မယ်” ဆိုတာကိုပဲ မှတ်မိကြတယ်။ ဒါပေမယ့် ဘဝက ဒီလောက်မရိုးရှင်းဘူး။

🪼 လူတိုင်းရဲ့ အချိန်၊ နေရာ၊ အခြေအနေ၊ ရည်ရွယ်ချက် မတူကြလို့ တူညီတဲ့လုပ်ရပ်တစ်ခုက ရလဒ်မတူနိုင်ဘူး။

🌊 တစ်ခါတလေ ရှေ့တိုးတာက သတ္တိဖြစ်သလို၊ တစ်ခါတလေ ရပ်စောင့်တာက ဉာဏ်ပညာဖြစ်တယ်။

🐬 သူများရဲ့အချိန်ကို ကိုယ့်အချိန်နဲ့ မတိုင်းနဲ့။
ငှက်အတွက် စောစောထတာက အခွင့်အရေးဖြစ်နိုင်ပေမယ့် ပိုးကောင်အတွက်တော့ အန္တရာယ်ဖြစ်နိုင်တယ်။

𓇼 ဘဝက လူတိုင်းကို စည်းမျဉ်းတစ်ခုတည်းနဲ့ မစမ်းသပ်ဘူး။

🪸 အရေးကြီးတာက သူများနောက်ကို အပြိုင်လိုက်ဖို့မဟုတ်ဘဲ ကိုယ့်အချိန်ကို သိပြီး ကိုယ့်လမ်းကို မှန်မှန်လျှောက်နိုင်ဖို့ပါ။

" Accessibility နှင့် Color Blind Users "**Color Blindness** ဆိုတာ အရောင်တွေကို ပုံမှန်အတိုင်း ခွဲခြားမြင်နိုင်စွမ်း လျေ...
17/08/2026

" Accessibility နှင့် Color Blind Users "
**Color Blindness** ဆိုတာ အရောင်တွေကို ပုံမှန်အတိုင်း ခွဲခြားမြင်နိုင်စွမ်း လျော့နည်းခြင်း ဖြစ်ပါတယ်။
𓆝 𓆟 𓆞 𓆝 𓆟 𓆝 𓆟 𓆞 𓆝 𓆟

Color Blind ဖြစ်သူတိုင်း အရောင်အားလုံးကို အဖြူအမည်းပဲ မြင်တာမဟုတ်ဘဲ အချို့အရောင်တွေကို ခွဲခြားမြင်ရခက်ခြင်း ဖြစ်ပါတယ်။

အများဆုံးတွေ့ရတဲ့ အရောင်ခွဲခြားမှု အခက်အခဲတွေကတော့—

🔴 **Red နှင့် Green**
အနီရောင်နဲ့ အစိမ်းရောင်ကို ခွဲခြားမြင်ရခက်နိုင်ပါတယ်။

🔵 **Blue နှင့် Yellow**
အပြာရောင်နဲ့ အဝါရောင်ကို ခွဲခြားမြင်ရခက်နိုင်ပါတယ်။

ဥပမာအားဖြင့် ပုံမှန်အမြင်ရှိသူတစ်ယောက်အတွက် **အနီရောင်ပန်းသီး** နဲ့ **အစိမ်းရောင်ပန်းသီး** ဟာ သိသာစွာကွာခြားပေမယ့် Red-Green Color Blindness ရှိသူအတွက်တော့ အရောင်ကွာခြားမှုက ပိုမိုနည်းပါးသွားနိုင်ပါတယ်။

𓂃˖˳·˖ ִֶָ ⋆🌷͙⋆ ִֶָ˖·˳˖𓂃 ִֶָ𓂃˖˳·˖ ִֶָ ⋆🌷͙⋆ ִֶָ˖·˳˖𓂃 ִֶָ

Real-world မှာ Color Blindness ကို နားလည်ဖို့ “အရောင်တစ်ခုတည်းနဲ့ အချက်အလက်ကို မပေးသင့်ဘူး” ဆိုတဲ့အချက်က အရေးကြီးပါတယ်။

ဥပမာ....

📊 Charts & Graphs

Graph တစ်ခုမှာ Red = Sales ကျဆင်း၊ Green = Sales တိုး ဆိုပြီး အရောင်တစ်ခုတည်းနဲ့ မဖော်ပြသင့်ပါဘူး။

↑ / ↓ ၊ + / − ၊ label တွေကိုပါ ထည့်ပေးရင် အရောင်ခွဲခြားရခက်သူတွေအတွက် ပိုလွယ်ပါတယ်။

🏝️🍹⛱️🌞 🌊

ဒီလိုစဉ်းစားရင် Website, App, Signboard, Traffic System, Product Packaging စတဲ့ နေ့စဉ်အသုံးပြုနေတဲ့ Real World နေရာတိုင်းမှာ Color Blind Users အတွက် ပိုမိုနားလည်လွယ်တဲ့ Design ဖန်တီးနိုင်ပါတယ်။

✍️ Visily.ai ဖြင့် Sketch ကနေ Design သို့..ဒီတပတ်မှာ post တင်တာ နည်းနည်းနောက်ကျသွားပါတယ်။ _______________________👉 ဒီတပတ...
11/08/2026

✍️ Visily.ai ဖြင့် Sketch ကနေ Design သို့..

ဒီတပတ်မှာ post တင်တာ နည်းနည်းနောက်ကျသွားပါတယ်။
_______________________

👉 ဒီတပတ် highlight ကတော့ sketches, screenshots, URLs ကနေ prototype ဖန်တီးရာမှာ Visily.ai က အချိန်ကုန်သက်သာပြီး အလွယ်တကူအသုံးပြုနိုင်တဲ့ AI-powered design suite ပေါ့။

🚀 အဓိက Features

❤️ Sketch to design : လက်ဖြင့်ရေးထားတဲ့ sketch ကို upload လုပ်လိုက်တာနဲ့ Visily က structured UI အဖြစ် ပြောင်းပေးနိုင်ပါတယ်။

❤️ Screenshot to design : Website screenshot ကို editable design component အဖြစ် ပြောင်းနိုင်ပါတယ်။

❤️ Lo-fi to hi-fi switcher : Wireframe-style layout နဲ့ polished design ကြားမှာ တစ်ချက်တည်းနဲ့ ပြောင်းနိုင်ပါတယ်။

❤️ Theme generator : Color palette နဲ့ typography theme ကို AI က အလိုအလျောက် ဖန်တီးပေးနိုင်ပါတယ်။

❤️ Smart tables → Table/form တွေကို realistic placeholder data ဖြည့်ပေးနိုင်ပါတယ်။

❤️ Text to design → Text description ကနေ layout တိုက်ရိုက် ဖန်တီးနိုင်ပါတယ်။

_____
Visily ကို Figma နဲ့ ချိတ်ဆက်တဲ့ နည်း?

📌 ချိတ်ဆက်နည်း
Figma plugin library ထဲမှာ Visily plugin ကို ရှာပြီး install လုပ်ပါ။

သို့မဟုတ် .vis file အဖြစ် export လုပ်ပြီး Figma ထဲ import လုပ်နိုင်ပါတယ်။

_______

🎨 အားနည်းချက်?

Visily မှာ prototype ကို code အဖြစ် တိုက်ရိုက် export လုပ်ပေးမယ့် feature မရှိသေးတာက အဓိက limitation ဖြစ်ပါတယ်။








🌴 Fly-On-The-Wall Observationဆိုတာ? 🌴𓇼 ⋆.˚ 𓆉 𓆝 𓆡⋆.˚ 𓇼🌴 UX မှာ User ကို နားလည်ဖို့ မေးမြန်းတာတစ်ခုတည်း မလုံလောက်ပါဘူး။__...
31/07/2026

🌴 Fly-On-The-Wall Observationဆိုတာ? 🌴
𓇼 ⋆.˚ 𓆉 𓆝 𓆡⋆.˚ 𓇼

🌴 UX မှာ User ကို နားလည်ဖို့ မေးမြန်းတာတစ်ခုတည်း မလုံလောက်ပါဘူး။
____________________

တစ်ခါတလေ User တွေ ဘာပြောလဲထက်…
သူတို့ တကယ်ဘာလုပ်နေလဲဆိုတာက ပိုအရေးကြီးပါတယ်။

Fly-On-The-Wall Observation ဆိုတာက?

User တွေရဲ့ သဘာဝအပြုအမူကို မနှောင့်ယှက်ဘဲ တိတ်တိတ်လေး ကြည့်ပြီး လေ့လာတဲ့ UX Research Method တစ်ခုပါ။

𓇼 ⋆.˚ 𓆉 𓆝 𓆡⋆.˚ 𓇼

ဒီနည်းလမ်းကနေ —

User ဘယ်နေရာမှာ အခက်အခဲဖြစ်လဲ
* ဘာတွေကို ရှုပ်ထွေးနေသလဲ
* ဘယ်လိုအပြုအမူတွေ ရှိသလဲ

ဆိုတာတွေကို နားလည်နိုင်ပါတယ်။

𓇼 ⋆.˚ 𓆉 𓆝 𓆡⋆.˚ 𓇼

ဘာလို့လဲဆိုတော့…

User တွေ ပြောတာနဲ့ User တွေ လုပ်တာက တစ်ခါတလေ မတူနိုင်လို့ပါ။

𓇼 ⋆.˚ 𓆉 𓆝 𓆡⋆.˚ 𓇼

User ကို ပိုနားလည်လာလေလေ…
ပိုကောင်းတဲ့ Experience ကို ဖန်တီးနိုင်လေလေ ဖြစ်ပါတယ်။











😂
30/07/2026

😂

✅ Designer တွေအတွက် Florence Nightingale ဆီက သင်ယူစရာ✅ Florence Nightingale ဆိုတာနဲ့ လူအများစုက "Mother of Modern Nursin...
24/07/2026

✅ Designer တွေအတွက် Florence Nightingale ဆီက သင်ယူစရာ✅
Florence Nightingale ဆိုတာနဲ့ လူအများစုက "Mother of Modern Nursing" လို့ပဲ သိကြပါတယ်။

ဒါပေမယ့် သူမဟာ Data Visualization နဲ့ Information Design လောကရဲ့ ရှေ့ဆောင်တစ်ဦးလည်း ဖြစ်ပါတယ်။
________________________

✅ သူမရဲ့ရှာတွေ့မှု?

Crimean War(1853–1856) အတွင်း စစ်သားအများစုဟာ စစ်ဒဏ်ရာကြောင့် မဟုတ်ဘဲ ကူးစက်ရောဂါတွေနဲ့ သန့်ရှင်းရေးမကောင်းမှုကြောင့် သေဆုံးနေကြတာကို Data ကနေ တွေ့ရှိခဲ့ပါတယ်။

_______________________________

✅ ပြသာနာ ဘာလဲ?

ပြဿနာက Data မရှိတာ မဟုတ်ပါဘူး။ Data ကို လူတွေ နားလည်အောင် မပြနိုင်တာ ဖြစ်ပါတယ်။

" အစိုးရကို၊ ဆုံးဖြတ်ချက်ချတဲ့သူတွေကို ဒီအချက်ကို နားလည်အောင် ဘယ်လိုပြမလဲဆိုတာ ပိုအရေးကြီးတယ်။"

_______________________________

✅ သူမရဲ့ဆုံးဖြတ်ချက် ?

နံပါတ်တွေအများကြီးပါတဲ့ Table တွေအစား Rose Diagram (Coxcomb Chart) ကို အသုံးပြုပြီး အချက်အလက်တွေကို တစ်ချက်ကြည့်ရုံနဲ့ နားလည်နိုင်အောင် ပြသခဲ့ပါတယ်။

"အော်... စစ်ဒဏ်ရာကြောင့်ထက် ရောဂါကြောင့် သေတာက ပိုများနေတာပဲ။"

_______________________________

✅ Visualization ....

အဲဒီ Visualization ကြောင့် ဆေးရုံတွေရဲ့ သန့်ရှင်းရေးစနစ်တွေ ပြောင်းလဲလာပြီး သေဆုံးနှုန်းလည်း လျော့ကျသွားခဲ့တယ်။

_______________________________

✅ ဘာကိုသင်ကြားရမလဲ?

* Design ဆိုတာ လှအောင်လုပ်တာ မဟုတ်ဘူး၊ နားလည်အောင်လုပ်တာ။
* User က အရေးကြီးတဲ့အချက်ကို မြန်မြန်နားလည်ရင် အဲဒါက Design ကောင်းတာ။
* Visual တွေထက် Clarity က ပိုအရေးကြီးတယ်။
__________________________

ဒါပေမယ့် Florence Nightingale က လွန်ခဲ့တဲ့ နှစ်ပေါင်း ၁၅၀ ကျော်ကတည်းက သင်ပေးခဲ့တာက—

"Design isn't about decoration. It's about helping people understand."

# AI ကို "ဘယ်ဟာအကောင်းဆုံးလဲ" ဆိုတာထက် "ဘယ်ဟာအသင့်တော်ဆုံးလဲ" ဆိုတာကို ရွေးတဲ့ခေတ်__________________________🪄 လွန်ခဲ့တဲ...
17/07/2026

# AI ကို "ဘယ်ဟာအကောင်းဆုံးလဲ" ဆိုတာထက် "ဘယ်ဟာအသင့်တော်ဆုံးလဲ" ဆိုတာကို ရွေးတဲ့ခေတ်

__________________________

🪄 လွန်ခဲ့တဲ့ နှစ်အနည်းငယ်က ?

AI အကြောင်းပြောရင် အများစုမေးတဲ့ မေးခွန်းက—

> **"ChatGPT နဲ့ Claude ဘယ်ဟာပိုကောင်းလဲ?"**
> **"Gemini က ChatGPT ထက်သာလား?"**

ဒီလို Model အချင်းချင်း နှိုင်းယှဉ်တာတွေပါပဲ။

________________________

🪄 ဒါပေမယ့် ၂၀၂၆ ခုနှစ်ရောက်လာတဲ့အခါ ...

AI ကို အသုံးပြုတဲ့နည်းလမ်းက ပြောင်းလဲသွားပါတယ်။

အခုဆိုရင် AI ကို "အကောင်းဆုံး" လို့ တစ်ခုတည်းရွေးတာထက် **လုပ်ငန်းအမျိုးအစား၊ မြန်နှုန်း၊ ကုန်ကျစရိတ်နဲ့ Workflow** ပေါ်မူတည်ပြီး ရွေးချယ်အသုံးပြုလာကြပါတယ်။

________________

🪄 Token က ဘာကြောင့် အရေးကြီးလာတာလဲ?

တစ်ချိန်က AI ကို သုံးနိုင်ရင်ပဲ လုံလောက်တယ်လို့ ထင်ခဲ့ကြပါတယ်။

အခုတော့ မတူတော့ပါဘူး။

ကုမ္ပဏီတစ်ခုမှာ AI ကို နေ့စဉ် အကြိမ်ထောင်ပေါင်းများစွာ အသုံးပြုတဲ့အခါ **Token အသုံးပြုမှု** က တိုက်ရိုက်ကုန်ကျစရိတ် ဖြစ်လာပါတယ်။

တူညီတဲ့အလုပ်ကို လုပ်နိုင်ပေမယ့် Token ပိုနည်းတဲ့ Model တစ်ခုက လကုန်ကျစရိတ်ကို သိသိသာသာ လျှော့ချပေးနိုင်ပါတယ်။

______________________

🪄 ဒါကြောင့် Developer/UIUX တွေ၊ Startup တွေနဲ့ Enterprise Company တွေက **Token Efficiency** ကို အလေးထားလာကြပါတယ်။

# # မြန်နှုန်း (Speed) ကလည်း User Experience တစ်ခုပါ

_______________________

🪄 AI က အဖြေမှန်ပေးတာတင် မလုံလောက်တော့ပါဘူး။

ဘယ်လောက်မြန်မြန် ပြန်ပေးနိုင်လဲဆိုတာလည်း အရေးကြီးလာပါတယ်။

ဥပမာ—

* Developer တစ်ယောက် Code Generate လုပ်နေချိန်
* Designer တစ်ယောက် UI ရှာနေချိန်

အဖြေကို စက္ကန့်အနည်းငယ်အတွင်း ရတာနဲ့ အချိန်ကြာပြီး ရတာက အသုံးပြုသူရဲ့ အတွေ့အကြုံကို ကွာခြားစေပါတယ်။

______________

🪄 AI ကိုရွေးတဲ့စံနှုန်းက ပြောင်းသွားပြီ

ယနေ့ခေတ်မှာ AI ကိုရွေးတဲ့အခါ မေးခွန်းတွေက—

* ဒီအလုပ်အတွက် ဘယ် Model က အသင့်တော်ဆုံးလဲ?
* ဘယ်ဟာက ပိုမြန်လဲ?
* ဘယ်ဟာက Token ပိုသက်သာလဲ?
* ဘယ်ဟာက Workflow နဲ့ အဆင်ပြေလဲ?
ဆိုတာတွေ ဖြစ်လာပါတယ်။
________

AI ခေတ်ရဲ့ မေးခွန်းက **"ဘယ် AI က အကောင်းဆုံးလဲ?"** မဟုတ်တော့ပါဘူး။

**"ငါ့အလုပ်အတွက် ဘယ် AI က အသင့်တော်ဆုံးလဲ?"** ဆိုတဲ့ မေးခွန်းက ပိုအရေးကြီးလာပါတယ်။

အနာဂတ်မှာ အောင်မြင်မယ့်သူတွေက AI တစ်ခုတည်းကို အားကိုးတဲ့သူတွေ မဟုတ်ဘဲ၊ ကိုယ့်ရဲ့ Workflow နဲ့ လိုက်ဖက်တဲ့ AI တွေကို မှန်ကန်စွာ ပေါင်းစပ်အသုံးချနိုင်တဲ့သူတွေ ဖြစ်လာပါလိမ့်မယ်။

Had a sharing a session on Human Psychology . Thank you to everyone who joined and contributed to the discussion! 🧠July ...
17/07/2026

Had a sharing a session on Human Psychology . Thank you to everyone who joined and contributed to the discussion! 🧠
July 2026

15/07/2026

Be Different, Leave Something Worthy
ကိုယ့်ဘဝကို ကိုယ်တိုင်ဖန်တီးပြီး တန်ဖိုးရှိတဲ့အရာတွေကိုလုပ်ဆောင်ပါ 💫

မျက်လုံးမြင်တဲ့ အရာတိုင်း အမှန်လား?__________________________တစ်ခါတစ်ရံမှာ မျက်လုံးနဲ့ မြင်နေရတဲ့အရာက အမှန်တရားမဟုတ်ဘဲ ဦ...
09/07/2026

မျက်လုံးမြင်တဲ့ အရာတိုင်း အမှန်လား?
__________________________

တစ်ခါတစ်ရံမှာ မျက်လုံးနဲ့ မြင်နေရတဲ့အရာက အမှန်တရားမဟုတ်ဘဲ ဦးနှောက်က အဓိပ္ပာယ်ဖွင့်ထားတဲ့ ပုံရိပ်တစ်ခု ဖြစ်နိုင်ပါတယ်။

________________________

ဥပမာအားဖြင့်?

အရောင်တူတဲ့ အကွက်နှစ်ခုကို အဖြူနောက်ခံနဲ့ အမည်းနောက်ခံပေါ် တင်ပြထားရင် တစ်ခုက ပိုမှောင်ပြီး တစ်ခုက ပိုလင်းသလို မြင်ရတတ်ပါတယ်။ တကယ်တော့ အရောင်နှစ်ခုလုံးဟာ တူညီပေမယ့် ပတ်ဝန်းကျင်ရဲ့ အလင်းအမှောင်က ကိုယ်အမြင်ကို လှည့်စားနေတာပါ။ ဒီဖြစ်စဉ်ကို Optical Illusion သို့မဟုတ် Luminosity Illusion လို့ ခေါ်ပါတယ်။

_________________________

အကြောင်းရင်းက?

မျက်လုံးဟာ အလင်းကိုသာ လက်ခံပြီး အဲဒီအချက်အလက်တွေကို ဦးနှောက်ဆီ ပို့ပေးပါတယ်။ ထို့နောက် ဦးနှောက်က အရောင်၊ အလင်း၊ အရိပ်၊ ပတ်ဝန်းကျင်နဲ့ ယခင်အတွေ့အကြုံတွေကို ပေါင်းစပ်ပြီး မြင်ကွင်းတစ်ခုအဖြစ် အဓိပ္ပာယ်ဖွင့်ဆိုပေးပါတယ်။ ဒါကြောင့် မြင်နေတာဟာ အမှန်တရားကို တိုက်ရိုက်မြင်နေတာမဟုတ်ဘဲ ဦးနှောက်က ဖန်တီးထားတဲ့ အမြင်တစ်ခု ဖြစ်ပါတယ်။

__________________________

လူ့ဦးနှောက်?

သတင်းအချက်အလက် အများအပြားကို အချိန်တိုအတွင်း ဆုံးဖြတ်နိုင်ဖို့ Shortcut တွေကို အသုံးပြုပါတယ်။

အဲဒီ Shortcut တွေက အများအားဖြင့် မှန်ကန်ပေမယ့် အချို့အခြေအနေတွေမှာတော့ Optical Illusion တွေကို ဖြစ်ပေါ်စေပါတယ်။

အထူးသဖြင့် ဦးနှောက်က Contrast (အလင်း-အမှောင် ကွာခြားမှု) ကို အလွန်အရေးပေးတဲ့အတွက် အရောင်တူတဲ့ အရာဝတ္ထုတောင် ပတ်ဝန်းကျင်မတူရင် မတူသလို ခံစားမှုပြောင်းလဲပေးတယ်။

___________________________

ဆင့်ကဲဖြစ်စဉ် (Evolution)

ရှေးယခင်က လူသားတွေဟာ သားရဲတိရစ္ဆာန်တွေ၊ ရန်သူတွေကို လျင်မြန်စွာ သတိပြုနိုင်ဖို့ လိုအပ်ခဲ့တာကြောင့် ဦးနှောက်က ပုံသဏ္ဍာန်၊ အရိပ်နဲ့ Contrast တွေကို အမြန်ဆုံး ခွဲခြားနိုင်အောင် ဖွံ့ဖြိုးလာခဲ့ပါတယ်။ ထို့ကြောင့် "အမှန်ကို တိတိကျကျ မြင်ခြင်း" ထက် "အန္တရာယ်ကို မြန်မြန်သိခြင်း" ကို ပိုဦးစားပေးခဲ့ပါတယ်။

________________________

UI/UX Design?

ဒီစိတ်ပညာကို ကျယ်ကျယ်ပြန့်ပြန့် အသုံးပြုကြပါတယ်။ Contrast က Button တွေကို ပိုထင်ရှားစေပြီး၊ Shadow နဲ့ Elevation က Card တွေကို အလွှာရှိသလို ခံစားစေပါတယ်။ အရောင်၊ အကွာအဝေး (Spacing) နဲ့ Visual Hierarchy တွေကို မှန်ကန်စွာ အသုံးပြုခြင်းအားဖြင့် အသုံးပြုသူရဲ့ အာရုံကို လိုချင်တဲ့နေရာကို သဘာဝကျကျ ဦးတည်ပေးနိုင်ပါတယ်။

______________________

ဒီသဘောတရားကို နားလည်ထားခြင်းက UX Designer တွေအတွက်သာမက နေ့စဉ်ဘဝမှာလည်း "မြင်နေတာတိုင်းဟာ အမှန်တရား မဟုတ်နိုင်ဘူး" ဆိုတဲ့ အရေးကြီးတဲ့ သင်ခန်းစာကို သတိပေးနေပါတယ်။

Address

Yangon
111111

Telephone

+959784283598

Website

, ,

Alerts

Be the first to know and let us send you an email when PB School posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Shortcuts

Share

Category