Mason ve Hizmet Olarak Ön Uç Neden Ürün Geliştirmede Oyunu Değiştirecek?

(Bu sponsorlu bir makaledir.) Düzenli olarak etkileşimde bulunduğunuz uygulamalara ve yazılımlara bir göz atın. Her birinin kendine özgü tasarımı var, değil mi? Ve yine de, her biri hakkında benzer bir şey var. Gezinme çubukları, iletişim formları, özellik kutuları, CTA'lar - nereye giderseniz gidin belirli öğeler mevcut olma eğilimindedir.

Bunun nedeni , bu öğelerin, kullanıcıların oluşturduğunuz ürünlerle nasıl etkileşimde bulunduğu konusunda çok önemli bir rol oynamasıdır. Kullanıcıların tarafında, bu iyi bir şey. Bu tanınabilir ve öngörülebilir öğeleri bir uygulamanın ön uç yapısına dahil ederek, kullanıcının odak noktası onlardan önceki içeriktir; kullanıcı arayüzünün gizemini çözmeye çalışmak değil.

Yazılım geliştiricileri açısından, bu bir acıdır. Bir ürüne ne tür bileşenlerin dahil edilmesi gerektiğini bilirsiniz. Ancak, şimdiye kadar onları tekrar tekrar sıfırdan inşa etmek zorunda kaldınız. Daha da kötüsü, herhangi bir şeyin güncellenmesi gerektiğinde, güncellemeyi uygulamak ve canlı siteye göndermek için size biner - ve genellikle bu değişiklikleri hemen yapmak için bant genişliğine sahip olmazsınız.

Bu nedenle Mason'ın hizmet olarak ön uç (FEaaS) ile yaptığı şey çok ilginç. Bu yazıda size FEaaS'ın kim için olduğunu ve ürün ve pazarlama ekiplerini onunla güçlendirmenin neden önemli olduğunu daha yakından anlatacağım.

FEaaS Nedir?

Hizmet olarak yazılımın (SaaS) ne olduğunu biliyorsunuz. Ancak hizmet olarak yazılım bileşenlerini (SCaaS) duydunuz mu?

Birkaç yıl önce SCaaS çevresinde bazı hafif homurdanmalar vardı. Temel fikir, yazılımınız için yeniden kullanılabilir UI bileşenleri ve widget'ları oluşturup kolayca bakımını yapabilmenizdi. Bununla birlikte, hiçbir zaman gerçekten yakalanmadı - ve bunun nedeni muhtemelen geliştiricilerin yapmasına izin verdiği şeyde çok kısıtlayıcı olmasıydı.

Ancak FEaaS ile çok daha değerli ve güçlü bir çözüme sahipsiniz. Esasen, Mason'un bir hizmet olarak ön uç çözümü, yazılımınızın görsel yönlerini ve işlevselliğini hızlı ve etkili bir şekilde oluşturmanıza olanak tanır.

Bu, karmaşık özellikler oluşturduğunuz ve bunların API'lerle konuşmasını sağladığınız anlamına gelir. Airtable'a veri kaynağı olarak bağlanan farklı tasarlanmış, karmaşık formların bir örneği burada bulunabilir.

Ayrıca Mason ile oluşturduğunuz her özellik, ürününüzün geri kalanıyla aynı kod tabanında bulunur. Mason ile yapılmış özelleştirilebilir bir Apixu destekli Chatbot'a bir göz atalım:

Bu da Mason şablonu kullanarak bir e-kitap çekilişi için oluşturduğum bir kahraman afişi:

Hata yapmayın: Bu bir web sitesi oluşturucu değil . Mason, size ve ekibinize bireysel bileşenler ve tamamen işlevsel özellikler oluşturma konusunda yetki verir; tüm yönetilen barındırma web siteleri veya ürünleri değil. Bu şekilde, artık site oluşturucu çözümünüzün yetenekleriyle kısıtlanmazsınız.

Web sitenizi, uygulamanızı veya diğer yazılım ürününüzü istediğiniz araçta oluşturabilirsiniz. Ardından, kod tabanınıza entegre edilmek üzere Mason'dan gerçekten karmaşık özellikler tasarlayın ve dışa aktarın. Sizi ve müşteri verilerinizi kilitleyen bir platformdan farklı olarak, Mason'un ürün ekiplerinin mevcut ürünlerini geliştirmesine ve her şeye sahip olmasına izin verdiğini belirtmek önemlidir (bunun yerine tüm web sitenize ve işletmenize sahip olan bazı web sitesi kurucuları gibi değil).

