إن الأصل في اختيار التصميم المناسب لموقع ما، يبدأ فعليا بتلقي معلومات العميل والتي يعبر عنه بـ:

a good design doesn’t start with image or colors; but with information

– هذه المعلومات يتم من خلالها معرفة الهدف من الموقع والعملاء المستهدفين (Target Audience) وكذلك المنافسين ومواقعهم  ومن خلال المعلومات التي تصل بطريقة أو بأخرى.

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

تصميم موقع إنترنت

معركة الصفحة الأولى (first page battle)

– دائما ما تكون الصفحة الرئيسة هي محط الأنظار وبادئة القول ولو لم نستطع جذب الزائر لها من المرة الأولى فلسوف نفقده ربما إلى الأبد…

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

إن وجود خطوط عامة للتصميمات لا ينفي أبدا تفرد كل تصميم بمميزاته وملامحه حتى لا تتكرر الـ(ثيمات) ويصبح هناك تشابه كبير…

بعض الملامح التي تتواجد في التصميمات الجديدة:

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

الصفحات الداخلية:
– الاهتمام بوضع كافة الروابط الرئيسة أو الفرعية في كافة الصفحات مع الاحتفاظ بمكان و(استايل) الروابط الرئيسة كما هي في الصحة الاولى… كما إن الـ (هيدر) يتم تصغير ارتفاعه قليلا لتغيير صورة من قسم لآخر.

  • كل محتوى في صفحة يجب ان يكون مقاربا له روابط الـ (سوشيال ميديا) والطباعة وغيرها بحيث يتم نشر المقال أو الخبر بسهولة من قبل المستخدم.

وعلى وجه العموم فإن:

 تصميم الموقعDesign  Home Page وواجهات الاستخدام Template دورا كبيرا في نجاح الموقع، ومن أهم العوامل المتعلقة بتصميم الموقع ووجهات الاستخدام:

  • توافق التصميم مع طبيعة المستفيدين من الموقع؛ حيث أنهم هم الهدف الأساس.
  • جودة وسهولة التصميم والاستخدام؛ حيث التصميم هو أول ما يواجه زائر الموقع ومنه يأخذ الانطباع الأول، ويدخل في ذلك عناصر منها:
  1. الألوان
  2. الصور
  3. المساحات
  4. الكتل
  5. الـ(فونت) المستخدم
  • تنظيم المعلومات بشكل سهل من الأكبر إلى الأصغر، وباستخدام القوائم؛ مما يجعل الوصول للمعلومات مباشر وسريع.

وبالجملة يجب أن يكون التصميم:

  • مميز وجذاب والذى يعبر عن المظهر الذى سيبدو عليه الموقع.
  • الموقع يدعم اللغة العربية.

وإجمالا يجب أن يراعى عند تصميم مواقع الانترنت جديد الضوابط المعروفة التالية:

* الخط: فيراعى نوعية الخط مع نمط التصميم؛ من ناحية السلاسة والانسيابية والوضوح بدءًا من النقطة، وانتهاءً بالكلمة؛ بحيث تتفق مع هوية الموقع.

* اللون: ينبغي أن تكون الألوان متنوعة بحسب المحتوى ومكانته ووظيفته، كما ينبغي أن تكون مختلفة بشكل كبير؛ مع مراعاة التناسق فيما بينها، وألا تكون مؤذية للعين. وأن يكون اللون العام للموقع دالًا على نشاطه وهويته.

* الشكل: ويقصد به شكل التصميم داخل الموقع، وهو ما يسمى أيضًا بـ(التكوين)؛ حيث تعتمد قوة التصميم على تكوينه. والتكوين: هو شكل ترتيب العناصر في التصميم. وهناك تكوينات عده، منها: الهرمي، والحلزوني، والمتموج، والدائري.

