لماذا يبني كومورا سوفت المواقع اعتماداً على نظام التصميم Digital Agency؟ ── يمكن الجمع بين الرخص والجودة

يشكّل عبء العمل الخاص بتصميم الموقع نسبة كبيرة من عرض أسعار تطوير المواقع الإلكترونية. يعتمد كومورا سوفت في هذه المرحلة على نظام التصميم الذي تنشره Digital Agency كأساس، فيقلّص هذا العمل بشكل كبير ويتّبع أسلوباً يخفّض التكلفة مع استقرار الجودة.

عندما يسمع كثيرون عبارة «تطوير موقع رخيص»، يظنّون أنّ الجودة تُضحَّى بها في مكان ما. والواقع أنّ التطوير الذي يتخطّى مقابلات جمع المتطلبات لخفض السعر، أو يكتفي بحشو النصوص داخل قالب جاهز، غالباً ما ينتج عنه موقع لا يوصل ما تفعله الشركة.

أمّا انخفاض سعر تطوير المواقع (تطوير المواقع الإلكترونية) لدى كومورا سوفت، فلا يعود إلى ذلك، بل إلى توحيد مرحلة التصميم. يشرح هذا المقال بالترتيب: ما هو نظام التصميم Digital Agency الذي نعتمده أساساً، وما الذي نستخدمه فعليّاً وكيف، ولماذا ينخفض السعر، ولماذا لا تنخفض الجودة، وأخيراً ما هي المشاريع التي لا يناسبها هذا الأسلوب.

بعد هذا، نستخدم «تطوير المواقع» اسماً لخدمتنا، و«تطوير المواقع الإلكترونية» اسماً للعملية العامّة.

1. ما هو نظام التصميم Digital Agency؟

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

• الموقع الرسمي: نظام التصميم Digital Agency، الإصدار β
• الترخيص وشروط الاستخدام: ملاحظات الاستخدام

وبعبارة مبسّطة، تُعرَّف بشكل منهجي عناصر مثل التالية.

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

الشروط الملموسة للترخيص

إذا اختُصر الأمر بكلمة «ترخيص مفتوح»، تعذّر اتّخاذ القرار العملي. في صفحة ملاحظات الاستخدام الرسمية، يُعرض الترخيص منفصلاً حسب نوع المادّة الموزَّعة.

في الممارسة هناك نقطتان. الأولى: إذا حُرِّرت بيانات Figma أو مقتطفات الشيفرة وعولجت ثم أُدمجت في موقع الشركة، فلا يُطلب ذكر المصدر. وعند استخدام نظام التصميم هذا في صناعة مواقع الشركات، يكون معظم الحالات على هذا الشكل. الثانية: منصوص صراحة على أنّه لا يجوز نشر المواد المحرَّرة أو المعالجة أو استخدامها «على نحو يوحي بأنّ Digital Agency هي من أنشأتها».

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

في المخطّط، يشير الخطّ المتّصل إلى علاقة قائمة دائماً، ويشير الخطّ المتقطّع إلى علاقة مشروطة (شروط قيامها مذكورة في شرح كلّ علاقة في الصفحة التفصيليّة). القائمة الكاملة للعلاقات (المجموع 15، مع الأدلّة ودرجة اليقين) وتعريفات المفاهيم الرئيسة مجمّعة في صفحة تفاصيل خريطة المعرفة (باليابانية). البيانات: JSON-LD / Turtle

2. ماذا يعني «اتّخاذه أساساً» على وجه التحديد

عبارة «اتّخاذ نظام التصميم أساساً» عملية، لكن درجة تفصيل التنفيذ متعدّدة المستويات. في حالتنا نأخذه في ثلاث طبقات كالتالي. هذا الموقع نفسه (comcomponent.com) مبنيّ على هذا التكوين.

ونكتب أيضاً ما نتعمّد عدم فعله. لا نحمل شيفرة المكوّنات التي توزّعها الجهة الرسمية كما هي ثم نحتفظ بها كتبعية خارجية. المكوّنات التي يحتاجها موقع الشركة محدودة؛ استيراد المجموعة الكاملة يثقّل تحميل الموقع، ويولّد تكلفة صيانة لمتابعة التحديثات في المنبع. القرار هو: الاحتفاظ بالمكوّنات اللازمة فقط، كتنفيذ ذاتي يتبع المواصفة.

