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

تصميم صفحة البداية
Home Page

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

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

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

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

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

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

1- كتلة المحتوى:
لا بد أن تحتوي كل صفحة على كتلة حاوية للمحتوى والتي هي جسم الصفحة، وبدون هذه الحاوية لن يكون هناك مكان لوضع عناصر الصفحة، ويمكن أن يكون اتساع الحاوية مرناً أي يمكن أن يتسع ليناسب اتساع نافذة المتصفح أو ثابتاً أي يظل اتساع المضمون بنفس الاتساع بغض النظر عن حجم النافذة.

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

3- التجول:
إنه من الضروري أن يكون نظام التجول بالموقع سهلاً إيجاده واستخدامه، فيتوقع المستخدم أن يجد التجول بيمين وأعلى الصفحة، وسواء اختار المصمم أن يضع القوائم رأسياً بجانب الصفحة أو أفقيا بطول الصفحة، فعليه أن يضع نظام التجول أعلى التصميم على قدرا المستطاع.

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

5- ذيل الصفحة:
ويوجد أسفل الصفحة ويحتوي على الحقوق الفكرية للموقع، ووسائل الاتصال به، ويبعض الروابط القليلة للأقسام المهمة بالموقع، ويجب على ذي الصفحة مساعدة المستخدم في تمييز نهاية المضمون (الصفحة) عن نهاية نافذة المتصفح.

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

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

نموذج الاتصال