* الاتزان: ويحدث من خلال التصميم والألوان؛ بحيث يحقق الراحة البصرية للمتصفح. وهذا هو ما تعتمد عليه الكثير من الشركات الكبيرة، مثل: غوغل، ومايكروسوفت.

* الانسجام: ويقصد به انسجام العناصر الموجودة في التصميم مع بعضها البعض.

* التجانس: ويقصد به تجانس العناصر الموجودة في التصميم مع المضمون العام للموقع.

* الإبداع: بحيث تكون النوافذ، والأدوات الموجودة بالمواقع؛ متميزة في شكلها، رائعة في استخدامها.

* السهولة والسرعة مع الجودة: بحيث يكون الموقع سريعًا في  الفتح، سريعًا في التعامل معه، سهلًا في تصفح أقسامه. يبرز فيه كل ما هو جديد بشكل يومي.

 كما يجب أن يراعى بعض الشروط العامة عند تصميم موقع إنترنت والتي منها:

  • تنفيذ التصميم باستخدام تقنيات التصميم العالمية القياسية بما يتوافق مع الأداء الجيد لتصفح الموقع.
  • سهولة واشتهار لغات البرمجة و قواعد البيانات التي سيتم استخدامها : PHP , MySQL. أو  PHP Drupal
  • يكون الموقع خالي من (Back door)، والذي يعمل على فتح بعض الثغرات الأمنية في النظام, وبالتالي يمكن اختراقه أو فيرسته. و يراعى في برامج الموقع أن تكون حديثة، و ذات جودة عالية، وموافقة للمقاييس العالمية.
  • توفر الإمكانية لإضافة لغات جديدة كلما كان مطلوبا.
  • يجب أن يتوافق الموقع مع كافة متصفحات الانترنت: Internet Explorer , FireFox, Chrome. وغيرها…

 كما ينبغي توفر بعض المواصفات التالية في برنامج الإدارة:

  • أن يجهز الموقع بنظام لإدارة محتوى الموقع(Content Management System) ؛ ليتم إدارة المعلومات، وإضافة أو تعديل الصفحات بسهولة.
  • إمكانية إضافة وتحرير القوائم الرئيسية للموقع؛ مع إمكانية إضافة قوائم فرعية (من مستويين على الأقل) للقوائم الرئيسية، كما يجب توفر إمكانية ربط القائمة مع إحدى صفحات الموقع، أو لينك خارج، أو رابط ملف للتحميل.
  • إمكانية إضافة عدد غير محدود من الصفحات، مع إمكانية التحرير والتعديل والحذف وإنشاء مسودات للصفحات يتم نشرها لاحقًا.
  • توفر روابط في كل صفحات الموقع: طباعة – أرسل لصديق – مشاركة عبر فيسبوك، تويتر، جوجل بلس.
  • إمكانية التحكم بالكتل الموزعة على صفحات الموقع Blocks ؛ مع إمكانية إضافة كتل جديدة للإعلانات وغيرها.
  • إضافة خدمات تفاعلية خاصة بالموقع، مثل: سجل الزوار، والشكاوي والاقتراحات.
  • توفر آلية مناسبة لنشر التعليقات الخاصة بالصفحات في الموقع، بعد اطلاع مدير الموقع عليها، وموافقته على النشر؛ مع توفر إمكانية تحرير التعليقات قبل نشرها.
  • توفر نظام إعلانات خاص ضمن الموقع لعرض بانرات إعلانية عن نشاطات الموقع ومواده (صورة أو فلاش).
  • توفر خدمة RSS.
  • إمكانية عمل نسخة احتياطية لقواعد بيانات الموقع ضمن برنامج الإدارة.
  • يجب أن يتوفر نظام لإدارة المستخدمين ضمن برنامج الإدارة؛ حيث يقوم مدير النظام بإنشاء حسابات فرعية للمستخدمين المسؤولين عن تحرير الموقع؛ وذلك ضمن صلاحيات محددة لتحرير الأقسام في الموقع، يقوم مدير النظام باختيارها.