العتب على النظر

بين الشكل والمضمون في العالم الافتراضي

العتب على النظر!

إبراهيم فرغلي

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

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

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

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

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

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

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

ومن المؤكد أن المواقع الخاصة بالفنون البصرية عادة ما تكون ذات تصميمات مميزة لها طابع فني، تمتلك الكثير من العوامل الفنية الجاذبة للعين، وكذلك المواقع الإلكترونية المهتمة بالأطفال، فاغلب مصمميها يعتمدون على الرسوم وفنون الجرافيك، وعلى الألوان والإبهار.

ليس بالفن وحده يصلح التصميم!

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

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

الكتاب، يوضح لنا أن العلاقة بين الشكل والمضمون ليست مجرد معرفة فنية، أو توفر إعداد معين لتوفير المعلومات أو البيانات أو المواد المراد نشرها بطريقة جذابة وملفتة للاهتمام، بل هي عملية ترتبط على معرفة الكثير من الحقائق غير الدارجة عن قدرات البصر والرؤية عند البشر، وهذه المعرفة العلمية بهذه المواصفات هي التي تجعلنا نشعر أن تصميما بعينه مثاليا نموذجيا، ونشعر بأن تصميما آخر ليس مريحا لنا، فما هي تلك القدرات والخصائص التي تتمتع بها حاسة الإبصار أو تفتقر إليها؟ عنوان الكتاب هو

 100 Things Every Designer Needs to Know About People

 وترجمته  "مائة شيء يجب أن يعرفها كل مصمم عن البشر". ومؤلفة الكتاب هي سوزان فاينتشينك،    Susan Weinschenk أستاذة علم النفس، والمتخصصة في دراسة علاقة علم النفس بالوسائط الحديثة على مدى ثلاثين عاما.

نحن نرى بعقولنا !

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

لماذا إذن نرى الشكل على هذا النحو؟ توضح سوزان أن المخ يقوم في كل ثانية باستقبال عدد خيالي من المدخلات الحسية (متوسط 40 مليون مدخل في الثانية) وعليه أن يستخلص منها شيئا منطقيا، لذلك فهو يقوم بعملية معقدة من الاختيار والتخمين ويحولها إلى إشارات بصرية يمكننا إدراكها، وغالبا ما تكون التخمينات دقيقة، لكن في بعض الأحيان لا تكون التخمينات بنفس مستوى الدقة وهنا يتهيأ لنا أننا نرى شيئا، لكنه يكون اقرب ما تمكن المخ من تقريبه إلى إدراكنا وليس حقيقة الشيء الذي وقع عليه بصرنا.

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

لا تنظر في الظلام في خط مستقيم

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

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

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

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

الرؤية الجانبية أنقذت أجدادنا!

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

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

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

ومن هذه الظواهر البصرية تتخذ سوزان فاينتشينك مجموعة أخرى من القواعد المختصة بالتصميم فتقول :"يستخدم الناس خاصية الرؤية المحيطة حين يتطلعون لشاشات الكمبيوتر، ويقررون عادة مضمون الصفحة من خلال لمحة تعتمد على رؤيتهم المحيطة بالصفحة.

بالرغم من أن مركز الصفحة يتضمن الموضوع الذي يستحق التركيز، لكن كن متأكدا من أن جوانب الصفحة دائما تضم المواد التي تخدم الموضوع.

إذا لم ترغب في تشتيت انتباه المتصفح عن مضمون مركز الصفحة فلا تشتت انتباهه باي مضامين فرعية في جوانب الصفحة".

رؤية الوجوه

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

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

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

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

 ثقافة الكترونية – يونية 2012- مجلة "العربي"