لقد مر 10 أشهر منذ أن أطلقنا Page Builder Sandwich للجمهور. لدينا الآن حوالي 6,000 عملية تثبيت نشطة، وهذا إنجاز كبير بالنسبة لنا. لقد تلقينا قدرًا هائلاً من الملاحظات بفضل ذلك أيضًا، الجيد منها والسيئ. ومع ذلك، فإن الإجماع هو أن الناس يستمتعون بمدى سهولة بناء التخطيطات وإنشاء محتواهم مقارنة بأدوات إنشاء الصفحات الأخرى المتاحة.
كانت نسبة كبيرة من الملاحظات التي تلقيناها عبارة عن طلبات لميزات جديدة، وقد أضفنا الكثير من تلك الميزات خلال الأشهر القليلة الماضية. ولكن مع استمرارنا في القيام بذلك، بدأنا أيضًا في تغيير واجهة المستخدم ببطء أثناء العملية. ونتيجة لذلك، كنا نغير أيضًا تجربة المستخدم… نحو الأسوأ. ومع ذلك، فقد وصل الأمر إلى نقطة تطلبت منا إعادة التفكير في الواجهة، لأنها ببساطة لم تعد تعمل بسلاسة، كما أن الميزات المختلفة لم تعد تتناغم معها أيضًا.
الواجهة السابقة
في الإصدارات السابقة من PBS، أردنا أن يكون كل شيء على شكل أزرار. لماذا؟ لأن الأزرار سهلة الاستخدام. كل ما عليك فعله هو… النقر عليها. في الإصدارات الأقدم من أداة الفحص (الشريط الجانبي في الصورة أعلاه)، كان النقر على زر يؤدي إلى زيادة القيمة، ثم النقر مع الضغط على مفتاح shift يقللها. يبدو ذلك سهلاً بما فيه الكفاية. ولكن مع إضافة المعارض الدوارة (carousels)، وعلامات التبويب، والخرائط، وغيرها من العناصر والميزات الجديدة، تحولت كل تلك الأزرار إلى خليط من الأيقونات المختلفة بتصميمات متباينة، وبدأت تبدو إلى حد ما أشبه بالرموز الهيروغليفية أكثر من كونها واجهة رائعة. لم تكن هذه مشكلة للمستخدمين المتمرسين، ولكنها مربكة ومخيفة للغاية لمن هو جديد على PBS.
بعد ذلك، ظهرت بعض المشاكل في أداة الفحص. كانت الفكرة الأصلية هي جعل كل شيء بسيطًا ومتاحًا داخل أداة الفحص. وعندما أقول كل شيء، فأنا أعني كل شيء – من تحويل النص إلى عناوين، وصولاً إلى تغيير ألوان الخلفية، وألوان الخطوط، وغير ذلك الكثير. ومع ذلك، في حالتها الحالية، أصبحت أداة الفحص تحتوي الآن على الكثير من الخيارات التي ستجعلك تستخدم عجلة الماوس للتمرير لأعلى ولأسفل باستمرار. وهو أمر مختلف تمامًا عن أداة الفحص التي كنت آمل في السابق تقديمها للمستخدمين.
وأخيرًا، قدمنا مؤخرًا تعيين الرموز القصيرة لإضافاتك المفضلة. تطلبت منا هذه الميزة إنشاء حقول نصية، ومزالق للأرقام، وخانات اختيار، وأنواع خيارات جديدة إضافية لازمة لجعل تجربة تحرير الرموز القصيرة أكثر متعة. في البداية، كانت فكرة جيدة، ونعم، لقد جعلت التعامل مع الرموز القصيرة أسهل بالنسبة لك. ولكن مرة أخرى، انحرفت هذه الميزة عن واجهتنا القائمة على “الأزرار فقط”. وبالنظر إلى الماضي، كان من المستحيل حقًا استخدام الأزرار وحدها لتغيير سمات الرموز القصيرة. والآن، في الإصدار الأخير، انتهى بنا المطاف بنوعين من عناصر التحكم: الأزرار وحقول الرموز القصيرة.
هناك بضعة أسباب أخرى جعلتنا نقرر أن واجهتنا لم تعد فعالة (أو مناسبة لاحتياجاتنا)، ولكن النقاط المذكورة أعلاه هي النقاط الرئيسية. ومع ذلك، كان هناك شيء واحد مؤكد دائمًا: كنا نعلم أنه يتعين علينا تحديث الواجهة.
تحديد كيف ينبغي لمنشئ الصفحات أن يعمل بصورة مثالية
بدلاً من التسرع وتغيير الأمور على الفور، تراجعنا مئة خطوة إلى الوراء لإلقاء نظرة على تجربة منشئ الصفحات بأكملها. أردنا بث حياة جديدة في الواجهة. وبصراحة، لم نكن نريد الاستمرار في إعادة بنائها عامًا بعد عام. فالأمر مرهق وبالتأكيد لا يقدم فائدة كبيرة لمجتمع ووردبريس. هذه المرة، قررنا القيام بالأمور ببطء وعناية. لقد درسنا كل زاوية في Page Builder Sandwich وما يجعله منشئ صفحات جيدًا، وفي النهاية بلورنا تجربة التحرير بأكملها في عدد قليل من المفاهيم الأساسية.
المفهوم الأساسي رقم 1: الكتابة المباشرة في المحتوى لتعديل العناصر
أحد الأسباب الرئيسية لتثبيت منشئ الصفحات هو التحرر من قيود المحرر النصي الخلفي لووردبريس. لا يعني هذا أن المحرر الخلفي ليس جيدًا، ولكن عند إنشاء صفحات الويب الخاصة بك، فإنه لا يُظهر لك على الفور كيف ستبدو صفحتك لزوار موقعك، كما أنه لا يسمح لك بتنسيق محتواك خارج نطاق تخطيط العمود الواحد. يمكنك فقط رؤية نصوصك هناك وبعض الصور، ولكن دون أي من العناصر الأكثر تعقيدًا (مثل نماذج الاتصال). يمكنك إضافة الرموز القصيرة، نعم، ولكنها لن تظهر بشكلها النهائي المعروض*.
* هناك إضافات يطورها آخرون لمعالجة هذه المشكلة مثل Shortcake UI، ولكن هذا ليس صلب الموضوع.
وهنا يأتي دور أدوات إنشاء الصفحات للواجهة الأمامية. فهي تنقل تجربة التحرير من النهاية الخلفية إلى الواجهة الأمامية، مع تحريرك لموقعك بالطريقة التي سيراه بها زوارك بالفعل. وكما يعبر بيبين: ما تراه هو ما تحصل عليه (WYSIWYG).
ميزة رائعة أخرى لكونه محررًا للواجهة الأمامية هي أنه يتيح لك تعديل نصوصك مباشرة. فالكتابة في العناوين والفقرات تمنحك سهولة استخدام معالج الكلمات المعتاد في بناء مواقع الويب. كما ينبغي أن تكون تسميات الأزرار وعلامات التبويب قابلة للتغيير بمجرد النقر عليها والكتابة.
هذا هو الجانب الذي لا تؤدي فيه معظم أدوات إنشاء الصفحات الأخرى أداءً جيدًا. فمعظمها يجبرك على الكتابة داخل حقل نصي لتعديل كل شيء. ومرة أخرى، لا ينبغي أن يكون هذا هو الحال في أدوات إنشاء الصفحات الحقيقية للواجهة الأمامية. لقد كانت الكتابة وتعديل النصوص مباشرة نقطة قوة لـ Page Builder Sandwich منذ الإصدار 2، وتأكدنا من الحفاظ على هذا الأمر في الإصدار 3.
المفهوم الأساسي رقم 2: الاستفادة من الماوس لإجراء تعديلات سريعة
يُعد الماوس أداة قوية غالبًا ما يتم إهمالها في أدوات إنشاء الصفحات. ففي كثير من الأحيان، تستخدمه أدوات إنشاء الصفحات للسماح للمستخدمين بسحب العناصر وإفلاتها في أماكن مختلفة، أو للنقر على الأزرار أو حقول الإدخال. ورغم أن هذا أمر جيد، إلا أن هناك الكثير مما يمكنك فعله باستخدام الماوس في بناء الصفحات.
فمن ناحية، هناك استجابة بصرية رائعة عند استخدام الماوس كأداة لتحرير الصفحة، خاصة في ضبط الخصائص المرئية مثل الهوامش الخارجية، والهوامش الداخلية، والأحجام. والآن، يصبح تعديل عناصرك تجربة طبيعية.
في الإصدار 3 من PBS، ستتمكن من ضبط العديد من الأشياء باستخدام الماوس. يمكنك ضبط الهوامش/المسافات الفاصلة بين العناصر الفردية، والهوامش الداخلية داخل أعمدتك، بالإضافة إلى أحجام الصور والأيقونات والخرائط. ولقد استبدلنا أيضًا الأزرار التي تتيح لك تغيير القيم الرقمية بمزالق.
المفهوم الأساسي رقم 3: ينبغي أن يكون تنسيق النص سهلاً
إذا ابتعدت خطوة عن شاشتك، فستلاحظ أن معظم ما تضيفه إلى صفحات الويب الخاصة بك هو محتوى نصي. نعم، لدينا صور وأيقونات لمصاحبته – ومؤخرًا أصبحنا نميل إلى إضافة صور أكبر حجمًا في مواقعنا. ولكن غالبية المحتوى المهم تتكون بالكامل من نصوص: عناوين، وقوائم نقطية، وفقرات، واقتباسات، وما إلى ذلك. إلى جانب ذلك، هناك كيفية تنسيق نصوصنا لتناسب تصميماتنا؛ فنحن إما نغير أحجامها وألوانها، أو نجعلها عريضة أو مائلة. وهذا لجعل محتوانا أكثر قابلية للقراءة، وملاءمة، وجاذبية لقرائنا المعنيين.
ونظرًا لأننا ننسق النصوص كثيرًا، يجب أن تكون الأزرار التي تسمح لنا بتغيير التنسيقات سهلة الوصول للغاية. لا ينبغي أن تكون مدسوسة داخل نافذة منبثقة يتعين علينا فتحها أولاً. تعاني معظم أدوات إنشاء الصفحات من هذه المشكلة؛ فلكي يتم تصنيف واجهة المستخدم الخاصة بها بأنها “خالية من الفوضى”، يتم حجب حتى أكثر الخيارات استخدامًا عن الرؤية المباشرة.
ولحل هذه المشكلة، ألقينا نظرة على معالجات الكلمات الأكثر استخدامًا. لاحظنا أنها تحتوي عادةً على صف يضم عددًا كبيرًا من الأزرار بالقرب من أعلى الشاشة يُستخدم لتنسيق النص، وقمنا بنسخ نفس التخطيط للإصدار 3. أصبح لدينا الآن صف يضم جميع أزرار تنسيق النص حاضرًا دائمًا في الجزء العلوي من شاشتك. هذا يجعل التنسيق سريعًا للغاية وقريبًا من طبيعتك التلقائية في تحرير النصوص.
المفهوم الأساسي رقم 4: ينبغي أن تكون خيارات التنسيق المتقدمة مرنة وسهلة الفهم في آن واحد
الخلاصة في أي منشئ صفحات هي أنه ينبغي أن يتيح للناس إنشاء تصميمات مذهلة بسهولة. وهذا يعني أن علينا توفير الكثير من الإعدادات والخيارات المختلفة دون التسبب في منحنى تعلم معقد. إن القدرة على ضبط الهوامش الخارجية، والهوامش الداخلية، وتنسيق النص أمور رائعة، ولكن تأثيرها محدود. ستحتاج إلى خيارات أكثر تفصيلاً لإنجاز المهمة، مثل صور الخلفية، والأنماط، والحدود، والخلفيات الثابتة، وغيرها. كما أن تكديس كل هذه الإعدادات المختلفة قد يسبب بعض الإرباك، لذلك قمنا بتبسيط بعضها وتنظيمها في فئات لجعل الأمور أكثر ملاءمة وسهولة في الإصدار 3.
المفهوم الأساسي رقم 5: دعم الرموز القصيرة
وأخيرًا، دعونا لا ننسى أن منشئ الصفحات لدينا مبني فوق ووردبريس. ينبغي لنا أن نتبنى المنصة وميزاتها وألا نقيدها أو نحيد عنها. وإحدى الميزات الضخمة التي يقدمها ووردبريس هي الرموز القصيرة. هذا لا يعني أن المحتوى بأكمله يجب أن يتكون من رموز قصيرة – فهذا سيكون فوضويًا – ولكن بدلاً من ذلك، ينبغي لنا فقط أن نكون متوافقين معها. تستخدم الكثير من الإضافات والقوالب الرموز القصيرة، وسيكون من الخسارة الكبيرة تجاهلها جميعًا. في الواقع، تمنح الرموز القصيرة المستخدمين أقصى درجات المرونة عندما يتعلق الأمر بإنشاء الصفحات.
لقد قدمنا قبل بضعة أسابيع نظام تعيين الرموز القصيرة لدينا، وبفضله قمنا بتعيين مئات الرموز القصيرة من مئات الإضافات. لقد أعطينا الأولوية للإضافات الأكثر شيوعًا الموجودة في دليل إضافات ووردبريس، لذا فمن المحتمل أن تصادفها في مواقعك الخاصة. وقد تعزز هذا الأمر في الإصدار 3، وسنواصل تحسينه في مسيرتنا القادمة.
الخاتمة
لقد أخذنا جميع هذه الخصائص الأساسية المذكورة أعلاه وقمنا بدمجها في الإصدار 3 من Page Builder Sandwich. إنه أفضل منشئ صفحات قمنا ببنائه لووردبريس حتى الآن. فهو أكثر بديهية وطبيعية في الاستخدام، وأداؤه أسرع، واستخدامه أسهل، وأكثر ملاءمة من أي وقت مضى.
إذا كانت لديك أي أفكار حول ميزة أساسية لمنشئ الصفحات، فشاركنا بها من خلال التعليق أدناه.