أثر هذا التكوين يظهر عند إضافة صفحة. حتّى لو أُضيفت صفحة خدمة واحدة جديدة، يظلّ شكل الزرّ وتسلسل العناوين والمسافات متّسقاً مع الصفحات القائمة، فلا حاجة للتفكير في «كيف يكون التصميم» في كلّ مرّة.

3. لماذا ينخفض السعر ── اختفاء مرحلة التصميم من عرض الأسعار

تتضمّن عروض أسعار تطوير المواقع الإلكترونية عادة بنوداً متعلّقة بالتصميم تشكّل نسبة كبيرة. في الجدول السريع لـمتوسط تكلفة تطوير المواقع الإلكترونية للشركات الصغيرة والمتوسطة، تدخل التكوينات التي تشمل تصميماً أصيلاً في الشريحة من 300,000 إلى 1,000,000 ين، وداخل هذه الشريحة تتراكم مرحلة التصميم تقريباً من الأعمال التالية.

ما يشمله بند «حزمة التصميم» في عرض الأسعار يختلف من شركة إلى أخرى، لذا عند المقارنة الأضمن أن تطلبوا فتحه إلى هذا المستوى من التفصيل (طريقة القراءة هذه مشروحة بتفصيل في مقالة التكلفة).

وعندما يُعتمَد نظام التصميم كأساس، يتغيّر هذا الوضع.

• معايير الألوان وأحجام الخطوط والمسافات والأزرار وغيرها محدَّدة سلفاً منذ البداية
• تصبح جولة «تقديم عدّة مقترحات تصميم واختيار واحد منها ثمّ تعديله» غير ضرورية من حيث المبدأ
• يقلّ الاعتماد على الأحكام الذوقية للمصمّم، فتقلّ إعادة العمل

بعبارة أخرى، لا ينخفض السعر بفضل تخفيض، بل لأنّ العملية نفسها تقلّ. أمّا الوقت الموفَّر، فيُوجَّه إلى الجزء الذي يرتبط فعليّاً بالنتيجة ── بناء بنية توضح ما تفعله الشركة، والنصوص، وتصميم مسار الاستفسار. وفي معظم الأحيان يكون سبب عدم وضوح الموقع هو البنية لا التصميم، وهذا ما ذكرناه في حين لا يأتي الموقع باستفسارات، أوّل ثلاثة مواضع تُصلَح.

4. لماذا لا تنخفض الجودة ── بل تزداد استقراراً

الحدس القائل بأنّ «حذف التصميم يخفّض الجودة» مبنيّ على افتراض أنّ التصميم يُبنى من الصفر. أمّا عند استخدام نظام تصميم موحّد قياسياً، فالأمر معكوس.

أوّلاً، إمكانية الوصول. صُمِّمت مكوّنات نظام التصميم Digital Agency مع مراعاة تباين الألوان، وحجم الخط، وطريقة ظهور التركيز (focus)، وسهولة التعامل باللمس. ولو أردنا ضمان هذا المستوى في كلّ مشروع تصميم على حدة، لاحتاج ذلك بحدّ ذاته إلى وقت للتحقّق. أمّا استخدام مكوّنات خضعت بالفعل لهذا التحقّق فيجعل الجودة أكثر استقراراً في النهاية.

ثانياً، سجلّ التشغيل الفعلي. تُستخدَم الخدمات الحكوميّة فعليّاً من قِبَل مجموعة واسعة جدّاً من المستخدمين، من غير المعتادين على الهواتف الذكية إلى الخبراء. وقواعد التصميم المستخدَمة هناك صُقِلت ليس بمعيار «هل المظهر حديث؟» بل بمعيار «هل يستطيع الجميع استخدامه دون أن يتيه؟». وهذه هي الصفة نفسها التي تهمّ العميل المحتمل الذي يزور موقع الشركة.

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

بُني هذا الموقع نفسه اعتماداً على نظام التصميم هذا. كما بُنيت إعادة تصميم موقع Douzu Carry Service، وهي من أعمالنا، وفق النهج ذاته. وطريقة سير إعادة التصميم موضّحة بالتفصيل في مقالة دراسة الحالة.

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

تطبيق المكوّنات نفسها على موقع آخر هو Douzu Carry Service. الألوان والصور والنصوص مختلفة تماماً بالطبع، لكن سهولة الضغط على الأزرار وطريقة ترتيب تسلسل العناوين قائمتان على قواعد التصميم نفسها، ويتّضح ذلك عند وضعهما جنباً إلى جنب.

5. التوحيد لا يعني «التطابق في المظهر»

من المخاوف الشائعة: «ألن يتشابه المظهر مع مواقع الشركات الأخرى إذا اعتُمِد تصميم موحَّد؟»

