الويب
مواقع ومنصات مؤسسية، بالعربية والإنجليزية.
مبنية للسرعة وسهولة الوصول ومحركات البحث، مع التعامل مع الاتجاه من اليمين إلى اليسار كمسألة تخطيط لا مسألة ترجمة. أنت تقرأ المثال العملي الآن.
ثنائية اللغة
الاتجاه من اليمين إلى اليسار مسألة تخطيط لا مسألة ترجمة.
معظم المواقع ثنائية اللغة هي موقع إنجليزي استُبدل نصه وقُلبت ورقة أنماطه، ويظهر ذلك خلال عشر ثوانٍ تقريباً. الإنجاز الصحيح يعني هذه القرارات، تُتخذ داخل نظام التصميم لا تُرقَّع في النهاية.
التخطيط ينعكس، الهوية لا
المسافات والمحاذاة وترتيب الشبكة كلها تنعكس لأنها مكتوبة بخصائص منطقية لا بيمين ويسار. الشعار لا ينعكس أبداً، وكذلك علامات الروابط الخارجية والشيفرة وعناوين البريد والروابط.
للعربية مقاييسها الخاصة
ارتفاع أسطر خاص، وحجم بصري خاص، وتباعد حروف عند الصفر، لأن التباعد السالب يكسر الخط المتصل. لا حروف كبيرة، لأن العربية بلا حالة أحرف. ولا خط مائل، لأنها بلا صيغة مائلة.
عائلتان تُحمَّلان منفصلتين
خط لاتيني وخط عربي، مستضافان ذاتياً، والعائلة العربية لا تُحمَّل مسبقاً في الصفحات الإنجليزية. القارئ الإنجليزي لا ينبغي أن يدفع ثمن خط لن يراه معروضاً أبداً.
العناصر الاتجاهية تنقلب بقصد
الأسهم، وفواصل مسار التنقل، وروابط العودة، وأزرار الشرائح، ومؤشرات التقدّم، وخطوط الربط. كلٌّ منها على قائمة صريحة، لأن ما يُنسى دائماً هو العناصر الصغيرة.
المحتوى المختلط يبقى مقروءاً
النصوص اللاتينية داخل النثر العربي تُعزَل حتى لا تخلطها خوارزمية الاتجاه. من رأى عنوان بريد يعيد ترتيب نفسه في منتصف جملة يعرف لماذا يجب معالجة هذا لا تمنّيه.
العربية تُكتب لا تُترجم
نصّ يُصاغ لقارئ عربي بإيقاع جمله الخاص. الصفحة المترجمة جملةً بجملة عن الإنجليزية تبدو كذلك، ويلاحظ الجمهور ذلك فوراً حتى لو لم يستطع تسمية السبب.
كل بند أعلاه يعمل على هذه الصفحة. بدّل اللغة من الأعلى وتحقّق بنفسك.
النطاق
ما الذي يشمله العمل.
معظم المشاريع واحد من هذه مع جزء من غيره.
المواقع المؤسسية
مواقع متعددة اللغات والجهات المعنية، بنموذج محتوى يصمد أمام سنة ثانية من التعديلات يجريها من لم يحضر الورشة الأولى.
منصات الويب
المحتوى والبحث والتخصيص مهندَسة كنظام واحد، لا مجمَّعة من إضافات يحلّ كلٌّ منها عُشر المشكلة ويتنازع على الباقي.
التجارة الإلكترونية
الكتالوج والدفع وتكامل التنفيذ، بوسائل الدفع وقواعد الضرائب في السوق الذي يبيع فيه المتجر فعلاً لا السوق الذي بُنيت المنصة له.
هندسة الواجهات
أنظمة تصميم ومكتبات مكوّنات تحافظ على شكلها في اتجاهَي القراءة وكل المقاسات وكل الحالات، بما فيها التي لم يرسمها أحد.
الترحيل
الانتقال عن منصة دون خسارة الترتيب: ربط الروابط، وتحويلات بخطوة واحدة، ونقل البيانات المنظّمة، وخطة لما سيحدث للصفحات التي لا يتذكر أحد نشرها.
الصيانة
ترقية الاعتماديات، والتحديثات الأمنية، وتعديلات نموذج المحتوى، وأعمال الأداء التي تُبقي الموقع السريع سريعاً بعد سنتين من الإضافات.
الأداء
ميزانية لها رقم، تُفرَض أثناء البناء.
المواقع لا تصبح بطيئة بقرار سيّئ واحد. تصل إلى ذلك عبر سلسلة إضافات صغيرة، وافق على كلٍّ منها شخص لم يكن لديه رقم يقيسها به. لذلك نضع الرقم أولاً.
الميزانية تسبق التصميم
وزن وهدف زمني لكل نوع صفحة، يُتفق عليهما مبكراً. التصميم الذي لا يمكن بناؤه ضمنهما مشكلة تصميم، واكتشاف ذلك في مرحلة المخطط أرخص بكثير.
تُفرَض حيث تحدث التغييرات
تُفحص أثناء البناء لا تُقاس بعد الإطلاق. طلب الدمج الذي يتجاوز الميزانية يفشل، فيتحوّل الأداء إلى نقاش في اللحظة الصحيحة.
المتّهمون المعتادون يُسمَّون
الخطوط والصور والسكربتات الخارجية وجافاسكربت غير الضرورية في المتصفح. بهذا الترتيب غالباً. ومدير الوسوم الذي يحمّل ستة مزوّدين بصمت هو السبب الأكثر شيوعاً.
تُقاس على أجهزة حقيقية
على الأجهزة والاتصالات التي يستخدمها الجمهور فعلاً، لا على حاسوب مطوّر متصل بألياف المكتب. الفجوة بين الاثنين هي حيث تخطئ معظم تقارير الأداء.
تُعرَض من الخادم افتراضياً
الصفحات تصل كـ HTML يُقرأ ويُفهرَس دون جافاسكربت، وتُضاف التفاعلية فقط حيث يجب أن يكون هناك تفاعل فعلاً.
سهولة الوصول
قابل للاستخدام ممّن لا يستخدمه بطريقتك.
مبنيّ وفق معيار WCAG 2.2 AA كهدف عمل لا كتدقيق في النهاية، لأن إضافة سهولة الوصول لاحقاً تعني إعادة بناء المكوّنات التي أطلقتها أصلاً.
لوحة المفاتيح أولاً
كل عنصر تحكّم يمكن الوصول إليه وتشغيله دون مؤشر، بترتيب يطابق الترتيب البصري، ودون ما يحتجز التركيز.
تركيز مرئي
نمط تركيز ظاهر على كل عنصر تفاعلي، مُختبَر على اللوحة الداكنة لا مفترَض من إعداد وُضع للوضع الفاتح.
تباين يصمد
يُفحص على الخلفية الفعلية التي يجلس عليها كل عنصر. اللوحة الداكنة تجعل ذلك أصعب لا أسهل، والنص الرمادي المتوسط على الأسود هو موضع الفشل المعتاد.
حركة يمكن إيقافها
تفضيلات تقليل الحركة محترمة في كل مكان، والمحتوى مقروء بالكامل حين لا يتحرك شيء. الحركة تحسين لا الوسيلة التي يظهر بها النص.
نماذج تشرح نفسها
تسميات حقيقية، وأخطاء موصوفة بالكلمات لا باللون وحده، ورسائل مرتبطة بالحقل الذي تخصّه.
الدلالات قبل ARIA
عناصر أصلية حيثما وُجدت. الزر زر. وARIA للحالات التي لا تغطيها المنصة فعلاً، لا طبقة فوق الحالات التي تغطيها.
التنفيذ
كيف يسير المشروع.
جاهزية المحتوى هي المسار الحرج في الغالب، ولذلك تبدأ في المرحلة الأولى لا الأخيرة.
المعمارية
خريطة الموقع، وبنية الروابط، ونموذج المحتوى، واستراتيجية اللغات. تُحسم قبل أي تصميم، لأنها الأجزاء المكلفة التغيير لاحقاً.
نظام التصميم
الخط واللون والمسافات والمكوّنات، تُبنى وتُراجَع في اتجاهَي القراءة منذ البداية لا تُفحص للعربية في النهاية.
البناء
صفحات تُركَّب من النظام، ضمن ميزانيتَي الأداء وسهولة الوصول، واللغتان تُطوَّران معاً.
المحتوى والترحيل
النصوص باللغتين، والتحويلات مرسومة بخطوة واحدة، والبيانات المنظّمة وبيانات الوصف منقولة عمّا يجري استبداله.
التشغيل
المراقبة وترقية الاعتماديات ومتابعة أدوات البحث بعد الإطلاق، وأعمال الأداء التي تُبقي الميزانية صادقة مع نمو المحتوى.
أسئلة
الأسئلة التي تستحق أن تُطرح أولاً.
هل سيعمل فعلاً بشكل صحيح بالعربية؟
يمكنك التحقّق بنفسك بدل تصديق كلامنا. بدّل اللغة من الأعلى وانظر ما الذي يتحرك: ترتيب التنقل، والأسهم، وفاصل مسار التنقل، والمحاذاة، وارتفاع الأسطر، والخط. ثم انظر ما الذي لا يتحرك بقصد: الشعار، وعنوان البريد، وأي اسم منتج لاتيني. هذا هو المعيار، وهو يعمل على الصفحة التي تقرأها.
هل تستخدمون نظام إدارة محتوى؟
غالباً، وأيّ نظام أقل أهمية من نموذج المحتوى خلفه. النموذج الجيد مع نظام متوسط يصمد؛ والنموذج السيّئ يكسر أي شيء تضعه فوقه عند الجولة الثانية من التعديلات. نصمّم النموذج وفق من يحرّر ماذا فعلاً، ثم نختار نظاماً يناسبه ويناسب فريقك.
هل يمكنكم الالتزام بدليل هويتنا؟
نعم، وإن كان الدليل لا يغطي العربية بعد فسنخبرك أي القرارات ناقصة بدل اختراعها بصمت. مقياس الخط والتباعد وارتفاع الأسطر والحد الأدنى لأحجام الخط العربي عادةً ليست في دليل كُتب للحروف اللاتينية.
كم يستغرق موقع مؤسسي؟
البناء نادراً ما يحدّد التاريخ. المحتوى والاعتمادات هما ما يحدّدانه، خصوصاً بلغتين حيث تحتاج كل صفحة مراجعاً لكل لغة. نخطّط حول ذلك ونقوله من البداية، لأن جدولاً يفترض وصول المحتوى في موعده هو جدول سيتأخر.
ماذا عن تحسين محركات البحث؟
البنية وبيانات الوصف وروابط اللغات والروابط المعيارية والأداء وبنية الروابط النظيفة جزء من البناء لا مرحلة بعده. وما لا نفعله هو شراء الروابط أو نشر صفحات ضحلة لملء قائمة كلمات مفتاحية، وكلاهما يكلّف أكثر مما يعيد.
ماذا سيحدث لروابطنا الحالية؟
تُرسَم قبل أي إطلاق. كل عنوان له زيارات أو روابط إمّا يبقى يعمل أو يُحوَّل بخطوة واحدة إلى أقرب مكافئ حقيقي، ولا يُحذف شيء بصمت. خسارة الترتيب في إعادة التصميم أمر يمكن تفاديه، وسببها عادةً تخطّي هذه الخطوة تحديداً.
أخبرنا بما تحاول بناءه.
صِف الجمهور واللغات التي يقرأ بها. وإن كانت الإجابة الصادقة أن موقعك الحالي يحتاج عملاً على المحتوى أكثر مما يحتاج إعادة بناء، فستسمع ذلك في المكالمة.
info@eorbitt.com · نردّ خلال يوم عمل واحد.