SlideShare a Scribd company logo
1 of 11
تقييم قابلية الوصول و قابلية الاستخدام للمواقع الإلكترونية  أريج الوابل مركز تصميم و دراسة تفاعل الانسان مع الحاسب الآلي جامعة سيتي لندن، المملكة المتحدة Usability and Accessibility Evaluations of Websites  Jan 12, 2009
دراسة تفاعل الانسان مع الحاسب الآلي Human-Computer Interaction HCI ,[object Object],العلوم الانسانية الأنظمة التفاعلية Psychology Social Sciences Cognitive Science
قابلية الاستخدام لمواقع الويب Web Usability كيف يتفاعل المستخدم مع الموقع؟ How do they interact? Method:  سجلات التفاعل  ( الوقت، الموقع ) ماذا يرى المستخدم؟ What do they see? Method:  متابعة نظر المستخدم بماذا يفكر المستخم؟ What do they think? Method:  استبيانات و التحدث أثناء التفاعل
اجراء دراسات قابلية الاستخدام   ,[object Object]
Interaction Labs  معامل تقييم قابلية الاستخدام المستخدم User المنسق Facilitator المراقب Observer معامل مختصة بدراسة تفاعل المستخدمين مع التقنيات
متابعة نظر المستخدم Eye Tracking Methodology مقطع فيديو يوضح تحركات العين للمستخدم أثناء التفاعل مع موقع على الويب
الخريطة الحرارية الناتجة من تتبع النظر Heatmaps
تسلسل مناطق التركيز و الانتباه أثناء التفاعل مع المواقع Gazeplots مستخدم لديه عسر قرائي مستخدم لا يعاني من العسر قرائي
تفحص المناطق التي جذبت انتباه المستخدم أثناء تفاعله مع الموقع Examining Areas of Interest AOIs ما هي الأشاء التي تجذب نظر المستخدم؟ ما الذي يقود تحركات العين أثناء التفاعل؟ هل هو التصميم أم المعلومة التي يبحث عنها المستخدم أم القدرات الفردية للمستخدم؟
قابلية الاستخدام لذوي الاحتياجات الخاصة ,[object Object]
قابلية الاستخدام و قابلية الوصول لذوي الاحتياجات الخاصة :  الفرص والتحديات ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

[1]اساسيات تفاعل الانسان مع الحاسوب
[1]اساسيات تفاعل الانسان مع الحاسوب[1]اساسيات تفاعل الانسان مع الحاسوب
[1]اساسيات تفاعل الانسان مع الحاسوبتامنيت نلالوت
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajSivaprasath Selvaraj
 
human computer interface
human computer interfacehuman computer interface
human computer interfaceSantosh Kumar
 
Task Based Language Teaching - TBLT
Task Based Language Teaching - TBLTTask Based Language Teaching - TBLT
Task Based Language Teaching - TBLTMüberra GÜLEK
 
أسس تصميم المواقع
أسس تصميم المواقعأسس تصميم المواقع
أسس تصميم المواقعTaghreed Mohamad
 
Principles of Teaching:Different Methods and Approaches
Principles of Teaching:Different Methods and ApproachesPrinciples of Teaching:Different Methods and Approaches
Principles of Teaching:Different Methods and Approachesjustindoliente
 
SXSW 2016: The Need To Knows
SXSW 2016: The Need To KnowsSXSW 2016: The Need To Knows
SXSW 2016: The Need To KnowsOgilvy Consulting
 

Viewers also liked (8)

[1]اساسيات تفاعل الانسان مع الحاسوب
[1]اساسيات تفاعل الانسان مع الحاسوب[1]اساسيات تفاعل الانسان مع الحاسوب
[1]اساسيات تفاعل الانسان مع الحاسوب
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 
Task Based Language Teaching - TBLT
Task Based Language Teaching - TBLTTask Based Language Teaching - TBLT
Task Based Language Teaching - TBLT
 
أسس تصميم المواقع
أسس تصميم المواقعأسس تصميم المواقع
أسس تصميم المواقع
 
