منتج · أداة بناء المواقع · الأقسام · 2025
Wuilt — الأقسام، بتصوّر جديد
محرّك الأقسام وراء كل موقع في Wuilt — مكتبة أقسام مصنّفة، لوحة تخطيط حيّة، تحكّم حقيقي في الخلفيات (ألوان الثيم، تدرّجات، صور، فيديو)، وإجراءات على مستوى القسم تجعل التأليف يشبه الكتابة.
Wuilt (أداة بناء مواقع بلا كود)
نظرة عامة
ثاني نظام رئيسي في Wuilt: محرّك الأقسام الذي يشغّل كل صفحة في الأداة. صمّمت مكتبة إضافة الأقسام المصنَّفة (Hero، ترويسة صفحة، دعوة لاتخاذ إجراء، نبذة، معرض، فيديو، تواصل، فريق، آراء العملاء، تضمين، تسعير، ميزات، شعارات)، ولوحة إعدادات القسم (تخطيط · خلفية · ظهور · تأثيرات)، وضوابط الخلفية المدركة للثيم (لوحة ألوان الثيم، لون صلب مخصّص، تدرّج، صورة، فيديو، مع تراكبات لونية وتأثيرات تمرير)، ومجموعة إجراءات على مستوى القسم (حفظ، تكرار، نقل، نسخ إلى صفحة، حذف) تظهر عند التمرير. كل شيء يكتب إلى معاينة حيّة ويسحب من رموز Site Styles، بحيث يستطيع غير المصمم تأليف صفحة حقيقية دون لمس منتقي ألوان.
المشكلة
تأليف صفحة في Wuilt يعني تعلّم ثلاث أدوات مختلفة مُلصَقة معًا. إضافة قسم كانت تفتح قائمة مسطّحة من المتغيّرات بلا فئات. تنسيق قسم كان يتشعّب إلى شاشات منفصلة للتخطيط، الألوان، الصور، والفيديو — لكل منها ضوابطها وتأخّر معاينتها. غير المصمّمين يستسلمون عند منتقي اللون؛ المستخدمون المتقدّمون يستسلمون عند غياب نمط التدرّج. لا شيء متّصل بـSite Styles، فكان بإمكان مبتدئ بسهولة أن يلوّن قسمًا بلون لم تستخدمه الهوية أبدًا. احتاج المحرّك لوحة إعدادات قسم واحدة، ونظام خلفيات واحد بخمسة أنماط متوازية، ومجموعة إجراءات تمرير لا تشغل اللوحة أبدًا.
السياق
مستخدمو Wuilt يؤلّفون صفحاتهم قسمًا تلو الآخر — قسم بطولي، كتلة نبذة، معرض، دعوة لاتخاذ إجراء. النظام القديم للأقسام كان يعرض كل مقبض دفعة واحدة: منتقيات ألوان hex خام، ثلاثة حقول تباعد مختلفة، أنماط خلفية على شاشات منفصلة، وبلا معاينة حيّة حتى الحفظ. غير المصمّمين كانوا يتجمّدون. المستخدمون المتقدّمون كانوا يصطدمون بسقف عند التدرّجات، خلفيات الفيديو، والتراكبات، فينتقلون إلى Webflow. احتاج الفريق محرّك أقسام يشعر بالبساطة كالكتابة للمبتدئين، وبأداة تصميم حقيقية للمحترفين — سطح واحد، مفردات واحدة، بلا منتج ثانٍ.
مؤشرات البحث
لاحظت خمسة عشر مستخدمًا غير مصمّم وهم يضيفون وينسّقون قسمًا في Wuilt. كل جلسة توقّفت مرة واحدة على الأقل — إما عند منتقي اللون الخام، حقل رقم التباعد، أو مفتاح نمط الخلفية.
دقّقت في 40 موقعًا حيًا مبنيًا على Wuilt. وجدت أن 78% استخدمت ثلاث فئات فقط من الأربع عشرة فئة، وأن 62% احتوت على قسم واحد على الأقل بلون hex غير متوافق مع الهوية بدل رمز ثيم.
قابلت ستة مستخدمين متقدّمين. جميعهم أرادوا خلفيات تدرّج، خلفيات فيديو بتراكبات لونية، وطريقة لنسخ قسم منجز إلى صفحة أخرى دون إعادة بنائه.
قارنت مع Webflow وFramer وSquarespace Fluid Engine وElementor — لاحظت أين تتشارك إعدادات الأقسام لوحة واحدة، وأين توحّدت الخلفيات عبر الأنماط، وأين بقيت إجراءات التمرير قابلة للاكتشاف دون تشويش اللوحة.
مبادئ التصميم
فئات، لا قائمة مسطّحة
مكتبة الأقسام مُنظَّمة في 14 فئة مُسمّاة (Hero، ترويسة صفحة، دعوة لاتخاذ إجراء، نبذة، معرض، فيديو، تواصل، فريق، آراء العملاء، تضمين HTML، تسعير، ميزات، دعوة لاتخاذ إجراء، شعارات). المستخدم يختار القصد أولًا، والمتغيّر ثانيًا — كلفة الاختيار تنخفض قبل أن تبدأ.
لوحة إعدادات واحدة، ثلاث تبويبات
كل لوحة إعدادات قسم تفتح بالتبويبات الثلاثة نفسها — تخطيط · خلفية · ظهور. أيًّا كان القسم الذي يختاره المستخدم، تُحفَظ الذاكرة العضلية.
الخلفيات نظام واحد
لون الثيم، اللون الصلب المخصّص، التدرّج، الصورة، والفيديو خمسة أنماط للوحة نفسها — معاينة واحدة، تحكّم تراكب واحد، نموذج ذهني واحد. بلا 'نمط فيديو' خفي بإعداداته الخاصة.
الرموز قبل الـhex
منتقي اللون الافتراضي يعرض أولًا عيّنات العلامة، الثانوي، الأساسي، والمميّز من Site Styles. منتقي hex + الشفافية المخصّص موجود كمخرج طوارئ، نقرة واحدة أبعد — لا يكون أبدًا الافتراضي.
الإجراءات تعيش عند التمرير
حفظ، تكرار، نقل، نسخ إلى صفحة، وحذف تظهر عند تمرير الفأرة فوق القسم، بترتيب ثابت في الرف الجانبي الأيمن. اللوحة تبقى نظيفة؛ الإجراءات لا تختفي أبدًا حين يحتاجها المستخدم.
التأليف يشعر بالكتابة
زر إضافة قسم يظهر بين كل قسمين، في الموضع نفسه، في كل مرة. الإضافة إلى الصفحة ضغطة مفتاح، لا سير عمل.
المراحل
المستخدمون الجدد يجدون القسم الذي يحتاجونه من أول نظرة. المستخدمون العائدون يتوقّفون عن قراءة التسميات تمامًا — يدهم تعرف مكان Hero ودعوة اتخاذ الإجراء.
بالأرقام
الشاشات
خلاصةالدرس المستفاد من Site Styles انتقل مباشرة إلى الأقسام — غير المصمّمين لا يريدون مقابض أقل؛ يريدون أن تكون المقابض متصلة. بمجرد أن ورث كل قسم من Site Styles، وتشارك كل نمط خلفية لوحة واحدة، وعاش كل إجراء بُعد تمريرة واحدة، توقّف المستخدمون عن الخوف من التأليف وبدؤوا يتعاملون مع Wuilt كأداة التصميم التي هي عليها فعلًا.
