معايير تصميم المواقع الإلكترونية
معايير تصميم المواقع الإلكترونية هى المعايير التى نهتم بها كشركة تصميم مواقع عند بناء وتصميم المواقع الإلكترونية المختلفة، فالتصميم اكثر من مجرد شكل جميل، حيث يجب ان يحتوى على الكثير من العناصر ويخضع لمعايير التصميم المواقع الإلكترونية المتفق عليها عالمياً.
“اتفاقيات الويب القياسية” هي معايير لتصميم الويب وأفضل الممارسات. إنها مجموعة من القواعد التي يتبعها مصممو الويب ، مع العلم أنها تتوافق مع توقعات الزوار. إنها مبادئ توجيهية للوضوح وسهولة الاستخدام.
“اتفاقيات المعايير العالمية لتصميم المواقع الإلكترونية” هى معايير لتصميم المواقع وافضل الممارسات التى توصل اليها افضل مصممين المواقع عالمياً، وهى مجموعة من القواعد والشروط التى يجب على كل مصمم مواقع اتباعها عند تصميم المواقع.
الآن، ما هي المعايير؟
للإجابة على هذا السؤال ، أنشأنا قائمة مرجعية تضم 10 معايير لتصميم المواقع الإلكترونية ، ثم نظرنا إلى أفضل 50 موقعًا للتسويق لمعرفة مدى توفر هذه المعايير. باستخدام إرشادات من مقالة سابقة لمجموعة NN ، نستخدم العتبات التالية:
- قياسي: 80 ٪ أو أكثر من المواقع تستخدم نفس نهج التصميم
- الاتفاقية: 50 – 79 ٪ من المواقع تستخدم نفس نهج التصميم
- الارتباك: 49 ٪ أو أقل من المواقع تتفق ، لا يهيمن نهج التصميم واحد
ملاحظة: المواقع المدرجة في هذا البحث هي أهم مواقع التسويق في فئة “الأعمال: التسويق والإعلان” في Alexa. بعد استبعاد الأخبار ووسائل الإعلام ومواقع النشر ، التي لا تتضمن جيلًا تقليديًا أو أهداف التجارة الإلكترونية ، انتهى بنا الأمر إلى أفضل 50 موقعًا للتسويق.
1. شعار الشركة فى اعلى الموقع “الهيدر”
100% من المواقع تقوم بوضع شعار الشركة اعلى الموقع “الهيدر”، ويختلف على حسب اللغة فاذا كانت اللغة المستخدمة فى الموقع هى اللغة الانجليزية، يتم وضع شعار الشركة فى الاعلى من جهة الشمال، اما فى اللغة العربية يتم وضع شعار الشركة فى الاعلى من جهة اليمين.
2. رابط الاتصال بنا فى الاعلى
44% من المواقع تقوم بوضع رابط الاتصال بنا فى الاعلى، ويختلف على حسب اللغة فاذا كانت اللغة المستخدمة فى الموقع هى اللغة الانجليزية، يتم وضع الاعلى فى الاعلى من جهة اليمين، اما فى اللغة العربية يتم وضع الرابط فى الاعلى من جهة الشمال.
3. القائمة الرئيسية فى الاعلى “الهيدر”
88% من المواقع تقوم بوضع القائمة الرائيسية فى اعلى الموقع “الهيدر” من كل صفحة بشكل افقى.
4. سلايدر الصفحة الرئيسية
32% من المواقع تقوم بوضع سلايدر فى الصفحة الرئيسية ويعرف ايضاً باسم (Carousel)، ويستخدم فى عرض صور ونصوص متحركة فى شكل متناسق جمالى لجذب انتباه العميل، وغالباً ما يتم وضع عدد من (1 الى 3) اجزاء متحركة.
5. القيمة المضافة فى اعلى الصفحة الرئيسية
80% من المواقع تقوم بوضع القيمة المضافة التى تسعى الى تقديمها الى عملائها فى اعلى الصفحة بعد السلايدر مباشرة، والتى توضع القيم التى تعمل ضمنها الشركة وماذا يمكنها ان تفعل للعملاء.
6. زرار الـ Call to action فى اعلى الصفحة “الهيدر”
78% من المواقع تقوم بوضع زرار الـ Call to action فى اعلى الصفحة “الهيدر”، ويختلف على حسب اللغة فاذا كانت اللغة المستخدمة فى الموقع هى اللغة الانجليزية، يتم وضع الزرار فى الاعلى من جهة اليمين، اما فى اللغة العربية يتم وضع الزرار فى الاعلى من جهة الشمال.
7. وظيفة البحث فى الموقع فى اعلى الموقع “الهيدر”
54% من المواقع تتيح لزوار موقعهم البحث فى الموقع عن طريق مربع البحث، ويتم وضعه فى اعلى الصفحة “الهيدر” ويظهر مربع البحث فى كل صفحة فى الموقع، ويسهل على الزوار الوصول للصفحات بسهولة وسرعة.
8. الاشتراك فى النشرة البريدية
24% من الشركات تحاول جمع بيانات العملاء من اجل اعادة استهدافهم مرة اخرى عن طريق البريد الإلكتروني، ويتم ذلك عن طريق وضع وسيلة للاشتراك فى النشرة البريدية وموقعها يكون فى اسفل الموقع “الفوتر”.
اشهر العناصر التى يتم وضعها اسفل الموقع هى خريطة الموقع، القائمة الرئيسية، سياسة الاستخدام، سياسة الخصوصية، وسائل الاتصال بالشركة، وهذا ما يتوقعه زوار الموقع.
9. روابط مواقع التواصل الاجتماعى
72% من المواقع تقوم بوضع روابط مواقع التواصل الاجتماعى الخاصة بالحسابات الخاصة بالشركة على هذه المواقع، ويتم وضعها فى اسفل كل صفحة من الموقع “الفوتر”.
وعند الضغط على هذه اى رابط يتم تحويل الزائر الى موقع التواصل الإجتماعى، وبالتالى انت تخسر الزائر لانه يترك موقعك ويذهب لتصفح موقع اخر، لذلك يجب عليك كمصمم مواقع ان تجعل الرابط يفتح فى صفحة جديدة.
10. امكانية تصفح الموقع من الموبيل
68% من المواقع قابلة للتصفحة من الموبيل والاجهزة المختلفة لانها تحتوى على هذه الامكانية، والتى توفر على زوار الموقع سهولة الوصول الى المعلومات وامكانية التصفحة من خلال اى جهاز متاح.
إنه مزيج من التصميم والبرمجة يصعب إضافته بعد تصميم الموقع. في كثير من الأحيان ، إنه جزء من إعادة تصميم ، وهو ما قد يفسر سبب كونه اتفاقية ، ولكنه ليس معيارًا.
وقد تم تصميم استجابة أفضل الممارسات لسنوات. يسعدنا أن نرى هذا الأمر أكثر شيوعًا ونتوقع أن تكون هذه الميزة قياسية في نهاية المطاف.
التصميم المخصص هو الافضل
من الواضح ، ليست كل معايير التصميم قياسية بعد كل شيء. باستثناء وضع الشعار والتنقل الرئيسي والقيمة المقترحة ، لا توجد معايير لتصميم الويب.
الشيء الجميل في المعايير هو أن لديك الكثير للاختيار من بينها. – أندي س. تانباوم ، عالم الكمبيوتر
تتضمن اتفاقيات تصميم الويب دعوة بارزة للعمل ، وأداة بحث في الرأس ، وأيقونات وسائط اجتماعية في تذييل الصفحة وتصميم ويب سريع الاستجابة.
قد لا تزال ميزات التصميم الشائعة الأخرى تعتبر أفضل الممارسات ، ولكن قد لا تستخدمها غالبية المواقع. تصميم الويب المخصص، المخصص لرجال الأعمال وجمهورها ، يحكم اليوم.
رؤى عملية لمصممي الويب
الامتثال للمعايير هي طريقة سهلة لتلبية توقعات جمهورك. زوار موقعك ليسوا ألواح فارغة. موقع الويب الخاص بك هو موقع الويب المليون الذي زروه ، لذلك يقدمون أفكارًا قوية حول ما سيجدونه وأين يمكنهم العثور عليه. والموقع الإلكتروني هو أساسيات التسويق الرقمي.
لماذا تجعل موقعك مختلفا؟
إذا كان من المتوقع وجود عنصر تصميم في مكان معين ، فهذا هو المكان الذي يجب أن يذهب إليه.
إلى جانب عناصر التصميم ، هناك أنواع من معايير تصميم الويب يفهمها جميع المصممين الجيدين:
معايير العلامة التجارية
الألوان والنوع والنغمات خاصة بكل نشاط تجاري. يجب أن يكون لديك دليل أسلوب لموقع الويب الخاص بك والتمسك به.
معايير الترميز
يجب بناء المواقع باستخدام معايير البرمجة المتفق عليها من قبل W3C. هذا يجعلهم أكثر عرضة للعرض والتصرف بشكل صحيح في المتصفحات.
معايير الوصول
الوصول إلى المعلومات هو حق أساسي من حقوق الإنسان. وقد اعترفت بذلك اتفاقية الأمم المتحدة لحقوق الأشخاص ذوي الإعاقة. اتبع هذه المعايير لجعل موقعك في متناول الجميع.
اصطلاحات الويب القياسية هي اختصارات للتصميم الجيد. إذا قمت بخرق أي من هذه القواعد ، فيجب عليك فعل ذلك عن قصد ولسبب وجيه. ويجب أن تخطط لقياس تأثير أن تكون غير متوقع.
هل يتبع موقعك أفضل الممارسات؟ أو هل تخرق القواعد؟