Methods, approaches and techniques of teaching english
Methods, approaches and techniques of teaching englishMethods, approaches and techniques of teaching english
Methods, approaches and techniques of teaching english
 
Principles of Teaching:Different Methods and Approaches
Principles of Teaching:Different Methods and ApproachesPrinciples of Teaching:Different Methods and Approaches
Principles of Teaching:Different Methods and Approaches
 
SXSW 2016: The Need To Knows
SXSW 2016: The Need To KnowsSXSW 2016: The Need To Knows
SXSW 2016: The Need To Knows
 

Similar to Web accessibility and usability

تصميم الواقع الافتراضي Designing in Virtual Worlds
تصميم الواقع الافتراضي Designing in Virtual Worldsتصميم الواقع الافتراضي Designing in Virtual Worlds
تصميم الواقع الافتراضي Designing in Virtual Worldsهدى الشدادي
 
يعمل حقًا UI UX إثبات أن
 يعمل حقًا UI UX إثبات أن  يعمل حقًا UI UX إثبات أن
يعمل حقًا UI UX إثبات أن Samer Tallauze
 
دليل الاعلام الجديد
دليل الاعلام الجديددليل الاعلام الجديد
دليل الاعلام الجديدMamoun Matar
 
تطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلومات
تطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلوماتتطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلومات
تطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلوماتemad Saleh
 
Making Free web site
Making Free  web siteMaking Free  web site
Making Free web siteTraek Kamel
 
الاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعي
الاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعيالاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعي
الاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعيLewa Abukhait
 
معمارية المعلومات_ تطبيقات ونماذج
معمارية المعلومات_ تطبيقات ونماذجمعمارية المعلومات_ تطبيقات ونماذج
معمارية المعلومات_ تطبيقات ونماذجemad Saleh
 
تصميم التعليم الإلكتروني
تصميم التعليم الإلكترونيتصميم التعليم الإلكتروني
تصميم التعليم الإلكترونيDr. Almodaires
 
كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى
كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى
كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى أمنية وجدى
 
وسائل و تجهيزات الواقع الافتراضي
وسائل و تجهيزات الواقع الافتراضيوسائل و تجهيزات الواقع الافتراضي
وسائل و تجهيزات الواقع الافتراضيMeriem Boulahlib
 
Presentation1
Presentation1Presentation1
Presentation1veronabil
 
انترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptx
انترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptxانترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptx
انترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptxAmalMansour13
 
النفاذ الرقمي والهوية المؤسسية
النفاذ الرقمي والهوية المؤسسيةالنفاذ الرقمي والهوية المؤسسية
النفاذ الرقمي والهوية المؤسسيةSaeed Ghannami
 
خدمات المعلومات الويب2 0
خدمات المعلومات الويب2 0خدمات المعلومات الويب2 0
خدمات المعلومات الويب2 0Amany Megahed
 
ورشة العمل
ورشة العملورشة العمل
ورشة العملia7lam
 
الأجهزة الذكية في البيئة الجامعية
الأجهزة الذكية في البيئة الجامعيةالأجهزة الذكية في البيئة الجامعية
الأجهزة الذكية في البيئة الجامعيةMohamed Yahya
 
 الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم
	الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم	الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم
 الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدمemad Saleh
 

Similar to Web accessibility and usability (20)

تصميم الواقع الافتراضي Designing in Virtual Worlds
تصميم الواقع الافتراضي Designing in Virtual Worldsتصميم الواقع الافتراضي Designing in Virtual Worlds
تصميم الواقع الافتراضي Designing in Virtual Worlds
 
يعمل حقًا UI UX إثبات أن
 يعمل حقًا UI UX إثبات أن  يعمل حقًا UI UX إثبات أن
يعمل حقًا UI UX إثبات أن
 
دليل الاعلام الجديد
دليل الاعلام الجديددليل الاعلام الجديد
دليل الاعلام الجديد
 
تطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلومات
تطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلوماتتطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلومات
تطبيقات البحث التعاوني على الويب في تشارك المعرفة ومهارات البحث عن المعلومات
 
