لماذا ميسون والواجهة الأمامية كخدمة ستغير قواعد اللعبة لتطوير المنتجات

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

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

لكن من نهاية مطوري البرمجيات ، هذا هو الألم. أنت تعرف أنواع المكونات التي يجب تضمينها في المنتج. ومع ذلك ، حتى الآن ، كان عليك أن تبنيها من الصفر مرارًا وتكرارًا. والأسوأ من ذلك ، أنه في أي وقت يحتاج فيه شيء ما إلى التحديث ، فإنه يركب عليك لتنفيذ التحديث ودفعه إلى الموقع المباشر - وليس لديك في كثير من الأحيان النطاق الترددي لإجراء هذه التغييرات على الفور.

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

ما المقصود بـ FEaaS؟

أنت تعرف ما هي البرامج كخدمة (SaaS). لكن هل سمعت عن مكونات البرامج كخدمة (SCaaS)؟

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

مع FEaaS ، لديك حل أكثر قيمة وفعالية. بشكل أساسي ، يمكّنك حل ماسون للواجهة الأمامية كخدمة من بناء الجوانب والوظائف المرئية لبرنامجك بسرعة وفعالية.

هذا يعني أنك تبني ميزات معقدة وتجعلها تتحدث إلى واجهات برمجة التطبيقات. يمكن العثور هنا على مثال على أشكال معقدة ومصممة مختلفة متصلة بـ Airtable كمصدر للبيانات.

علاوة على ذلك ، فإن كل ميزة تقوم بإنشائها باستخدام Mason تعيش في نفس مصدر الشفرة مثل باقي منتجك. دعنا نلقي نظرة على Chatbot القابل للتخصيص والمدعوم من Apixu والذي تم إنشاؤه باستخدام Mason:

وهذا هو شعار البطل الذي قمت بإنشائه للحصول على هدية كتاب إلكتروني باستخدام نموذج Mason:

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

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

لمن ميسون؟

مع Mason ، يجب أن يكون لديك بالفعل منتج برمجي مطور بالكامل أو ، على الأقل ، حل لبنائه. Mason هي الأداة التي ستستخدمها لبناء وتصميم الميزات (ووظائفها) لمنتجك - وللقيام بذلك بسهولة (أي بدون تشفير).

ستكون هذه الميزات بعد ذلك قائمة بذاتها وتسقط في المنتج عندما تكون جاهزة للاستخدام.

بالنسبة للأشخاص الفعليين الذين تم بناء Mason من أجلهم ، يوضح توم ماكلولين ، الرئيس التنفيذي لشركة Mason:

"اليوم ، يعيش المنتج بأكمله في قاعدة التعليمات البرمجية ، لذلك يصبح العالم الفعلي للفريق الهندسي فقط ، على الرغم من أن الكثير من الميزات التي يتكون منها المنتج يمكن العثور عليها في كل قاعدة بيانات أخرى على وجه الأرض - إنها مجرد ليس هذا فريدًا. تسمح Mason لفريق المنتج الخاص بك ببناء هذه الميزات المشتركة بشكل أسرع ، ولكن الأهم من ذلك أنها تتيح لأي شخص في المؤسسة - سواءً كانت تقنية أم لا - إدارتها ، حتى عندما يكونون في مرحلة الإنتاج ".

فريق المنتج الخاص بك - مطورو البرامج والمصممين - هم الذين سيستخدمون Mason لبناء برنامجك. ومع ذلك ، ستكتسب فرق التسويق والمحتوى لديك القدرة على تحديث الميزات التي قمت بإنشائها في Mason بعد نشرها ، دون الحاجة إلى انتظار الهندسة لنشر كل تعديل أو تعديل جديد.

هذا يعني أن صيانة ميزات الواجهة الأمامية لم تعد تعتمد عليك وحدك كمطور. يمكن لأي شخص في فريقك - المصممين والمسوقين ومنشئي المحتوى ، وما إلى ذلك - استخدام منصة Mason FEaaS لبناء ميزات برنامجك وتحديثها.

