الأسس العليمية لتصميم صفحات الانترنت

1. ‫النترنت‬ ‫صفحات‬ ‫لتصميم‬ ‫العلمية‬ ‫السسس‬
‫النفيعي‬ ‫تغريد‬ :‫إعداد‬
‫التركي‬ ‫إشراف:د.عثمان‬

2. ‫الرئيسية‬ ‫العناوين‬
•) ‫التستخدام‬ ‫تسهولة‬Usability.(
•.‫التستخدام‬ ‫لسهولة‬ ‫عامة‬ ‫معايير‬
•.‫للقراءة‬ ‫القابل‬ ‫للنص‬ ‫أتساتسية‬ ‫شروط‬
•) ‫الوصول‬ ‫قابلية‬Accessibility.(
•) ‫الوصول‬ ‫لقابلية‬ ‫عامة‬ ‫معايير‬Accessibility.(
•‫برنامج‬Atbar.
•.‫التشغيل‬ ‫وبيئات‬ ‫البرامج‬ ‫مختلف‬ ‫عبر‬ ‫التوافق‬
•‫المستخدم‬ ‫دعم‬ ‫وتسائل‬

3. ‫اللكترونية‬ ‫الصفحات‬ ‫واجهات‬ ‫اسستخدام‬ ‫وفعالية‬ ‫وكفاءة‬ ‫سسهولة‬ "
‫أولويات‬ ‫من‬ ‫وتععد‬ ،‫المبتدئيعن‬ ‫المسعتفيدين‬ ‫قبعل‬ ‫معن‬ ‫وخاصعة‬
‫ملمح‬ ‫وثبات‬ ‫ووضوح‬ ‫السستخدام‬ ‫على‬ ‫القدرة‬ ‫أجل‬ ‫من‬ ‫التصميم‬
."‫المحتوى‬ ‫إلى‬ ‫للوصول‬ ‫التصفح‬
) ‫التستخدام‬ ‫تسهولة‬Usability(

4. •.‫الصفحات‬ ‫بجميع‬ ‫الرئيسية‬ ‫للصفحة‬ ‫رابط‬ ‫وضع‬
•.‫واضح‬ ‫هرمي‬ ‫تسلسل‬ ‫وضع‬
•.‫الفهم‬ ‫تسهل‬ ‫بالموقع‬ ‫البحار‬
•.‫الصفحات‬ ‫بمختلف‬ ‫ثابت‬ ‫مكانها‬ ‫البحار‬ ‫أدوات‬
‫التستخدام‬ ‫لسهولة‬ ‫عامة‬ ‫معايير‬

5. ‫التستخدام‬ ‫لسهولة‬ ‫عامة‬ ‫معايير‬
•)‫للموقع‬ ‫خريطة‬ ‫توفر‬sitemap.(
•.(‫الكبيرة‬ ‫)للمواقع‬ ‫بحث‬ ‫أداة‬ ‫وضع‬
•.‫الروابط‬ ‫تحت‬ ‫خط‬ ‫وضع‬
•.‫زيارتها‬ ‫تسبق‬ ‫التي‬ ‫الروابط‬ ‫خط‬ ‫لون‬ ‫تغيير‬
•‫صفحة‬ ‫توفر‬404.‫ومناتسبة‬ ‫واضحة‬

6. ‫قرائتها‬ ‫وسهولة‬ ‫النصوص‬ ‫تنسيق‬

7. ‫للقراءة‬ ‫القابل‬ ‫للنص‬ ‫أساسية‬ ‫شروط‬
١‫للنص‬ ‫الهرمي‬ ‫التسلسل‬ -

8. ‫للقراءة‬ ‫القابل‬ ‫للنص‬ ‫أساسية‬ ‫شروط‬
٢‫والخلفية‬ ‫النص‬ ‫بين‬ ‫اللوني‬ ‫التباين‬ -

9. ‫للقراءة‬ ‫القابل‬ ‫للنص‬ ‫أساسية‬ ‫شروط‬
٣‫السطور‬ ‫بين‬ ‫المسافة‬ -

10. ‫للقراءة‬ ‫القابل‬ ‫للنص‬ ‫أساسية‬ ‫شروط‬
٤‫الكلمات‬ ‫بين‬ ‫المسافة‬ -

11. ‫للقراءة‬ ‫القابل‬ ‫للنص‬ ‫أساسية‬ ‫شروط‬
٥‫سطر‬ ‫كل‬ ‫في‬ ‫الكلمات‬ ‫عدد‬ -

12. ) ‫الوصول‬ ‫قابلية‬Accessibility(
‫بغض‬ ،‫لها‬ ‫الجميع‬ ‫ووصول‬ ،‫عالميتها‬ ‫في‬ ‫تكمن‬ ‫الويب‬ ‫»قوة‬
«‫عجزهم‬ ‫عن‬ ‫النظر‬
‫لي‬ ‫بيرنرز‬ ‫تيم‬
‫الويب‬ ‫مخترع‬

13. ) ‫الوصول‬ ‫قابلية‬Accessibility(
‫الخشخاص‬ ‫استخدام‬ ‫مع‬ ‫تتناسب‬ ‫إلكترونية‬ ‫مواقع‬ ‫بإعداد‬ ‫"القيام‬
"‫سواء‬ ‫حد‬ ‫على‬ ‫الخاصة‬ ‫الحتياجات‬ ‫وذوي‬ ‫العاديين‬

14. ‫الوصول‬ ‫لقابلية‬ ‫عامة‬ ‫معايير‬
)Accessibility(
•‫الشاخشة‬ ‫قارئات‬ ‫لمسساعدة‬ ،‫للصسور‬ ‫مكافئسة‬ ‫نصسية‬ ‫بدائسل‬ ‫وضسع‬
.‫الصورة‬ ‫ماهية‬ ‫قراءة‬ ‫في‬
•‫ومن‬ .‫المفاتيح‬ ‫لوحسة‬ ‫باسستخدام‬ ‫الموقسع‬ ‫تصسفح‬ ‫خاصسية‬ ‫توفيسر‬
‫ل‬ ‫الخاصة‬ ‫الحتياجات‬ ‫ذوي‬ ‫فئات‬ ‫مسن‬ ‫بعضسا‬ ‫أسن‬ ‫المعروف‬
‫كبديل‬ ‫سح‬‫س‬‫المفاتي‬ ‫سة‬‫س‬‫بلوح‬ ‫ستعين‬‫س‬‫فيس‬ ‫الفأرة‬ ‫ستخدام‬‫س‬‫اس‬ ‫ستطيع‬‫س‬‫يس‬
.‫الموقع‬ ‫لمحتويات‬ ‫للوصول‬

15. ‫الوصول‬ ‫لقابلية‬ ‫عامة‬ ‫معايير‬
)Accessibility(
•‫بعض‬ ‫يحسد‬ ‫مسا‬ ،‫الموقسع‬ ‫عناصسر‬ ‫لبعسض‬ ‫اللونسي‬ ‫التبايسن‬ ‫تجنسب‬
‫بين‬ ‫التمييسز‬ ‫مسن‬ ‫درجاتهسا‬ ‫أحسد‬ ‫أسو‬ ‫اللوان‬ ‫بعمسى‬ ‫المصسابين‬
.‫الصفحة‬ ‫عناصر‬
•‫المستخدمة‬ ‫الفيديسو‬ ‫و‬ ‫الصسوت‬ ‫لمقاطسع‬ ‫مرافسق‬ ‫نسص‬ ‫توفيسر‬
.‫بالموقع‬

16. ‫برنامج‬ATbar

17. ‫موقعين‬ ‫بين‬ ‫مقارنة‬ ‫نشاط‬
‫الرياض‬ ‫جريدة‬‫اليوم‬ ‫جريدة‬

18. ‫وبيئات‬ ‫البرامج‬ ‫مختلف‬ ‫عبر‬ ‫التوافق‬
‫التشغيل‬

19. ‫المستخدم‬ ‫دعم‬ ‫وسائل‬

20. ‫ال‬ ‫بحمد‬ ‫تم‬