Making Free web site
Making Free  web siteMaking Free  web site
Making Free web site
 
الاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعي
الاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعيالاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعي
الاحتراف والفعالية في التسويق عبر منصات التواصل الاجتماعي
 
معمارية المعلومات_ تطبيقات ونماذج
معمارية المعلومات_ تطبيقات ونماذجمعمارية المعلومات_ تطبيقات ونماذج
معمارية المعلومات_ تطبيقات ونماذج
 
تصميم التعليم الإلكتروني
تصميم التعليم الإلكترونيتصميم التعليم الإلكتروني
تصميم التعليم الإلكتروني
 
كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى
كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى
كتاب الوزارة للكمبيوتر وتكنولوجيا المعلومات للصف الثانى الثانوى
 
multimedia project.pptx
multimedia project.pptxmultimedia project.pptx
multimedia project.pptx
 
وسائل و تجهيزات الواقع الافتراضي
وسائل و تجهيزات الواقع الافتراضيوسائل و تجهيزات الواقع الافتراضي
وسائل و تجهيزات الواقع الافتراضي
 
Presentation1
Presentation1Presentation1
Presentation1
 
انترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptx
انترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptxانترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptx
انترنت الأشياء وكيف تطبق بالمكتبات ومؤسسات المعلومات.pptx
 
7862.pdf
7862.pdf7862.pdf
7862.pdf
 
النفاذ الرقمي والهوية المؤسسية
النفاذ الرقمي والهوية المؤسسيةالنفاذ الرقمي والهوية المؤسسية
النفاذ الرقمي والهوية المؤسسية
 
خدمات المعلومات الويب2 0
خدمات المعلومات الويب2 0خدمات المعلومات الويب2 0
خدمات المعلومات الويب2 0
 
الويب 2.0
 الويب 2.0 الويب 2.0
الويب 2.0
 
ورشة العمل
ورشة العملورشة العمل
ورشة العمل
 
الأجهزة الذكية في البيئة الجامعية
الأجهزة الذكية في البيئة الجامعيةالأجهزة الذكية في البيئة الجامعية
الأجهزة الذكية في البيئة الجامعية
 
 الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم
	الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم	الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم
 الكتب الإلكترونية والقراءة الرقمية.. من منظور تجربة المستخدم
 

More from Areej Al-Wabil

تنافسية الابداع والابتكار - مهارات الوصول للعالمية
تنافسية الابداع والابتكار  - مهارات الوصول للعالميةتنافسية الابداع والابتكار  - مهارات الوصول للعالمية
تنافسية الابداع والابتكار - مهارات الوصول للعالميةAreej Al-Wabil
 
Brain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
Brain-Computer Interfaces: Applying our Minds to Human-Computer InteractionBrain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
Brain-Computer Interfaces: Applying our Minds to Human-Computer InteractionAreej Al-Wabil
 
Innovation in the Classroom: Keeping Digital Innovation Alive in Schools
Innovation in the Classroom: Keeping Digital Innovation Alive in SchoolsInnovation in the Classroom: Keeping Digital Innovation Alive in Schools
Innovation in the Classroom: Keeping Digital Innovation Alive in SchoolsAreej Al-Wabil
 
Social Innovations for Urban Sustainability: Towards Smarter Cities
Social Innovations for Urban Sustainability: Towards Smarter CitiesSocial Innovations for Urban Sustainability: Towards Smarter Cities
Social Innovations for Urban Sustainability: Towards Smarter Cities Areej Al-Wabil
 
Selecting Publication Venues in Computing Disciplines
Selecting Publication Venues in Computing DisciplinesSelecting Publication Venues in Computing Disciplines
Selecting Publication Venues in Computing DisciplinesAreej Al-Wabil
 
Balancing Priorities in the Academic Workplace
Balancing Priorities in the Academic WorkplaceBalancing Priorities in the Academic Workplace
Balancing Priorities in the Academic WorkplaceAreej Al-Wabil
 
Inclusive Design Lecture
Inclusive Design LectureInclusive Design Lecture
Inclusive Design LectureAreej Al-Wabil
 