لذلك ، لا يمكنك فقط إنشاء ميزات قوية لمنتجاتك بكفاءة أكبر ، بل يمكن لفريقك نشر التحديثات في الوقت الفعلي ، بدلاً من السماح لها بالتراكم في قائمة التذاكر المفتوحة.

لماذا يهم FEaaS

هل عانى جدول تطوير البرامج أو نشرها أو تحديثها في الماضي بسبب (وإن كان مفهومًا تمامًا) اختناقات مطور البرامج؟ إذا كان الأمر كذلك ، فيجب أن تبدو FEaaS بمثابة حلم لك.

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

مع قيادة Mason للمهمة من خلال حل FEaaS ، أود أن ألقي نظرة على الكيفية التي ستحدث بها قدراتها ثورة في سير عمل تطوير منتجك.

مكونات واجهة المستخدم التصميمية بشكل مرئي

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

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

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

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

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

إذا سئمت من إنشائها من الصفر في كل منتج تقوم بإنشائه ، فستكون هذه القوالب مساعدة كبيرة. كما يمكنك أن تتخيل ، فإن امتلاك القدرة على تصميم مكونات المنتج وتخصيصها بهذه الطريقة سيكون بمثابة نعمة كبيرة لإنتاجية فريقك.

بناء المكونات والوظائف بسرعة أكبر

الآن ، تعد القدرة على تصميم المكونات بصريًا إحدى مزايا استخدام منصة FEaaS مثل Mason. كما قد تتوقع ، تم تصنيع أداة مثل هذه من أجل السرعة.

من حيث الاستخدام الفعلي لـ Mason ، إنها أداة يتم تحميلها بسرعة بجنون - مما يجعلها ذات قيمة كبيرة لأي شخص ضاع الوقت في الماضي في انتظار تشغيل أدواته أو حفظ التغييرات أو الانتقال من عرض إلى آخر.

من حيث كيفية تأثيره على سير عملك ، توقع زيادة السرعة هناك أيضًا.

مع Mason Builder ، يمكنك:

• أضف حاويات أو أعمدة أو صفوفًا أو كتل محتوى جديدة أو عناصر مشفرة بشكل مخصص بسحب وإفلات بسيط:

• قم بمراجعة أو تحرير أو تكرار أو نقل أو حذف طبقات المكون الخاص بك باستخدام التسلسل الهرمي المرئي للعناصر:

• إنها ليست مجرد قطعة تصميم واجهة المستخدم المبسطة أيضًا. يمكنك توصيل مكوناتك بمصادر أخرى من خلال واجهات برمجة التطبيقات بسهولة أيضًا.

تمكنك علامة التبويب "تكوين" من Mason من الاندماج بسرعة مع التطبيقات الأخرى ، مثل:

• Authy
• فيسبوك
• Hubspot
• شريط
• تويليو
• و اكثر.

لذلك ، لنفترض أنك تريد بيع الكتاب الإلكتروني الذي تم الترويج له في شعار البطل الخاص بك بدلاً من مجرد جمع العملاء المتوقعين به. أول شيء تفعله هو إعداد تكامل Stripe.

كل ما تحتاجه هو المفاتيح القابلة للنشر والسرية من لوحة تحكم مطور Stripe:

بعد ذلك ، أدخل كل مفتاح في الحقل المقابل في Mason:

ارجع إلى علامة التبويب "التصميم" واسحب عنصر نموذج بطاقة الائتمان إلى المكون.

مع إضافة النموذج الخاص بك إلى الصفحة ، هناك خطوة أخيرة يجب اتخاذها لإعداد هذا التكامل.

ارجع إلى علامة التبويب تكوين. سترى الآن خيارًا جديدًا على الشريط الجانبي يسمى "النماذج":

يمكنك أن ترى أن جميع التفاصيل ذات الصلة قد تمت إضافتها بالفعل هنا وأن الاتصال تم بالفعل مع النموذج الخاص بك.

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

انشر الميزات الجديدة بسهولة

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