ما يُوحَّد هو جزء الأساس فقط: معايير الألوان، ونظام أحجام الخطوط، وقواعد تصميم المكوّنات. أمّا ما يحدّد الانطباع الفعلي للموقع فهو الشعار، والصور، والعبارة التسويقية، وبنية الصفحات، ونبرة النصوص، وهذه كلّها تُبنى من الصفر لكلّ موقع على حدة. فاتّساق الأساس وغياب الطابع الفردي أمران مختلفان.

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

6. الخلاصة

• يشكّل تصميم الموقع من الصفر نسبة كبيرة من تكلفة تطوير المواقع الإلكترونية
• يقلّص كومورا سوفت هذه المرحلة بشكل كبير عبر الاعتماد على نظام التصميم الذي تنشره Digital Agency (الموقع الرسمي) كأساس
• الترخيص منقسم حسب نوع المادّة الموزَّعة: بيانات Figma تخضع لـ CC BY 4.0، ومقتطفات الشيفرة لـ MIT License. وإذا حُرِّرت وعولجت ثم أُدمجت في موقع الشركة، فلا يلزم ذكر المصدر
• مضمون «اتّخاذه أساساً» ثلاث طبقات: توحيد رموز التصميم، وجعل المكوّنات فئات CSS، ودمجها في القوالب
• سبب انخفاض السعر ليس تخفيضاً، بل تقليل العملية نفسها. ويُوجَّه الوقت الموفَّر إلى تصميم البنية والنصوص ومسار الاستفسار
• الجودة تزداد استقراراً لأنّ المكوّنات المستخدَمة مصمَّمة مع مراعاة إمكانية الوصول ومُشغَّلة فعليّاً في الخدمات الحكوميّة
• الشعار والصور والنصوص تُصنَع لكلّ موقع على حدة، فلا يتطابق المظهر. لكن هذا الأسلوب لا يناسب المشاريع التي تحتاج إلى بصريّات أصيلة متكلّفة

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

مقالات ذات صلة

• تكلفة تطوير مواقع الشركات الصغيرة والمتوسّطة ── جدول سريع لنطاق الأسعار وكيفيّة قراءة عرض السعر
• دراسة حالة لإعادة تصميم موقع: شركة النقل في ميازاكي Douzu Carry Service
• حين لا يأتي الموقع باستفسارات، أوّل ثلاثة مواضع تُصلَح
• تطوير المواقع

مقالات ذات صلة

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

أين يتصل هذا الموضوع

ترتبط هذه المقالة بشكل طبيعي بصفحات الخدمات التالية.

الأسئلة الشائعة

أسئلة شائعة حول موضوع هذه المقالة.

هل يجوز استخدام نظام التصميم Digital Agency في مواقع الشركات الخاصّة؟

نعم. تنشر Digital Agency هذا النظام للعموم بترخيص مفتوح، ويمكن استخدامه حتّى في المواقع غير الحكوميّة. غير أنّ استخدامه لا يمنح أيّ اعتماد أو موافقة من Digital Agency. وموقفنا نحن أيضاً ليس أنّنا «معتمدون من Digital Agency»، بل إنّنا نطبّق المواصفة القياسية المنشورة على المواقع الخاصّة.

ألا يجعل التصميم الموحَّد الموقع يبدو مطابقاً لمواقع الشركات الأخرى؟

ما يصبح مشتركاً هو فقط قواعد تصميم الألوان والمسافات والمكوّنات، أمّا الشعار والصور والعبارة التسويقية وبنية الصفحات فتُصنَع لكلّ موقع على حدة. والانطباع الفعلي يتحدَّد أساساً بهذا الجزء، لذا لا يتحوّل الموقع إلى «موقع مألوف رأيته في مكان ما» حتّى مع التوحيد. وعلى العكس، فإنّ ما ينبغي أن يكون متّسقاً ── كسهولة الضغط على الأزرار ووضوح قراءة النصوص ── هو ما يحقّقه التوحيد فعليّاً.

الملف الشخصي للمؤلف

صفحة الملف الشخصي لمؤلف المقالة.

غو كومورا

مؤسّس شركة كومورا سوفت ذ.م.م.

يركّز على تطوير برامج ويندوز، والاستشارات التقنية، والتحقيق في الأخطاء، ويتميّز في المشاريع التي تبقى فيها الأصول القديمة ناشطة، وفي تشخيص الأعطال التي يصعب تحديد سببها.