أبدأ من وظيفة الموقع
موقع شركة خدمات يختلف عن دليل أعمال، والمدونة تختلف عن متجر. قبل اختيار الخطوط والألوان نحدد ما الذي يجب أن يفعله المستخدم: يتصل، يطلب عرض سعر، يبحث عن خدمة، يقرأ أو يشتري.
التصميم يخدم المحتوى
العناوين والمسافات والأزرار ليست ديكورا. هي التي تحدد أين ينظر المستخدم وما الذي يفهمه أولا. لذلك أفضل واجهة بسيطة على صفحة مليئة بحركات تشتت عن الهدف.
البرمجة المناسبة أهم من التقنية الأشهر
ووردبريس ممتاز في مشروعات كثيرة، لكنه ليس إجابة لكل شيء. أحيانا يكون CMS مخصص أخف وأوضح، وأحيانا تحتاج إضافة ووردبريس صغيرة بدلا من نظام كامل.
مثال بسيط هو إضافة عرض الكاتب وتاريخ التحديث، وفي القوالب يقدم قالب بدر نفس فلسفة الخفة.
الموبيل ليس نسخة مصغرة
قد تحتاج الصفحة على الموبيل ترتيبا مختلفا للعناصر، أزرارا أكبر وصورة هيرو بمحاذاة أخرى. المهم أن تبقى المعلومات والوظائف كاملة.
السيو يدخل من البداية
بنية الروابط، العناوين، السرعة، canonical وخرائط الموقع أسهل عندما تبنى مع الموقع لا بعد إطلاقه. ثم يأتي المحتوى والربط الداخلي فوق أساس نظيف.
راجع السيو الداخلي والسيو المحلي إذا كان الموقع يخدم سوقا جغرافيا مثل الكويت.
لوحة التحكم
أفضل لوحة إدارة هي التي لا تحتاج شرحا كل مرة. الحقول تحمل أسماء واضحة، الصور لها مقاسات معقولة، والمحرر لا يترك صاحب الموقع أمام عشرات الخيارات التي لا يستخدمها.
بعد الإطلاق
الموقع يحتاج مراقبة أخطاء، نسخ احتياطية، تحديثات وأحيانا تطوير وظائف جديدة. لهذا أبني المشروع بحيث يمكن تعديل جزء منه بدون إعادة كتابة كل شيء.
شاهد بعض أعمال HanyBee في تطوير المواقع وتحسين السيو.
متى أستخدم CMS جاهزا؟
عندما تكون الوظائف معروفة ومتكررة: مقالات، صفحات، خدمات، منتجات بسيطة أو نماذج. النظام الجاهز يختصر وقتا كبيرا. لكن لا أحمّل المشروع إضافات كثيرة كي أجبره على شيء لم يصمم له.
متى أكتب برمجة خاصة؟
عندما تكون هناك workflow مختلفة، علاقات بيانات معقدة، لوحة تحكم خاصة أو أداء لا يناسب طبقات كثيرة من الإضافات. البرمجة الخاصة ليست أفضل تلقائيا؛ هي أفضل فقط عندما تحل حاجة حقيقية.
الأمان
التحديثات، الصلاحيات، التحقق من المدخلات والنسخ الاحتياطي ليست إضافات اختيارية. الموقع الذي يجمع بيانات عملاء أو يفتح تسجيل مستخدمين يحتاج اهتماما أكبر منذ أول نسخة.
السرعة
أقيس السرعة بعد وضع المحتوى الحقيقي، لا على صفحة فارغة. صورة هيرو، خط عربي، نموذج واتساب وسكربت تحليلات قد تغير النتيجة تماما. لذلك الأداء جزء من الاختبار النهائي.
الوصول Accessibility
الألوان الجميلة لا تكفي إذا كان النص ضعيف التباين. الأزرار تحتاج labels واضحة، والصور Alt عند الحاجة، والقائمة يجب أن تعمل بلوحة المفاتيح. هذه تحسينات للمستخدم قبل أي شيء.
الصيانة
أترك الكود منظما وأقلل الاعتماد على تعديلات غامضة داخل قاعدة البيانات. بعد سنة يجب أن أستطيع فهم لماذا توجد الوظيفة وكيف تتغير بدون تفكيك الموقع كله.
قياس نجاح التصميم
لا أقيسه بكمية الحركات. أقيس هل المستخدم يصل للخدمة، هل الموبايل مريح، هل الصفحات سريعة، وهل الإدارة تستطيع نشر المحتوى. الشكل مهم، لكن الوظيفة هي التي تبقي الموقع مفيدا.
اختيار الاستضافة
لا أختار الاستضافة من رقم المساحة وحده. المهم استجابة السيرفر، النسخ الاحتياطي، إصدار PHP أو البيئة المناسبة، الدعم وإمكانية التوسع. موقع صغير على استضافة مستقرة أفضل من باقة ضخمة بطيئة.
قاعدة البيانات
كل إضافة تترك جداول وخيارات. مع الوقت قد تمتلئ قاعدة البيانات بأشياء لم تعد تستخدم. التصميم الجيد يشمل طريقة تخزين واضحة، وتنظيفا عند حذف وظائف كبيرة بدلا من تراكم تاريخ غير مفهوم.
النماذج
نموذج التواصل يجب أن يطلب ما تحتاجه فقط. الاسم، وسيلة تواصل ورسالة غالبا تكفي. أضف الحقول عندما لها وظيفة. كل حقل زائد يقلل احتمالية الإرسال.
التحليلات
أركب أدوات القياس بعد تحديد ما نريد قياسه. زيارة الصفحة وحدها ليست هدفا دائما. في موقع خدمات قد يكون الضغط على واتساب أو الاتصال أهم. في متجر، إتمام الشراء أهم.
النشر
قبل الإطلاق أفحص 404، التحويلات، العناوين، canonical، sitemap، الموبيل والنماذج. قائمة قصيرة ثابتة قبل النشر تمنع أخطاء صغيرة تتحول إلى مشاكل بعد أرشفة الموقع.