يمكن أن تحدث الاختناقات في نقاط مختلفة من تطوير المنتج. وعندما تنشئ برنامجًا معقدًا للغاية بحيث لا يتمكن سوى المهندس من تشغيله بسهولة أو نشر التحديثات ، حسنًا ، يمكنك فقط توقع المزيد من التأخير في خط الأنابيب.

طور ميسون حلاً لهذا. للبدء ، يعد نشر عنصر إلى مكتبة Mason أمرًا سهلاً. ما عليك سوى النقر فوق الزر "نشر" في الزاوية العلوية اليمنى من المنشئ وسيتولى Mason الاهتمام بالباقي.

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

للقيام بذلك ، استخدم زر "<> نشر" في الزاوية العلوية اليمنى من المنشئ. سيطالبك بعد ذلك بالقيام بما يلي:

بشكل أساسي ، ما تفعله هو أخذ المعرف الفريد الذي أنشأته Mason للميزة التي قمت بإنشائها وإضافتها إلى قاعدة التعليمات البرمجية الخاصة بك. عند الإعداد بشكل صحيح ، سيقوم منتجك باستدعاء Mason API لعرض جانب التطبيق المكون. ولن يكون هؤلاء الموجودون في الواجهة الأمامية للموقع أكثر حكمة.

الأمر بهذه البساطة لدفع مكون جديد وجميع وظائفه مباشرة.

تمكين الجميع من إجراء التغييرات ودفع التحديثات

كل النقاط التي أشرت إليها هنا حول مزايا FEaaS كانت ترقص حول هذه الميزة النهائية - الضخمة - وهي:

تُمكِّن FEaaS الجميع من إجراء تغييرات على الميزات ودفعها إلى تطبيق مباشر.

فكر في ذلك للحظة.

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

أنت تكلف في النهاية أموال العمل من خلال احتجاز البرنامج كرهينة. حتى الآن ، هذا شيء لا تستطيع فرق منتجات البرامج مساعدته. كانت مجرد طبيعة عملهم. ولكن مع FEaaS by Mason ، تغير هذا أخيرًا.

بمجرد قيامك (1) بنشر المكون الخاص بك و (2) نشره في تطبيقك ، ستظهر الميزة داخل منتجك. ولكن دعنا نقول أن هناك حاجة لإجراء تغييرات عليه. علي سبيل المثال:

• يريد المصمم الخاص بك تغيير نمط النموذج ليعكس تصميم الصفحة المقصودة الذي تم تجديده.
• لدى مدير التسويق الخاص بك صورة جديدة ذات علامة تجارية تحتاج إلى استبدال الصورة الرئيسية للصفحة الرئيسية.
• قرر المحرر الخاص بك تعديل الصياغة لأحدث عرض جنرال موتورز ويريد تحديث CTA.

لا يهم من الذي يخطو داخل منشئ Mason لتغيير أحد المكونات. في المرة الثانية ، يتحول الزر "المحفوظ" الباهت الموجود في الزاوية العلوية اليمنى من المنشئ إلى الزر الأخضر "الانتقال إلى النشر".

وتخيل ماذا؟ ليست هناك حاجة إلى خبرة فنية للنقر عليه.

تهتم Mason بنشر التغييرات ونشرها ، وطالما أنه قد تم بالفعل الاتصال بين تطبيقك و Mason ، يجب أن يتم نشر هذه التحديثات على الفور حتى يراها الزوار.

إذا تعثرت أنت وفريق المنتج الخاص بك بوابل من التذاكر ، وتطلب منك إنشاء مكونات جديدة أو تعديل المكونات الموجودة ، فسيؤدي ذلك إلى وضع حد لذلك بشكل فعال.

تغليف

من الأشياء الرائعة في إنشاء منتجات للويب أن شخصًا ما يطور دائمًا طريقة جديدة لمساعدتنا في تحقيق المزيد مع القيام بجهود أقل في نفس الوقت.

مع التطبيقات البرمجية بشكل عام ، لقد مضى وقت طويل. لحسن الحظ ، FEaaS هنا ويبدو كما لو أن Mason قد طور أداة قيّمة للغاية لتسريع تطوير البرامج ، وتحسين الإنتاج ، وتمكين المزيد من فريقك للمشاركة.