គោលការសំខាន់ៗ សម្រាប់បទពិសោធន៍អ្នកប្រើប្រាស់លើ​ UX UI design

3 Comments

អំពីគោលការណ៍សំខាន់ៗនៃការរចនា UX/UI៖

ភាពងាយស្រួលប្រើប្រាស់ (Usability): ប្រព័ន្ធត្រូវមានភាពងាយស្រួលរៀន និងចងចាំ - អ្នកប្រើប្រាស់មិនគួរចំណាយពេលច្រើនដើម្បីរៀនប្រើប្រាស់ មុខងារសំខាន់ៗត្រូវអាចរកឃើញក្នុងរយៈពេល 3 ចុចប៊ូតុង មានការណែនាំច្បាស់លាស់នៅពេលអ្នកប្រើប្រាស់ត្រូវការជំនួយ មិនគួរមានជម្រើសច្រើនពេកដែលធ្វើឱ្យអ្នកប្រើប្រាស់ភាន់ច្រឡំ

ភាពសាមញ្ញ (Simplicity): តម្រៀបធាតុតាមលំដាប់សំខាន់ និងញឹកញាប់នៃការប្រើប្រាស់ បែងចែកព័ត៌មានជាផ្នែកតូចៗដែលងាយយល់ កាត់បន្ថយការប្រើប្រាស់ពាក្យបច្ចេកទេសស្មុគស្មាញ ប្រើប្រាស់រូបភាព និងអាយខនជំនួសអត្ថបទវែងៗ

ការឆ្លើយតប (Feedback): បង្ហាញវឌ្ឍនភាពនៅពេលកំពុងដំណើរការ (Loading) ផ្តល់សារបញ្ជាក់នៅពេលសកម្មភាពបានបញ្ចប់ ប្រើប្រាស់ពណ៌ផ្សេងៗគ្នាសម្រាប់ស្ថានភាពផ្សេងៗ (ឧ. បៃតង=ជោគជ័យ, ក្រហម=បរាជ័យ) ប្រាប់អ្នកប្រើប្រាស់ពីមូលហេតុនៃកំហុស និងវិធីដោះស្រាយ

ភាពស៊ីសង្វាក់គ្នា (Consistency): ប្រើប្រាស់ពណ៌សម្រាប់សកម្មភាពស្រដៀងគ្នា (ឧ. ប៊ូតុងលុប=ក្រហម) រក្សាទីតាំងធាតុសំខាន់ៗនៅកន្លែងដដែល ប្រើប្រាស់អក្សរដូចគ្នាសម្រាប់ចំណងជើង និងអត្ថបទ រក្សាគម្លាតរវាងធាតុឱ្យស្មើគ្នា

ការធ្វើរចនាបថតាមអ្នកប្រើប្រាស់ (User-Centered Design): ធ្វើការស្រាវជ្រាវលើអ្នកប្រើប្រាស់គោលដៅ បង្កើត User Personas ដើម្បីយល់ដឹងពីតម្រូវការ ធ្វើតេស្តជាមួយអ្នកប្រើប្រាស់ពិត វិភាគទិន្នន័យការប្រើប្រាស់ដើម្បីកែលម្អ

ភាពអាចចូលប្រើប្រាស់បាន (Accessibility): បង្កើតអត្ថបទជំនួសសម្រាប់រូបភាព (Alt Text) ប្រើប្រាស់ពណ៌ដែលមានកម្រិត Contrast ខ្ពស់ អនុញ្ញាតឱ្យប្តូរទំហំអក្សរ ធ្វើឱ្យកម្មវិធីអាចប្រើបានជាមួយ Keyboard បង្កើតជម្រើសសម្រាប់អ្នកមានបញ្ហាភ្នែក ឬត្រចៀក

ការណែនាំច្បាស់លាស់ (Clear Navigation): បង្កើត Navigation Menu ដែលងាយយល់ បង្ហាញ Breadcrumbs ដើម្បីដឹងពីទីតាំងបច្ចុប្បន្ន ដាក់ប៊ូតុងត្រឡប់ក្រោយឱ្យងាយមើលឃើញ បែងចែកផ្នែកសំខាន់ៗឱ្យដាច់ពីគ្នា ប្រើប្រាស់ Search Function ប្រសិនបើមានមាតិកាច្រើន

ការគ្រប់គ្រងកំហុស (Error Prevention): ផ្ទៀងផ្ទាត់ទិន្នន័យមុនពេលបញ្ជូន ផ្តល់ការព្រមានមុនពេលលុប ឬធ្វើការផ្លាស់ប្តូរសំខាន់ៗ កំណត់ទម្រង់ទិន្នន័យដែលត្រឹមត្រូវ ផ្តល់ឧទាហរណ៍នៃទម្រង់ត្រឹមត្រូវ អនុញ្ញាតឱ្យ Undo សកម្មភាពកំហុស

ប្រសិទ្ធភាព (Efficiency): បង្កើត Shortcuts សម្រាប់សកម្មភាពញឹកញាប់ បង្កើតទម្រង់លំនាំដើម (Default Values) រក្សាទុកព័ត៌មានដែលបានបញ្ចូលរួច អនុញ្ញាតឱ្យធ្វើសកម្មភាពច្រើនក្នុងពេលតែមួយ បង្កើតមុខងារ Auto-complete និង Auto-save

ភាពទាក់ទាញ (Aesthetics): ប្រើប្រាស់គោលការណ៍រចនា (ដូចជា Golden Ratio) ជ្រើសរើសពណ៌ដែលស៊ីគ្នា និងមានអត្ថន័យ ប្រើប្រាស់ចន្លោះទំនេរ (White Space) ឱ្យមានប្រសិទ្ធភាព រក្សាសមាមាត្រនិងតុល្យភាព ប្រើប្រាស់ចលនា (Animation) ដោយប្រុងប្រយ័ត្ន

ការអនុវត្តជាក់ស្តែង:

ធ្វើតេស្តជាមួយអ្នកប្រើប្រាស់ពិតជាទៀងទាត់ ប្រមូលមតិយោបល់ និងធ្វើការកែលម្អ តាមដានទិន្នន័យអ្នកប្រើប្រាស់ដើម្បីរកឃើញបញ្ហា ធ្វើបច្ចុប្បន្នភាពតាមនិន្នាការថ្មីៗ រក្សាតុល្យភាពរវាងគោលការណ៍ទាំងអស់

CHHANG Bunthorn
CHHANG Bunthorn commented

អរគុណបងសម្រាប់ការចែករំលែក

Visal .In
Visal .In commented

I hope you can help pointing about our KhmerCoders website poor UX/UI. We really need more idea to improve.

Vathanak
Vathanak commented

Thank you bong for sharing