العنوان بلغة أخرى: |
Concepts of User Experience Design and their Role in Achieving Ease of Use and Effectiveness of Responsive Educational Websites |
---|---|
المصدر: | مجلة التصميم الدولية |
الناشر: | الجمعية العلمية للمصممين |
المؤلف الرئيسي: | الشامي، ياسر حسين (مؤلف) |
المؤلف الرئيسي (الإنجليزية): | El-Shamy, Yasser Hussien |
المجلد/العدد: | مج12, ع3 |
محكمة: | نعم |
الدولة: |
مصر |
التاريخ الميلادي: |
2022
|
الشهر: | مايو |
الصفحات: | 223 - 240 |
DOI: |
10.21608/idj.2021.92913.1025 |
ISSN: |
2090-9632 |
رقم MD: | 1294163 |
نوع المحتوى: | بحوث ومقالات |
اللغة: | العربية |
قواعد المعلومات: | HumanIndex |
مواضيع: | |
كلمات المؤلف المفتاحية: |
تجربة المستخدم | سهولة الاستخدام | واجهات الاستخدام | الحمل المعرفي | الحمل الإدراكي | User Experience | Usability | User Interfaces | Cognitive Load | Perceptual Load
|
رابط المحتوى: |
المستخلص: |
إن الإتقان وسهولة الوصول إلى المعرفة الحديثة هما هدف التعلم القائم على الاتصال، وهذا يتوافق مع الثورة الاتصالية في مجال التعلم المتنقل، والذي يوفر الوصول إلى التعليم في أي وقت وفي أي مكان، وتعتبر تجربة المستخدم UX من أهم الاستراتيجيات التي يعتمد عليها التصميم التفاعلي لمواقع الويب التعليمية الآن، مما يزيد من قابلية التعلم ويطور ويوجه الأداء المرئي للمتعلمين، ويسهل الوصول إلى المعلومات واستخدام الموقع من خلال التخلص من العناصر البصرية الزائدة عن الحاجة التي تؤثر على التصميم المرئي للواجهات التعليمية. يتطلب تصميم موقع ويب تعليمي دراسة متأنية لخصائص الأجهزة الذكية المتنقلة، فضلا عن تصميم تجربة المستخدم ووضع معايير التصميم والمعالجات البصرية لتحديد احتمالات العمل المتوقعة لضمان أفضل تفاعل بين المتعلم والأجهزة الذكية مما يوفر المعرفة في أي وقت ومكان، وقد أهتمت معظم المؤسسات التعليمية بإدخال الأجهزة الذكية كأدوات تعلم تكنولوجي لمواكبة المستقبل، وتعتبر المعالجات البصرية من أهم المعالجات العقلية، حيث يكون النظام البصري هو الأكثر فاعلية في الدماغ، كما أن عمليات الرؤية مثل التركيز وتتبع حركات العين هي من بين الشروط الأساسية للنظام البصري لتلقي المعلومات ومعالجتها من خلال الدماغ، ويدعم ذلك استراتيجية التصميم المتجاوب بناء على تجربة المستخدم لأنه يركز بشكل أساسي على المعالجات البصرية التي تؤثر على القدرات المعرفية والعقلية، ونجد أن أحد عوامل نجاح أي موقع تعليمي متجاوب هو توفير تلميحات بصرية واضحة لا تتطلب تفسيرا أو رسوما توضيحية أو تعليمات المستخدم، وذلك بناء على تجربة المستخدم واحتياجاته، فكلما كان الإجراء المحتمل يتطلب وقتا أو تفسيرا للمستخدم كلما كان التصميم غير ناجح، ويؤدي إلى تشتت المتعلم والشعور بالارتباك أثناء التنقل في الموقع، ويعني ذلك أن التصميم المتجاوب لمواقع الويب التعليمية والمعالجات المرئية التي تتناسب مع خصائص الأجهزة المحمولة وخصائص المستخدم هي التي تحدد إمكانيات الإجراء المتوقع حدوثه من المتعلم، ويسهل استخدامه وتنقله في موقع الويب. وتحقق استراتيجية التصميم المتجاوب للمواقع التعليمية القائمة على تجربة المستخدم نظاما مرئيا يتكيف مع الأجهزة الذكية المختلفة بحيث يوجه الطالب إلى المعلومات بطريقة مرنة، تتناسب مع حركة عين المتعلم في واجهات الرسوم الإلكترونية، وتلبي احتياجاته وتوقعاته تجاه الموقع، إن معالجة الحمل المعرفي تعتبر من أهم المعايير الحديثة لسهولة الاستخدام، والتي ترتبط أكثر باستخدام الأجهزة المتنقلة، حيث أن هناك العديد من العوامل التي تؤثر على إدراك المستخدم مثل حجم الأجهزة، وتنوع العناصر المرئية، واستخدام الموقع أو التطبيق أثناء التنقل، وعوامل أخرى يجب مراعاتها للتأكد من تقليل التشتت والإلهاء الذي قد يحدث للمستخدم، ونجد أن عملية الفهم تتحقق كنتيجة لتنظيم العناصر ضمن وحدة كلية، حيث يتم بناء استراتيجية التصميم المتجاوب لمراعاة وحدة التصميم المرئي لمواقع الويب التعليمية واستجابتها للأجهزة المختلفة، بما يتناسب مع تجربة وخصائص المتعلم، بحيث يرى المتعلم الموقع ككل دون التشتيت الناتج عن عمليات التنقل غير الموجهة مما يؤدي بدوره إلى إرباك المتعلم وفصله عن التركيز على المحتوى العلمي مما يتسبب في تشتيت الانتباه وقلة التعلم. يعتمد نجاح أو فشل تحقيق الانتباه على مستوى الحمل الإدراكي والحمل المعرفي، اللذان يحددان كفاءة رفض أو التأثر بالمشتت، ويعتمد الانتباه على الموارد المعرفية المتاحة، ولا يحدث الانتباه إذا كان الحمل المعرفي كبيرا، لذلك نجد أن التشتت الذي يحدث للفرد نتيجة تعدد المحفزات وفق نظرية العبء يعتمد على عاملين مهمين هما الخصائص الداخلية مثل الخصائص والتجارب السابقة للمتعلم وتجربة المستخدم والتي تمثل العبء المعرفي، والخصائص الخارجية الدخيلة للعناصر المرئية والتصميم المتجاوب، والذي يمثل العبء الإدراكي، ويمكن أن تكون عملية المعالجة المرئية متحيزة من خلال عمليات معينة يتم فيها ترتيب العناصر المرئية وفقا لأولويتها وأهميتها، فهي تركز على منافسة العناصر المرئية الموجودة من أجل تحقيق معالجة معرفية معينة، حيث أن المعلومات والعناصر في المجالات المرئية تتنافس مع بعضها البعض في المعالجة المعرفية، وهذا يعني أن الدراسة المنهجية لاختيار العناصر المرئية، واستراتيجية التصميم المتجاوب المناسبة، وهيكل المعلومات واستراتيجية تنظيم المحتوى، هم من أهم الأسس التي يعتمد عليها نجاح التصميم، بالتالي قياس مدى التشتت والارتباك الذي قد يحدث للمتعلم نتيجة وضع العناصر المرئية بطريقة غير مدروسة دون تنظيم أو تسلسل منهجي. Mastery and ease of access to modern knowledge are the goals of communication-based learning, and this is consistent with the communicative revolution in the field of mobile learning, which provides access to education anytime and anywhere. The user experience UX is one of the most important strategies on which the interactive design of educational websites is based now, which increases learnability, develops and directs the visual performance of learners, ease of access to information, and use of the site by eliminating redundant elements that affect the visual design of educational interfaces. Designing an educational site requires a careful study of the characteristics of these devices, user experience, design standards, and visual treatments to determine the expected action possibilities to ensure the best interaction between the learner and smart devices, which provides knowledge at any time and place, therefore the main aspect of the research deals with the concept, processes, and approach to user experience, levels of user experience design for educational websites, theoretical foundations, and principles on which they are based, the relationship between responsive design and user experience and usability components and characteristics. Visual treatments are among the most important mental treatments, with the visual system being the most effective in the brain, also vision processes such as focusing and tracking eye movements are among the basic conditions for the visual system to receive information and process it through the brain, this supports the strategy of responsive design based on user experience because it focuses primarily on visual treatments that affect cognitive and mental abilities, one of the success factors of a responsive educational website is the provision of clear hints that do not require interpretation, illustrations or user instructions, based on user experience and needs, and the longer a potential action requires time or user interpretation, the more unsuccessful the design will be, and lead to dispersal of the learner and a sense of confusion while navigating the site, that is the responsive design of educational web sites and visual treatments that suit the characteristics of mobile devices and user characteristics are what determine the possibilities of the action expected to occur from the learner, and facilitates its use and navigation on the web site. The responsive design strategy for educational websites based on user experience achieves a visual system that adapts to different devices and directs the student to information in a flexible way, so that it fits with the learner's eye movement in the electronic graphic interfaces, and meets his needs and expectations towards the site, addressing the cognitive load is one of the most important modern criteria for ease of use, which is |
---|---|
ISSN: |
2090-9632 |