📌ثريد| لمعايير تصميم المواقع الإلكترونية الـ 8 الأساسية❗
عليك معرفة إن تصميم المواقع الإلكترونية وفق معايير محددة في يومنا هذا يعادل أهمية وضع واجهة لمحلك التجاري أو الخدمي!
تابع #الثريد واحتفظ به #تجاره_الكترونية
عليك معرفة إن تصميم المواقع الإلكترونية وفق معايير محددة في يومنا هذا يعادل أهمية وضع واجهة لمحلك التجاري أو الخدمي!
تابع #الثريد واحتفظ به #تجاره_الكترونية
1. وضع الشعار في الأعلى
يضع 93٪ من المصممين الشعار في الزاوية اليسرى العليا من رأس الموقع، وهذا معيار لموقعه الذي اعتاد عليه الجميع بالفعل.
ملاحظة : لا تجعل الشعار كبيرًا. لا تنسَ ضغط صورة الشعار قبل وضعه لزيادة سرعة تحميل الصفحة لإنه أول الأشياء التي يتم تحميلها عند زيارة الموقع
يضع 93٪ من المصممين الشعار في الزاوية اليسرى العليا من رأس الموقع، وهذا معيار لموقعه الذي اعتاد عليه الجميع بالفعل.
ملاحظة : لا تجعل الشعار كبيرًا. لا تنسَ ضغط صورة الشعار قبل وضعه لزيادة سرعة تحميل الصفحة لإنه أول الأشياء التي يتم تحميلها عند زيارة الموقع
2. توفير أداة البحث ووضعها في رأس الموقع (Header)
إذا كان موقعك يحتوي على الكثير من الصفحات أو المحتوى، تكون أداة البحث مفيدة للزائرين.
إذا كان موقعك صغيرًا و تسميات التنقل وصفية. وبالتالي أداة البحث في الموقع، التي لا يستخدمها أي شخص تمثّل تكلفة بدون فائدة، هذا يؤدي لإضافة ضوضاء
إذا كان موقعك يحتوي على الكثير من الصفحات أو المحتوى، تكون أداة البحث مفيدة للزائرين.
إذا كان موقعك صغيرًا و تسميات التنقل وصفية. وبالتالي أداة البحث في الموقع، التي لا يستخدمها أي شخص تمثّل تكلفة بدون فائدة، هذا يؤدي لإضافة ضوضاء
3. وضع أيقونات السوشال ميديا في التذييل
يُفضل تقليل الفوضى في رأس المواقع الإلكترونية لتجنب إزعاج الزائر وبالتالي تقديم تجربة غير مثالية له لذلك تذكّر أن من يهتم بالوصول إلى وسائل التواصل الاجتماعي لموقعك الإلكتروني سيصل إلى الجزء السفلي من صفحة الموقع للتعرف على كل ما يخصه أكثر.
يُفضل تقليل الفوضى في رأس المواقع الإلكترونية لتجنب إزعاج الزائر وبالتالي تقديم تجربة غير مثالية له لذلك تذكّر أن من يهتم بالوصول إلى وسائل التواصل الاجتماعي لموقعك الإلكتروني سيصل إلى الجزء السفلي من صفحة الموقع للتعرف على كل ما يخصه أكثر.
4. وضع زر الاتصال في الأعلى
معلومات الاتصال مهمة جدًا لموقعك الإلكتروني، فبفضل هذه المعلومات يمكن للمستخدم الاتصال بك لمزيد من التعاون. يعتمد احتمال التعاون المستقبلي مع شركتك على المكان الذي تحدد فيه معلومات الاتصال الخاصة بك على موقعك. تخيّل مدى أهميته!
معلومات الاتصال مهمة جدًا لموقعك الإلكتروني، فبفضل هذه المعلومات يمكن للمستخدم الاتصال بك لمزيد من التعاون. يعتمد احتمال التعاون المستقبلي مع شركتك على المكان الذي تحدد فيه معلومات الاتصال الخاصة بك على موقعك. تخيّل مدى أهميته!
5. القوائم المنسدلة
تخبرك كل نقرة بالمزيد عن نية الزائر، ما يسمح لك بفهم الزائر بشكلٍ مباشر أكثر بناءًا على احتياجاته. تنقلهم القوائم المنسدلة إلى الصفحة الصحيحة بشكلٍ أسرع، حيث تكون فرصة التحويل أكبر.
تخبرك كل نقرة بالمزيد عن نية الزائر، ما يسمح لك بفهم الزائر بشكلٍ مباشر أكثر بناءًا على احتياجاته. تنقلهم القوائم المنسدلة إلى الصفحة الصحيحة بشكلٍ أسرع، حيث تكون فرصة التحويل أكبر.
ملاحظة: استخدم القوائم المنسدلة فقط إذا كان القسم يحتوي على الكثير من الصفحات والأقسام الفرعية. وتجنّب القوائم المنسدلة الصغيرة مع خيارات قليلة لأنها لا تقدم أي فائدة للزائر أو الموقع.
6. الدعوات إلى اتخاذ إجراء CTAs (Call To Action):
العبارة التي تحث المستخدم على اتخاذ إجراء هي أكثر من مجرد “اتصل بنا” أو “قراءة المزيد”. لديها فعل أكثر تركيزًا على العمل وهو أكثر تحديدًا. عندما يقرأها الزائر، فإنه يشعر بأن المنفعة تبدو عالية
العبارة التي تحث المستخدم على اتخاذ إجراء هي أكثر من مجرد “اتصل بنا” أو “قراءة المزيد”. لديها فعل أكثر تركيزًا على العمل وهو أكثر تحديدًا. عندما يقرأها الزائر، فإنه يشعر بأن المنفعة تبدو عالية
يجب أن تكون الدعوة أو الـ CTA واضحة وصريحة وجذابة لتنجح في الهدف منها وحث العميل على التفاعل معها مثل:
قراءة المزيد
اشتر الآن
تحميل الآن
إلى رابط المتجر
اشترك في
ادفع من هنا
الذهاب إلى الصفحة الرئيسية
تبرع الآن
تصفح المنتجات
قراءة المزيد
اشتر الآن
تحميل الآن
إلى رابط المتجر
اشترك في
ادفع من هنا
الذهاب إلى الصفحة الرئيسية
تبرع الآن
تصفح المنتجات
7. عرض القيمة في الجزء المرئي من الصفحة:
رأس الصفحة الرئيسية H1 هو الجزء الوحيد الأكثر بروزًا من النص على موقع الويب. وبالتالي، مؤلف محتوى الويب لديه أربعة خيارات:
. ذكر عرض القيمة بشكل بسيط ومحدد ومباشر، مثلاً “نحن نفعل (كذا) من أجل (كذا)”.
رأس الصفحة الرئيسية H1 هو الجزء الوحيد الأكثر بروزًا من النص على موقع الويب. وبالتالي، مؤلف محتوى الويب لديه أربعة خيارات:
. ذكر عرض القيمة بشكل بسيط ومحدد ومباشر، مثلاً “نحن نفعل (كذا) من أجل (كذا)”.
. تكرار الاسم التجاري (غير ضروري).
. استخدام سطر الوصف (غالبًا ما يكون ذكيًا ولكنه غامض وغير مفيد).
. دفع إعلان أو إعلان أو جزء محتوى (الترويج الحالي).
. استخدام سطر الوصف (غالبًا ما يكون ذكيًا ولكنه غامض وغير مفيد).
. دفع إعلان أو إعلان أو جزء محتوى (الترويج الحالي).
8. علامات العنوان الوصفية:
هذه فرصة ضائعة للتحدث عن العمل الذي تعمل فيه الشركة، على غرار وضع عرض القيمة في العنوان H1. إنه مهم بشكلٍ خاص للبحث. فمثلاً موقع Spotify يستخدم عبارة “Listening is everything” كعلامة وصفية. وانظر إلى موقعنا “الرابحون” لأخذ مثلا على العلامة الوصفية.
هذه فرصة ضائعة للتحدث عن العمل الذي تعمل فيه الشركة، على غرار وضع عرض القيمة في العنوان H1. إنه مهم بشكلٍ خاص للبحث. فمثلاً موقع Spotify يستخدم عبارة “Listening is everything” كعلامة وصفية. وانظر إلى موقعنا “الرابحون” لأخذ مثلا على العلامة الوصفية.
🔸مكملات عصرية لمعايير تصميم المواقع الإلكترونية
أولاً، تُعتبر سرعة تحميل الموقع أمرًا مهمًا
ثانيًا، بساطة التصميم مع استخدام ألوان جريئة
ثالثًا، استخدام فيديو ذكي يزيد متعة التجربة
رابعًا، استخدام الوضع المظلم لمزيد من التخصيص
خامسًا، استخدام لون لاستحضار حالات مزاجية معينة
أولاً، تُعتبر سرعة تحميل الموقع أمرًا مهمًا
ثانيًا، بساطة التصميم مع استخدام ألوان جريئة
ثالثًا، استخدام فيديو ذكي يزيد متعة التجربة
رابعًا، استخدام الوضع المظلم لمزيد من التخصيص
خامسًا، استخدام لون لاستحضار حالات مزاجية معينة
سادساً، التفاعلات الدقيقة تعطي مزيدًا من التفاعل
سابعاً، روبوتات المحادثة تصبح شبيهة بالبشر
سابعاً، روبوتات المحادثة تصبح شبيهة بالبشر
جاري تحميل الاقتراحات...