Mason Kimin İçindir?

Mason ile zaten tam olarak geliştirilmiş bir yazılım ürününüz veya en azından onu oluşturabileceğiniz bir çözümünüz olmalıdır. Mason, ürününüz için özellikleri (ve işlevlerini) oluşturmak ve tasarlamak ve bunu kolaylıkla (yani kodlama olmadan) yapmak için kullanacağınız araçtır.

Bu özellikler daha sonra bağımsız olacak ve kullanıma hazır olduklarında ürüne bırakılacaktır.

Mason'ın CEO'su Tom McLaughlin, Mason'ın inşa edildiği gerçek insanlara gelince:

"Bugün, ürünün tamamı kod tabanında yaşıyor, bu yüzden ürünü oluşturan özelliklerin çoğu dünyadaki diğer tüm kod tabanlarında bulunabilse de, yalnızca mühendislik ekibinin fiili alanı haline geliyor. o kadar benzersiz değil. Mason, ürün ekibinizin bu ortak özellikleri daha hızlı oluşturmasına olanak tanır, ancak daha da önemlisi, organizasyondaki herkesin - teknik olsun ya da olmasın - bunları, üretime girdikten sonra bile yönetmesine izin verir.”

Ürün ekibiniz - yazılım geliştiricileriniz ve tasarımcılarınız - yazılımınızı oluşturmak için Mason'u kullanacak olanlardır. Bununla birlikte, pazarlama ve içerik ekipleriniz, Mason'da oluşturduğunuz özellikleri, dağıtıldıktan sonra, her yeni düzenlemeyi veya ince ayarı dağıtmak için mühendisliği beklemeye gerek kalmadan güncelleme yeteneği kazanacaktır.

Bu, ön uç özelliklerinin bakımının artık yalnızca size, yani geliştiriciye bağlı olmadığı anlamına gelir. Ekibinizdeki herkes - tasarımcılar, pazarlamacılar, içerik oluşturucular vb. - yazılımınızın özelliklerini oluşturmak ve güncellemek için Mason'un FEaaS platformunu kullanabilir.

Böylece, yalnızca ürünleriniz için güçlü özellikleri daha verimli bir şekilde oluşturmakla kalmaz, ekibiniz de güncellemelerin açık bilet listenizde birikmesine izin vermek yerine gerçek zamanlı olarak dağıtabilir.

FEaaS Neden Önemlidir?

Yazılım geliştirme, dağıtım veya güncelleme programınız geçmişte (tamamen anlaşılabilir olsa da) yazılım geliştirici darboğazları nedeniyle sıkıntı yaşadı mı? Eğer öyleyse, o zaman FEaaS size bir rüya gibi gelmelidir.

Şimdiye kadar, yazılım mühendisleri için gerçekten başka bir seçenek yoktu. Web için bir ürün oluşturmak istiyorsanız, her şeyin sıfırdan yapılması gerekiyordu ve bunu yapmak için çok fazla zaman gerekiyordu, özellikle de amaçlarınız daha karmaşıksa. Tüm bu süre boyunca, ekibinizin geri kalanı sizin üzerinize düşeni yapmanız için kanatlarda bekledi.

Mason'ın FEaaS çözümüyle sorumluluğu yönetirken, yeteneklerinin ürün geliştirme iş akışınızda nasıl devrim yaratacağına bir göz atmak istiyorum.

UI Bileşenlerini Görsel Olarak Tasarlayın

FEaaS, mühendisleri ve geliştiricileri bir ürünün kod tabanından görsel bir yapı arayüzüne alır. Bu nedenle, kodunuz ve dağıtıldıktan sonra nasıl görüneceğinin görsel bir önizlemesi arasında geçiş yapmak zorunda kalmadan tam olarak ne oluşturduğunuzu görürsünüz.

Mason'un görsel oluşturucusu ile, bir kapsayıcılar, sütunlar, katmanlar ve metin, form alanları, düğmeler ve daha fazlası gibi önceden yapılandırılmış öğelerden oluşan bir sistem kullanarak karmaşık ancak temel UI bileşenleri tasarlayabilirsiniz.

Diğer modern oluşturucu araçlarının nasıl çalıştığına benzer şekilde, bir satır kod yazmak zorunda kalmadan daha fazlasını yapmanıza yardımcı olacak çok sayıda seçenek vardır. Masaüstü, mobil ve tablet görünümleri arasında kolay geçiş sayesinde, duyarlı tasarım da sorun değil.

Ayrıca Mason, en yaygın UI bileşenleri için çeşitli şablonlar içeren tam özellikli bir UI kiti ile birlikte gelir. Veya ihtiyacınız olanları elle seçebilirsiniz:

Özellik kartları. Giriş ekranları. Blog içeriği blokları. Kahraman görüntüleri. CTA düğmeleri. Ziyaretçilerin ürününüzle etkileşim kurmasını ve harekete geçmesini sağlamak için ihtiyaç duyduğunuz tüm temel bileşenler sizin için zaten oluşturulmuştur.

Oluşturduğunuz her üründe onları sıfırdan oluşturmaktan sıkıldıysanız, bu şablonlar çok yardımcı olacaktır. Tahmin edebileceğiniz gibi, ürün bileşenlerini bu şekilde tasarlama ve özelleştirme becerisine sahip olmak, ekibinizin üretkenliği için büyük bir nimet olacaktır.

Bileşenleri ve İşlevselliği Daha Hızlı Oluşturun

Artık bileşenleri görsel olarak şekillendirebilmek, Mason gibi bir FEaaS platformu kullanmanın faydalarından sadece bir tanesidir. Tahmin edebileceğiniz gibi, bunun gibi bir alet hız için üretildi.

Mason'u gerçekten kullanma açısından, inanılmaz derecede hızlı yüklenen bir araçtır - bu, geçmişte araçlarının başlatılmasını, değişiklikleri kaydetmesini veya bir görünümden diğerine geçmesini beklerken zaman kaybetmiş herkes için bunu oldukça değerli kılacaktır.

İş akışınızı nasıl etkilediğine gelince, orada da hız kazanmayı bekleyin .

Mason oluşturucu ile şunları yapabilirsiniz:

• Basit bir sürükle ve bırak yöntemiyle yeni kaplar, sütunlar, satırlar, içerik blokları veya özel kodlanmış öğeler ekleyin:

• Bu görselleştirilmiş öğe hiyerarşisini kullanarak bileşeninizin katmanlarını inceleyin, düzenleyin, çoğaltın, taşıyın veya silin:

• Basitleştirilmiş olan sadece UI tasarım parçası değil. Bileşenlerinizi API'ler aracılığıyla diğer kaynaklara da kolaylıkla bağlayabilirsiniz.

Mason'ın “Yapılandır” sekmesi, aşağıdakiler gibi diğer uygulamalarla hızlı bir şekilde entegre olmanızı sağlar:

• Authy
• Facebook
• merkez noktası
• Şerit
• Twilio
• Ve dahası.

Diyelim ki, kahraman afişinizde tanıtılan e-Kitabı, onunla sadece olası satışları toplamak yerine satmak istiyorsunuz. Yapacağınız ilk şey Stripe entegrasyonunu kurmaktır.

Tek ihtiyacınız olan, Stripe'in Geliştirici panosundaki Yayınlanabilir ve Gizli anahtarlardır:

Ardından, tuşların her birini Mason'daki ilgili alana girin:

"Tasarım" sekmesine dönün ve Kredi Kartı Form Öğesini bileşene sürükleyin.

Formunuz sayfaya eklendiğinde, bu entegrasyonu kurmak için atmanız gereken son bir adım kaldı.

Yapılandır sekmesine dönün. Artık kenar çubuğunda "Formlar" adlı yeni bir seçenek göreceksiniz:

İlgili tüm ayrıntıların buraya eklendiğini ve formunuza zaten bağlantının yapıldığını görebilirsiniz.

Yine Mason, yazılım mühendislerinin sıfırdan bir bileşen oluşturmaları durumunda yapması gereken bir şeyi hafife alıyor. Bunun yerine, ürününüz için yeni özellikleri hızla tasarlamak ve programlamak için ihtiyaç duyduğunuz tüm araçlara artık sahipsiniz.

Yeni Özellikleri Kolaylıkla Dağıtın

Elbette yeni özellikleri hızlı bir şekilde tasarlayabilmek ürün ekipleri için önemlidir. Ancak, bu yine de dağıtım sorununu çözmez.

Darboğazlar, bir ürünün gelişiminin çeşitli noktalarında meydana gelebilir. Ve yalnızca bir mühendisin kolayca başlatabileceği veya güncellemeleri dağıtabileceği kadar karmaşık bir yazılım oluşturduğunuzda, yalnızca boru hattında daha fazla gecikme bekleyebilirsiniz.

