كيف تجعل موقعك ناجحا ومتميزا, نصائح في تصميم الصفحات

السلام عليكم ورحمة الله وبركاته

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

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

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

ثانيا: استخدام الهتمل
لعل هذه النقطة هي من أهم النقاط التي يجب مراعتها عند التفكير في إنشاء صفحتك الأولى على الشبكة العنكبوتية ألا وهي لغة الهتميل القياسية. لا تحاول ابدا استخدام برامج مثل الوورد او الباوربوينت لعمل صفحات انترنت بل استخدام البرامج المعروفة والتي تدعم لغة الهتمل بشكل كامل. والسبب في ذلك أن المتصفح للأنترنت قد يستخدم متصفحات تختلف عن مايكروسوفت اكسبلورر. صحيح أن هذا المتصفح هو الشهير في عالمنا العربي ولكنه ليس الوحيد.
لا تغفل علامات التنصيص وتتركها مفتوحة فهذا يعطل كفائتها ولا يعطي النتائج المرجوة. طبعا نقصد بعلامات التنصيص التالي:
<HTML> و <HEAD>
العرض والارتفاع للصورة <IMG>
وصف الصورة <IMG>
نهاية علامة التنصيص <HEAD>, <BODY>, <P>, <CENTER>

يعتبر برنامج الفرونت بيج من اشهر البرامج الداعمة للغة الهتمل وهو برنامج قوي جدا وذو مميزات كثيرة ولعل من أهم هذه المميزات هم دعمه للغة العربية.

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

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

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

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

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

وتذكر دوما أن الإنطباع الأول صعب أن ينسى ... فليكن انطباعا جميلا من البداية

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

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

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

واذا اتبعت النصائح المذكورة اعلاه فأعتقد أنك ستصل الى نتيجة مرضية

اتمنى أن يكون الموضوع جديرا بالقراءة .. وارجو من الجميع المشاركة وابداء نصائحهم للجميع حتى تعم الفائدة للجميع

تحياتي

عنجد أخي أنت مخ ههههههههه شكرا ولد بلادي

بلا مزية ختي بنت بلادي

» تصميم ستايل احترافي خاص بكم