More from Areej Al-Wabil (13)

تنافسية الابداع والابتكار - مهارات الوصول للعالمية
تنافسية الابداع والابتكار  - مهارات الوصول للعالميةتنافسية الابداع والابتكار  - مهارات الوصول للعالمية
تنافسية الابداع والابتكار - مهارات الوصول للعالمية
 
Brain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
Brain-Computer Interfaces: Applying our Minds to Human-Computer InteractionBrain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
Brain-Computer Interfaces: Applying our Minds to Human-Computer Interaction
 
Innovation in the Classroom: Keeping Digital Innovation Alive in Schools
Innovation in the Classroom: Keeping Digital Innovation Alive in SchoolsInnovation in the Classroom: Keeping Digital Innovation Alive in Schools
Innovation in the Classroom: Keeping Digital Innovation Alive in Schools
 
Social Innovations for Urban Sustainability: Towards Smarter Cities
Social Innovations for Urban Sustainability: Towards Smarter CitiesSocial Innovations for Urban Sustainability: Towards Smarter Cities
Social Innovations for Urban Sustainability: Towards Smarter Cities
 
Selecting Publication Venues in Computing Disciplines
Selecting Publication Venues in Computing DisciplinesSelecting Publication Venues in Computing Disciplines
Selecting Publication Venues in Computing Disciplines
 
PSUCASE2014
PSUCASE2014PSUCASE2014
PSUCASE2014
 
Dsc_5may2013
Dsc_5may2013Dsc_5may2013
Dsc_5may2013
 
GoogleDay_17Apr2013
GoogleDay_17Apr2013GoogleDay_17Apr2013
GoogleDay_17Apr2013
 
Balancing Priorities in the Academic Workplace
Balancing Priorities in the Academic WorkplaceBalancing Priorities in the Academic Workplace
Balancing Priorities in the Academic Workplace
 
ICDR
ICDRICDR
ICDR
 
Workshop
WorkshopWorkshop
Workshop
 
brighton
brightonbrighton
brighton
 
Inclusive Design Lecture
Inclusive Design LectureInclusive Design Lecture
Inclusive Design Lecture
 

Web accessibility and usability

  • 1. تقييم قابلية الوصول و قابلية الاستخدام للمواقع الإلكترونية أريج الوابل مركز تصميم و دراسة تفاعل الانسان مع الحاسب الآلي جامعة سيتي لندن، المملكة المتحدة Usability and Accessibility Evaluations of Websites Jan 12, 2009
  • 2.
  • 3. قابلية الاستخدام لمواقع الويب Web Usability كيف يتفاعل المستخدم مع الموقع؟ How do they interact? Method: سجلات التفاعل ( الوقت، الموقع ) ماذا يرى المستخدم؟ What do they see? Method: متابعة نظر المستخدم بماذا يفكر المستخم؟ What do they think? Method: استبيانات و التحدث أثناء التفاعل
  • 4.
  • 5. Interaction Labs معامل تقييم قابلية الاستخدام المستخدم User المنسق Facilitator المراقب Observer معامل مختصة بدراسة تفاعل المستخدمين مع التقنيات
  • 6. متابعة نظر المستخدم Eye Tracking Methodology مقطع فيديو يوضح تحركات العين للمستخدم أثناء التفاعل مع موقع على الويب
  • 7. الخريطة الحرارية الناتجة من تتبع النظر Heatmaps
  • 8. تسلسل مناطق التركيز و الانتباه أثناء التفاعل مع المواقع Gazeplots مستخدم لديه عسر قرائي مستخدم لا يعاني من العسر قرائي
  • 9. تفحص المناطق التي جذبت انتباه المستخدم أثناء تفاعله مع الموقع Examining Areas of Interest AOIs ما هي الأشاء التي تجذب نظر المستخدم؟ ما الذي يقود تحركات العين أثناء التفاعل؟ هل هو التصميم أم المعلومة التي يبحث عنها المستخدم أم القدرات الفردية للمستخدم؟
  • 10.
  • 11.