مقالات

التصميم التفاعلي Interaction Design

alt

في اللقاء الثاني لفتيات التقنية الذي عُقد في حاضنة بادر يوم الأربعاء 3 نوفمبر 2010 قدّمت د. أريج الوابل عرضاً بعنوان “التصميم التفاعلي Interaction design”، كان العرض ثرياً بالمعلومات الأساسية عن التصميم التفاعلي: تعريفه، استخداماته، معايير تصميم موقع تفاعلي، ومعلومات أخرى كثيرة أحببت أن أشارككم بجزء منها.

التصميم التفاعلي مصطلح عام ويهتم بتصميم منتجات قابلة للاستخدام، حيث تحقق سهولة التعلم، وفاعلية الاستخدام، وتزود المستخدم بتجربة ماتعة، فاعلية الاستخدام تعني أن المنتج مصمم ليكون أداة جيدة كفاءةً وفعالية، سهل الاستخدام تعلماً وتذكراً.

ولتصميم أي منتج تفاعلي يجب الأخذ بالاعتبار عدة نقاط مهمة: من هم الفئة المستهدفة، وما هي الخدمات والنشاطات التي سيقدمها المنتج، أين سيتم تقديم المنتج؟

للتصميم التفاعلي فروع متعددة، وما يهمنا هنا هو Human-computer interaction design، وهو مجموعة تداخل علوم كثيرة: علم الحاسب، علم الإدراك، علم النفس، وأخيراً علم التنظيم في محاولة لفهم كيف يستخدم الأشخاص التقنية ويتفاعلون معها.

alt

الموقع التفاعلي يجب أن يضمن تواصلاً مباشراً بين المصممين والمستخدمين بحيث يتفاعل المستخدم بالموقع ويتأثر فيه، على سبيل المثال: موقع بوابة موهبة يُعد موقعاً روعي فيه التصميم التفاعلي من عدة نواحي: أولاً/ إمكانية تغيير لون الأيقونات (توجد خمسة ألوان كما هو واضح في الصورة)، ثانياً/ تظليل الأيقونات حسب تمرير المؤشر عليها، ثالثاً/ وجود طريقة سهلة وواضحة للحصول على التغذية العكسية من المستخدمين من رابط: عندك سؤال؟

alt

غالباً المواقع التفاعلية تحتاج إلى النقر على أيقونة واحدة فقط للوصول إلى ما يريده المستخدم، مع مراعاة أن لا تكون الصفحة الرئيسة للموقع متضمنة للعديد من الأيقونات، بحيث يضيع المستخدم قبل أن يجد ما يحتاجه، مهارة الجمع بين الكثرة في المحتوى والتنسيق في التصميم هو ما نجح مصممو موقع بوابة موهبة في تحقيقه، ففي مجال بصري واحد يمكننا الوصول إلى 15 وجهة في تصميم مريح للعين، حيث الاعتماد على الرسومات المصغرة للدلالة على محتوى الأيقونة، والكتابة باللون الرمادي أسفل كل أيقونة كلمة واحدة أو على الأكثر كلمتين.

ظهرت الحاجة إلى معايير تصميم المواقع التفاعلية لتلافي أخطاء مستقبلية في تصميم مواقع الأطفال وذوي الاحتياجات الخاصة بعد نتائج دراسات أثبتت أن بعض العناصر في تلك المواقع تسببت في تشتيت الانتباه وإثارة التوتر لدى المستخدمين.

ولذلك نلحظ أن المواقع التفاعلية تأخذ في الاعتبار الأشخاص الذين لم يسبق لهم تصفح الانترنت من قبل، بحيث كل شيء يبدو سهلاً وواضحاً، وفي ذات الوقت الأشخاص المتخصصين الذين سبق لهم المرور على مواقع عديدة، المواقع التفاعلية يجب أن تتيح تجربة ماتعة للمستخدمين بكل فئاتهم.

مصدر المعلومات + الصور التوضيحية من محاضرة الدكتورة أريج الوابل.

‫9 تعليقات

  1. اشكرك اختي ايمان على هذه المقالة الرائعه
    المواقع التفعالية بدت تظهر اكثر على الساحة العربية ,, لكن مواقع ذوي الاحتياجات الخاصة اعتقد نادرة وهي فكرة رائعه انك تسوي موقع لذوي الاحتياجات الخاصة ^_^

  2. جميل جداً, لكن أعتقد أنه يجب مرآعات الأمان وإعطاءه إهتمام ﻻيقل عن الإهتمام في التصميم ذاته, مثلا الموقع المذكور تحوي الكثير من المشاكل التي تعرض معلومات خطيرة ﻻيفترض أن يصل لها الجميع

  3. مقال جميل ,
    حبيت اعلق على فقرة ذوي الاحتياجات الخاصة , وهو انه بعض المصممين يجهلون الخواص alt= و title= ولايعلمون انها من اهم الامور التي يستفيد منها ذوي الاحتياجات ..

    بالتوفيق

  4. هذا معايير التصميم في اداة المحتوى ويجب مراعاة ماذكر تلاشيا للمعيار التشتت والارتباك لدى المستخدم مع العلم بأنه يراعى اقل المستويات العلمية فيها ويفترض بان المتلقي اغبى واحد وهذا مايساعده في التعليم الذاتي لان المحتوى التفاعلي الهدف منه ان يستخدم المستخدم الادوات التفاعلية ويحصل او يطلع على المعلومة .

    شي بسيط من مانقووم به في التعليم الالكتروني

  5. مقال اكثر من رائع وشكرا لك على الاضافة والاهتمام بمثل هذا الموضوع , وأتمنى ان نهتم بهذا العلم فى تصميمات شوارعنا ومنازلنا واعمالنا.

  6. السلام عليكم ورحمة الله وبركاته مقال أكثر من رائع لك الشكر

    ممكن تزوديني بهذه المادة الأكثر من رائعة او على أقل تقدر محاضرة الدكتورة أريج أكن لك من الشاكرين

  7. مشكورة على الطرح الأكثر من رائع

    ممكن تزودينا بهذه المادة الأكثر من رائعة أو على الأقل محاضرة الدكتورة : أريج

    أكن لك من الشاكرين

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى