تصميم مواقع الويب

تصميم مواقع الويب
من السهل على نحو كبير مشاهدة رقم زوّار موقعك الإلكتروني، فكلّ الماهر صاحب الخبرة في التسويق الإلكتروني متمكن على إدراك حركة اجتياز الويب التي يشهدها أيّ مدونةٍ إلكتروني… لأنها متواجدة جميعها في معدة تعليل المواقع Analytics. لكن، ما يصعُب معرفته حقًا هو ما يحدُث ثم.

لذلك الداعي يُعدّ إعطاء المشورات بشأن طريقـة مبالغة حركة الاجتياز للموقع الإلكتروني شئًا سهلاً، بعكس ارشادات تشكيل مواقع الويب الأكبر صعوبة.

إن كنت ربما أنشأت مدونة الويب المخصصّ بك، وتحس بالحيرة بشأن أجمل المتابعات المتعلّقة بشكـل الموقع الخارجي وتصميمه، ضياع أتيت إلى المكان السديد.

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

التخطيط الهيكلي لموقع الإنترنت

تتكوّن كافه مواقع الشبكة العنكبوتية العالمية من عنصرين أساسيين: الحاوية أو الوعاء (container) والمضمون (content material).

كلنا نعلم ايش المضمون وما هي أساليب تحسينه وتطويره عبر تقنيات تعظيم محرّكات البحث website positioning. لكن ايش المرجو بالحاوية هنا؟

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

تنقسم الحاوية (container) هي الأخرى إلى عنصرين أساسيين:

الهيكل الموسم Construction.
الطراز أو الأسلوب Model.

وفيما ياتي أهمّ المشورات لبناء مدونة ويب متفوق مطلعًا بالهيكل الموسم ووصولاً إلى طريقه وطراز تأليف المضمون.

لنبدأ إذن!

في المقام الاول: ارشادات لتحسين الهيكل العام لموقعك الإلكتروني

يتضمّن الهيكل الموسم للموقع الإلكتروني تنظيم المكونات الرئيسية فيه، وشكل الورقة وتقسيم محتوياتها من أزرار وروابط...الخ.

لتضمن تشكيل مدونة ويب متفوق يعشقّه الزوّار، اتبع المشورات الاتية:

1- احرص على خلق تسلسل هرمي مرئي Visual Hierarchy

يقصد بتعبير التسلسل الهرمي المرئي أو الـ Visual Hierarchy لانشاء مدونة الكتروني اسلوب تنظيم المكونات المرئية وحجمها وألوانها وتباينها. حين يحدّد ذلك التسلسل مكانتها النسبية وتنظيم مشاهدتها بالعين الإنسانية.  

يستعمل مصمّمو مواقع الويب التسلسل الهرمي المرئي لتوجيه اهتمام الزوّار صوب المكونات الهامّة في الورقة قبل اخرى. ويحتوى ذلك التسلسل المكونات الاتية:

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

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

تذكّر دومًا أنّ التسلسل الهرمي المرئي هو الداعي خلف حركة عينيك ضمن مسلك محدّد لدى زيارة أيّ ورقة ويب على شبكة الشبكة العنكبوتية العالمية.

حينما تستعمل التسلسل الهرمي المرئي على نحو مظبوط، سيكون في وسعك إشراف زوّار موقعك من خلال مجموعة من المسجات المدروسة وصولاً إلى دعوة لاتخاذ أداء معيّن ترغب فيه أو ما يُعرف بالـ  Name to Motion.

فكّر فيما تشاء لزائِرك أن يراه قبل أن تستهل بتشكيل مدونة الويب المخصصّ بك.

2- اختر عنوان صفحتك الأساسية بذكاء

ومو الورقة الأساسية ووفق، فعند انشاء مدونة الكتروني ينبغي على جميعّ ورقة أن تتضمّن اسمًا أساسيًا ملائمًا.

سيصبح عنوانك الأساسي واحدًا من أمرين اثنين لا ثالث لهما: إمّا ظاهرًا معبّرًا وإما فلا. وفي حال لم يكن معبّرًا وظاهرًا، ضياع تخفق في الجواب عن إستفسار ضيف الموقع الأوّل والأهم: "هل أنت في المكان السديد؟"

العنوان الأساسي امكانية مهمّة أيضًا لاستعمال الكلمة المفتاحية أو العبارة الأساسية صاحبة الرابطة بما تقدّمه من نشاطات أو منتجات.

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

بدلاً من تأليف جمل شعرية ساحرة مبهمة، الأجمل أن تدون اسمًا أساسيًا لجميعّ ورقة يصبح ظاهرًا ومعبّرًا يفسر ما تقوم به، واحرص على أن يصبح ذلك العنوان فوق الـ fold.

مهلاً...ايش الـ fold في مواقع الويب؟

في جميعّ مدونة ويب أو ورقة إنترنت تزورها هناك مسافة تقدر مشاهدتها بمجرّد بدأعمل الورقة، وتحت تلك المسافة يبقى ما يُعرف بالـ fold أو الطيّة، التي ستطلب عقبها إلى النزول أو تحريك المؤئ

يُقصد بالـ fold أو الطيّة في مواقع الويب هذه المسافة من ورقة الويب التي تسطيع مشاهدتها دون الطلب إلى النزول بالشاشة للأسفل.

ترمز الدراسات إلى أنّ أغلب زوّار مواقع الويب يقضون ما نسبته 80% من وقتهم في الحصة الحقيقة فوق الـ fold، لذا كذلك من الهام أن معرفة ما يجدر بك وضعه في ذلك الحصة من الورقة.

3- لا تكدس جميع شيء في الجزء العلوي من الصفحة

مظبوط أنّ زوّار موقعك ربما يقضون توقيتًا اطول في الحصة العلوي من صفحتك، لكن هذا لا يعني بالضرورة أنّهم مستعدون لاتخاذ أداء معيّن (تسوق منتج أو مصلحة، التوثيق في الموقع...الخ). تطلب للقيام بالمزيد من الإقناع في الحصة اللاحق من الورق (عقب الـ fold).

احرص إذن على ألاّ تكدّس جميع البيانات أو الـ call-to-action في الحصة العلوي من الورقة، بل حاول أن تقنع جمهورك أكبر بخدماتك ومنتجاتك، وأن تضع أزرار وروابط الدعوة لاتخاذ الأداء call-to-action في المنـاطق الملائمة من الموقع.

4- اجعلها صفحة طويلة!

مسافة طولية إضافية في موقعك تعني جوابات إضافية عن أسئلة زوّارك ومشاكلهم واستفساراتهم.

في حال لم يعثر الضيف على إجابة مناسبة لسؤال مهمّ يملك، سيستمرّ بيسر في النزول للأسفل، وبمجرّد أن يجد ما يتحرى عنه سيتوقّف عن القراءة وقد يفارق الموقع.

وهكذا فالنصيحةُ الأمثل هي بأنْ تصمّم ورق موقعك الإلكتروني على هيئة مناقشات تُجريها مع زوّارك. وتجيب فيها عن كافه أسئلتهم واستفساراتهم.

فكّر في الشأن، اذا كنت في اجتماع أو حوار مهمّ مع أحدهم، هل ستنهي الكلام على نحوم فاجئ معهم؟ ذلك بالتحديد ما تفعله ورق الويب الموجزة! إنّها لا تجيب عن أسئلة الزوّار واستفساراتهم، وبالأتي تنفّرهم من الموقع بأكمله.

5- حافظ على البساطة

"أنا أهوىّ الرسومات العصرية النظيفة!"

ذلك ما يقوله أغلب زوّار المواقع الإلكترونية بشأن هيئه وتشكيل المواقع التي يزورونها. وسائدًا ما يستشهدون بموقع Apple كمثال على المواقع الإلكترونية الراقية المرتبة.

بمعنى آخر، المستعملون لا يعشقون الإضطراب والاكتظاظ، بل يفضّلون المسافات البيضاء، وبكلمات أدقّ، إنهم يميلون للتعقيد المرئي المنخفض أو ما يُسمّى "Low Visible Complexity".

في دراسة أجرتها مؤسسة google عام 2012 للتعرّف على صنف المواقع الإلكترونية التي تحتسب "حسنة" في نظر المستعملين، تبيّن أنّ المواقع الأكبر تكبيرًا التي تستعمل العديد من المكونات البصرية والألوان أو ريثما الألقاب المعقّدة أصغرّ جمالاً من هذه التي تنخفض فيها معـدل التكبير البصري (مكونات بصرية أصغر، مسافات بيضاء أكبر).

احرص إذن على أن يصبح تشكيل موقعك الإلكتروني متواضعًا خاليًا من الاكتظاظ البصري والألوان أو الرسومات المعقّدة. تذكّر دومًا المعيار التي تتكلم: "الأصغر هو دوريًا الأكبر!"