Mason bunun için bir çözüm geliştirdi. Başlangıç ​​olarak, Mason'ın kitaplığına bir bileşen yayınlamak çocuk oyuncağı. Oluşturucunun sağ üst köşesindeki "Yayınla" düğmesini tıklamanız yeterlidir ve gerisini Mason halleder.

Bileşeni ürününüze veya uygulamanıza dahil etmek için bir geliştiricinin dahil olması gerekir - ancak yalnızca bu seferlik ve beş dakikadan fazla sürmemelidir.

Bunu yapmak için, oluşturucunun sağ üst köşesindeki "< > Dağıt" düğmesini kullanın. Daha sonra sizden aşağıdakileri yapmanızı isteyecektir:

Esasen, yaptığınız şey, Mason'un oluşturduğunuz özellik için oluşturduğu benzersiz tanımlayıcıyı alıp kod tabanınıza eklemektir. Doğru şekilde kurulduğunda, ürününüz bileşeni uygulama tarafında oluşturmak için Mason API'sini çağırır. Ve sitenin ön ucundakiler daha akıllı olmayacak.

Yeni bir bileşeni ve tüm işlevselliğini canlı hale getirmek bu kadar basit.

Herkesi Değişiklik Yapmak ve Güncellemeleri İtmek için Güçlendirin

FEaaS'ın faydaları hakkında burada belirttiğim tüm noktalar, bu nihai ve devasa fayda etrafında dans ediyor, ki bu şudur:

FEaaS, herkese özelliklerde değişiklik yapma ve bunları canlı bir uygulamaya aktarma yetkisi verir.

Bir an için bunu düşünün.

Ekibiniz bir mühendisin ihtiyaç duydukları değişiklikleri uygulaması için ne kadar zaman harcadı? Ve bu, uygulamanızın ziyaretçilerle etkileşim kurma ve onları dönüştürme yeteneğini azaltma açısından ne yaptı? Etkileyici görünen bir kullanıcı arayüzü olmadan, düzgün işleyen özellikler olmadan, ziyaretçileri harekete geçmeye zorlamak için gereken tüm kritik unsurlar olmadan.

Yazılımı rehin tutarak nihayetinde işletmeye para harcıyorsunuz. Şimdiye kadar bu, yazılım ürün ekiplerinin yardım edemediği bir şeydi. Bu sadece işlerinin doğasıydı. Ancak Mason'ın FEaaS ile bu nihayet değişiyor.

Bileşeninizi (1) yayınladıktan ve (2) uygulamanıza dağıttıktan sonra, özellik ürününüzde görünecektir. Ama diyelim ki bunda değişiklik gerekiyor. Örneğin:

• Tasarımcınız, yenilenen açılış sayfası tasarımını yansıtmak için bir formun stilini değiştirmek istiyor.
• Pazarlama yöneticinizin, ana sayfadaki kahraman resminin yerini alması gereken yeni bir markalı resmi var.
• Editörünüz, en yeni lider nesil teklifi için ifadeyi değiştirmeye karar verdi ve CTA'yı güncellemek istiyor.

Bir bileşeni değiştirmek için Mason oluşturucunun içine kimin girdiği önemli değil. Bu gerçekleştiğinde, oluşturucunun sağ üst köşesindeki solmuş "Kaydedildi" düğmesi yeşil bir "Yayınlamaya Git" düğmesine dönüşür.

Ve tahmin et ne oldu? Tıklamak için teknik deneyim gerekmez.

Mason, değişiklikleri yayınlamak ve dağıtmakla ilgilenir; bu nedenle, uygulamanız ile Mason arasında bağlantı kurulmuş olduğu sürece, bu güncellemeler ziyaretçilerin görmesi için anında yayına girmelidir.

Siz ve ürün ekibiniz, sizden yeni bileşenler oluşturmanızı veya mevcut bileşenleri değiştirmenizi isteyen bir dizi biletle tıkandıysanız, bu etkili bir şekilde buna bir son verecektir.

Toplama

Web için ürünler oluşturmanın harika yanlarından biri, birilerinin aynı anda daha azını yaparken daha fazlasını başarmamıza yardımcı olmak için her zaman yeni bir yol geliştirmesidir.

Yazılım uygulamaları ile, genel olarak, uzun zaman oldu. Neyse ki, FEaaS burada ve Mason, yazılım geliştirmeyi hızlandırmak, çıktıyı iyileştirmek ve ayrıca ekibinizin daha fazlasının devreye girmesini sağlamak için son derece değerli bir araç geliştirmiş gibi görünüyor.