Low-Code - So funktionieren die Plattformen

Low-Code - So funktionieren die Plattformen

Low-Code - So funktionieren die Plattformen
Cedrik
Co-Founder
clock icon
7
min.
calendar icon
January 21, 2022

Inhaltsverzeichnis

<h2 id="Was bedeutet Low-Code?" data-headline="Was bedeutet Low-Code?"><span class="first_id_number">1.</span>Was bedeutet Low-Code?</h2>

Low-Code bezeichnet nicht die Qualität eines Codes, sondern nur, auf welche Weise er erstellt wurde. Bei der Low-Code-Entwicklung kommt der überwiegende Teil des Codes durch Konfiguration mithilfe von Low-Code-Plattformen zustande. Weil der Anteil der manuellen Code-Entwicklung im Gegensatz zum konfigurierten Code gering ist, wird das Ganze als "low" bezeichnet. Und es geht noch einen Schritt weiter. Bei der No-Code-Entwicklung wird der Code vollständig konfiguriert, was eine manuelle Code-Erstellung überflüssig macht. Ob das realistisch umsetzbar ist und wie qualitativ hochwertig der Code am Ende ausfällt, muss anhand des Einzelfalls bewertet werden. Mehr über die 10 beliebtesten Low-Code-Tools erfahren Sie hier.

<h2 id="Vorteile von Low-Code" data-headline="Vorteile von Low-Code"><span class="first_id_number">2.</span>Vorteile von Low-Code</h2>


  • Die Verwendung von Low-Code senkt potenzielle Kosten, weil keine externen Software-Dienstleister benötigt werden.
  • Das Baukastenprinzip ermöglicht die Entwicklung großer Teile einer Anwendung ohne fundierte Programmierkenntnisse.
  • Ein eventueller Fachkräftemangel kann abgeschwächt werden, weil auch Nichtprogrammierer Software entwickeln können.
  • Entwicklungszyklen lassen sich verkürzen, weil eine Anwendung nahezu parallel zur Spezifikation der Anforderungen entsteht.‍

<h2 id="Webflow" data-headline="Webflow"><span class="first_id_number">3.</span>Die Low-Code-Plattform Webflow</h2>

Webflow ist ein Hybrid aus CMS und Homepage-Baukasten. Anders als gewöhnliche Website-Builder reduziert der Low-Code-Dienst das Webdesign aber nicht übermäßig, sondern verlangt von den Nutzern ein gewisses Maß an Programmierkenntnissen ab. Somit ist das Tool komplexer als viele anfängerfreundliche Baukästen. Wenn CSS und HTML für Sie keine Fremdsprachen sind, werden Sie mit dem vielseitigen Werkzeugkasten von Webflow dynamische Websites erstellen, verwalten und designen können, wobei vor allem visuelle Tools die mühsame Coding-Arbeit vereinfachen.

<div class="rtf-blog-element"><div class="icon_area"><img src="https://assets-global.website-files.com/620a7cdcd7f0ed9792867991/627c29a301fa389fd8f12485_info-icon.svg" loading="lazy" alt=""><p class="rtf-blog-heading cc-tip">Good to know:</p></div><p>Webflow ist eine SaaS-Anwendung, die es Designern ermöglicht, responsive Websites mit einer browserbasierten visuellen Bearbeitungssoftware zu erstellen.</p></div>

<h2 id="Vorteile Webflow" data-headline="Vor- und Nachteile von Webflow"><span class="first_id_number">4.</span>Vor- und Nachteile</h2>

Vorteile

  • Kombination aus Webseiten-Baukasten und CMS
  • Unzählige Möglichkeiten
  • Inkludiert die Lernplattform "Webflow University"
  • E-Commerce ist einfach zu integrieren

Nachteile

  • Programmier- und Design-Kenntnisse von Vorteil
  • Steile Lernkurve
  • Aktuell nur auf Englisch

<h2 id="Einrichtung und Bedienung" data-headline="Einrichtung und Bedienung"><span class="first_id_number">5.</span>Einrichtung und Bedienung</h2>

Sobald Sie die Registrierung abgeschlossen haben, gelangen Sie zum Webflow-Editor, wo Ihnen ein kurzes Tutorial alle Grundlagen erklärt. Jedes Webflow-Element befindet sich in einem Container, wo Sie andere Inhalte per Drag-and-drop hineinziehen können. Am Ende entsteht eine Webseite, die aus einer Ansammlung verschiedener, auf- und ineinander gestapelter Container besteht.

Webflow ist um einiges komplexer als vergleichbare Low-Code-Plattformen. Mit einer an Photoshop erinnernden Benutzeroberfläche programmieren Sie visuell im Frontend, während die Software das Design im Backend in Code umwandelt. Insofern bietet Webflow eine wesentlich steilere Lernkurve. Falls Sie mit Grundbegriffen wie Hierarchien, Box-Modell oder Floating nichts anfangen können, dürfte der Editor zu Beginn eine Herausforderung werden. Wenn Sie allerdings bereit sind, Zeit in den Lernprozess zu investieren, werden Sie von den vielen Möglichkeiten der Low-Code-Plattform profitieren.

<h2 id="Features" data-headline="Features"><span class="first_id_number">6.</span>Features: Editor und CMS</h2>

Weil die Funktionen des Low-Code-Editors zu umfangreich sind, um sie hier ausführlich darzulegen, seien im Folgenden nur einige Grundlagen erwähnt. Bei Webflow finden Sie zahlreiche vorgefertigte Content-Blöcke, Formulare, Buttons und mehr. Auch ganze Layouts können hinzugefügt werden. Den Stil der Elemente bearbeiten Sie im Style-Panel. Mithilfe des Navigator-Panels richten Sie die Elemente per Drag-and-drop auf dem Bildschirm an. Weiterhin können Sie per Klick überprüfen, wie Ihr Design auf verschiedenen Oberflächen zur Geltung kommt. Auch Blogs lassen sich im Editor anlegen. Dank des Kollaborationstools ist sogar die Zusammenarbeit mehrerer Redakteure möglich.

Doch Webflow ist nicht nur ein Low-Code-Baukasten, sondern auch ein vernünftiges Content-Management-System (CMS), welches durchaus mit WordPress mithalten kann. Es ist möglich, "Collections" verschiedener Content-Typen anzufertigen, die jeweils aus unterschiedlichen Feldern bestehen. So könnte eine "Blog-Collection" erstellt, mit Permalinks versehen und anschließend mit Inhalt gefüllt werden. Denkbar wäre auch eine "Autoren-Collection" für alle Teammitglieder, mit Feldern für Kurzbios, Fotos und Links zu ihren Social-Media-Profilen.

<h2 id="Templates" data-headline="Templates"><span class="first_id_number">7.</span>Templates</h2>

Bei Webflow greifen Sie auf über 500 Templates zurück, von denen 45 kostenfrei sind. Es gibt Schablonen für diverse Website-Typen: Blogs, Portfolios, Dienstleistungen, Events und mehr. Je nach Art der Seite sind Features wie dynamische Elemente oder Shops, in die Sie nur noch die Produkte einfügen müssen, schon voreingestellt.

Sobald Sie ein Template ausgewählt haben, lassen sich fast alle vorgefertigten Elemente bearbeiten: Hintergrund, Farbe, Positionen, Effekte, Schriftgröße, etc. Anders als bei konkurrierenden Low-Code-Baukästen brauchen Sie ein gewisses Verständnis für das Design, denn im Editor ist wirklich jeder Winkel auf der Webseite anpassbar.

<h2 id="Marketing" data-headline="Marketing"><span class="first_id_number">8.</span>Marketing, SEO und E-Commerce</h2>

Ein großer Pluspunkt des Low-Code-Dienstes Webflow ist die eingebundene E-Commerce-Seite. Sobald Sie Ihre Website um einen Online-Shop ergänzen, erstellt das CMS automatisiert neue Collections für Kategorien und Produkte. Mit einem Tutorial gelangen Sie schließlich Schritt für Schritt zum fertigen Shop. Fügen Sie im Produktmenü mit wenigen Klicks Produkte hinzu und weisen Sie ihnen manuell erstellte Kategorien zu.

Webflow ermöglicht Ihnen ein hohes Maß an Kontrolle, welches in anderen CMS-Systemen allenfalls mit Shop-Erweiterungen möglich wäre. Zwar erfindet der Anbieter das Rad auch nicht neu. Doch die Einbindung in den eigenen Service erleichtert die Erstellung eines Shop-Systems ungemein. Das Marketing dagegen ist noch ausbaufähig. Zwar können eigene Rabatte erstellt werden, aber umfangreichere Marketing-Features sowie E-Mail-Marketing sind nicht inkludiert.

Die SEO-Funktionen finden Sie bei Webflow direkt im Editor, was die Anschaffung externer Plugins erübrigt. Dort nehmen Sie auch relevante Einstellungen zu Beschreibungen und Metatiteln vor. Die Einbindung externer Marketing- und Analytics-Tools wie Facebook, Google Analytics, Matomo, Pixel, Zapier oder Integromat funktioniert einwandfrei.


<h2 id="Kundensupport" data-headline="Kundensupport"><span class="first_id_number">9.</span>Kundensupport</h2>

Einen neuen Standard in puncto Kundensupport setzt die Webflow-University. Sie richtet sich vor allem an Selbsthelfer und Autodidakten. Es erwarten Sie hunderte Videos und Kurse, die Ihnen alle Funktionen von Webflow, aber auch allgemeine Prinzipien des Programmierens und Webdesigns näherbringen.

Falls persönliche Hilfe doch einmal unerlässlich ist, machen Sie ein Support-Ticket auf. Das Support-Team von Webflow ist Montag bis Freitag jeweils 12 Stunden aktiv und meldet sich meist im Rahmen von 24 bis 48 Stunden zurück.

<h2 id="Preisgestaltung" data-headline="Preisgestaltung"><span class="first_id_number">10.</span>Preisgestaltung</h2>

Bei Webflow basteln Sie umsonst, bezahlt wird dann das Hosting. Zwei Projekte auf Webflow-Subdomains können kostenlos veröffentlicht werden, für alles Weitere fallen Gebühren an. Im Allgemeinen unterscheidet Webflow zwischen Seiten- und Account-Tarifen. Bei ersteren zahlen Sie je Projekt, also für jede Webseite, bei letzteren bezahlen Sie für den gesamten Account inklusive aller Projekte.

<h2 id="bubble" data-headline="Bubble.io"><span class="first_id_number">11.</span>Die Low-Code-Plattform Bubble.io</h2>

Bubble eröffnet allen die Möglichkeit, Webanwendungen zu entwickeln, ohne sich zu viel mit dem Coden auseinandersetzen zu müssen. Auch das Skalieren und Hosten ist ohne Vorkenntnisse möglich. Grundsätzlich stellt Bubble vier Werkzeuge zur Verfügung:

  • einen Stileditor und einen Seitendesigner
  • einen visuellen Werkflow-Editor, mit dem sich Aktionen und Ereignisse hinzufügen lassen
  • eine in der AWS-Cloud gehostete Datenbank
  • eine automatische Skalierung der Kapazität, falls die Webseite beziehungsweise Anwendung wächst


Bei Bubble steht also nicht nur die Programmierung im Zentrum. Der Low-Code-Anbieter versucht, alle Hindernisse für seine Benutzer zu beseitigen und schließt sogar Dinge wie die SQL-Datenbank-Verwaltung oder die Überwachung der Betriebszeit in die Produktleistung mit ein. Traditionell sind dies Bereiche, für deren Entwicklung und Wartung Personen mit unterschiedlichen Fachkenntnissen benötigt würden. Weil das mit Bubble aber wegfällt, sinken auch die Entwicklungskosten drastisch.

Diese Einfachheit bringt auch Nachteile mit sich. So ist jeder Teil der erstellten App von Bubble abhängig, sodass kein Spielraum für Alternativen mehr gegeben ist. Bubble-Anwendungen lassen sich nicht exportieren, weder die Arbeitsabläufe noch das Design. Hinzu kommt, dass mit Bubble erstellte Low-Code-Apps beim Rendern auf eine aktive Internetverbindung angewiesen sind. Unter dem Strich bekommen Sie also keine unabhängige Software, die sich für ein beliebiges Betriebssystem eignet, sondern eine Browser-Anwendung, die permanent mit einem Bubble-Server synchronisiert werden muss.

<div class="rtf-blog-element"><div class="icon_area"><img src="https://assets-global.website-files.com/620a7cdcd7f0ed9792867991/627c29a301fa389fd8f12485_info-icon.svg" loading="lazy" alt=""><p class="rtf-blog-heading cc-tip">Good to know:</p></div><p>Bubble.io ist eine der führenden No-Code-App-Entwicklungsplattformen auf dem Markt und wird verwendet, um Anwendungen und Software ohne Codierung zu erstellen.</p></div>

<h2 id="Preise" data-headline="Preise"><span class="first_id_number">12.</span>Die Preise</h2>

Wenn Sie Bubble mit der Alternative vergleichen, einen Drittentwickler zu beauftragen, dürfte ersteres in vielen Fällen die kostengünstigere Option sein. Das heißt aber nicht, dass gar keine Kosten anfallen. In jeder Preisstufe erhalten Sie eine Reihe von Funktionen. Mit dem kostenlosen Paket können Sie grundlegende Funktionen der Low-Code-Plattform erkunden, allerdings weder ihre App bereitstellen noch auf erweiterte Funktionen zugreifen. Die anderen Tarife eröffnen Ihnen weitreichendere Möglichkeiten und kosten monatlich zwischen 25 und 129 US-Dollar.

<h2 id="Bedienung" data-headline="Einfache Bedienung"><span class="first_id_number">13.</span>Die einfache Bedienung</h2>

Im Allgemeinen ist die Low-Code-Programmierung mit Bubble recht einfach. Durch die simple Einrichtung der App-Designs sowie das Anhängen von Workflows an Eingabefelder und Schaltflächen kann eine Anwendung in nur wenigen Monaten fertiggestellt werden. Zudem hat der Anbieter in den vergangenen Jahren einen ausführlichen Hilfebereich angelegt, der Benutzern dabei hilft, das reichhaltige Bubble-Ökosystem von Grund auf zu verstehen, inklusive Online-Coaches und Bootcamps.

Die Benutzerfreundlichkeit steht bei diesem Low-Code-Tool im Vordergrund. Hilfreich ist dennoch, bezüglich des Zeitrahmens für ein Projekt realistisch zu bleiben. So braucht das Erlernen der Grundlagen Wochen und bis man ein guter Bubble-Entwickler geworden ist, vergehen Jahre. Sinnvoll ist daher, die Komplexität der geplanten Anwendung dem eigenen Erfahrungsstand anzupassen.

<h2 id="bubble plugins" data-headline="Bubble.io Plugins"><span class="first_id_number">14.</span>Das Plugin-Ökosystem von Bubble.io</h2>

Ein großer Vorteil der Low-Code-Plattform ist die Art und Weise, wie grundlegende Funktionen mithilfe von Plugins erweitert werden können. Mittlerweile verfügt Bubble über einen Plugin-Store mit einer beträchtlichen Anzahl von nützlichen Anwendungen. Perfekt ist der Store aber nicht und seine Unzulänglichkeiten werden oft diskutiert. So ist eine berechtigte Sorge professioneller Entwickler, dass zentrale App-Funktionen häufig auf Plugins, also auf Drittanbieter, ausgelagert werden müssen.

Natürlich gibt es auch genug Plugin-Hersteller mit qualitativ hochwertiger Software, einer ausführlichen Dokumentation sowie einem schnellen Support. Der Plugin-Shop selbst dagegen hat nur ein begrenztes Bewertungssystem, keine Statistiken über Fehlerberichte und -behebungen und Informationen zur Kompatibilität oder der verwendeten externen Bibliotheken bleiben ebenfalls verborgen.

<h2 id="Performance" data-headline="Performance"><span class="first_id_number">15.</span>Die Performance der Apps</h2>

Die Leistung einer App - ob Low-Code oder nicht - ist äußerst vielseitig zu bewerten. Denn Leistung inkludiert verschiedenste Parameter: von der Seitenladegeschwindigkeit bis zur Bearbeitung von großen Datensätzen fließt alles mit ein.

Insgesamt schneidet Bubble aber recht gut ab. Im Normalfall sollten Sie in der Lage sein, eine schnell ladende Seite einzurichten und große Datenmengen zu verarbeiten. Ebenso können Sie davon ausgehen, dass Ihre Anwendung mit der Konkurrenz mithält. Zwar finden sich viele Diskussionen in Internet-Foren, wo frustrierte Entwickler die mangelhafte Leistung ihrer Anwendungen beklagen. Doch so viel steht fest: Der Grund hierfür liegt nicht immer bei Bubble, sondern häufig in der Unerfahrenheit der Entwickler. Lesen Sie hier mehr über Bubble.io-Erfahrungen aus Kunden- und Anwendersicht.

Dennoch existieren verbesserungswürdige Bereiche beim Low-Code-Tool:

  • Wenn Sie mit Millionen von Datensätzen arbeiten, könnte das die Leistungsfähigkeit von Bubble überstrapazieren. Undenkbar sind solche Datenmengen zwar nicht, allerdings nur dann, wenn die Datenbank vernünftig strukturiert ist.
  • Das Rendering des Low-Code-Dienstes erfolgt über die Server, sodass immer eine leichte Verzögerung beim Laden einer Seite entsteht. Als Entwickler können Sie leider nichts dagegen unternehmen.
  • Der visuelle Editor belastet bei der Anzeige von großen Datenmengen Ihr Gerät sehr stark, was an der hohen Anzahl der DOM-Elemente liegt. Ein datenintensives visuelles Tool wie Google-Spreadsheets aufzubauen, wäre in Bubble aktuell daher schwierig zu realisieren.

<h2 id="Fazit" data-headline="Fazit"><span class="first_id_number">16.</span>Fazit</h2>

Wie Sie sehen, liegt viel Potenzial in den hier vorgestellten Low-Code-Tools, wobei auch sie mit ihren Vor- und Nachteilen daherkommen. Im Allgemeinen geht es bei Low-Code darum, potenzielle Kosten zu senken, weil auf externe Dienstleister verzichtet werden kann. Ebenso ermöglicht das Baukastenprinzip auch unerfahrenen Personen, Anwendungen zu programmieren. Einschränkungen können auf der anderen Seite beispielsweise dadurch entstehen, dass Low-Code-Plattformen wie Bubble ein in sich geschlossenes Universum darstellen und daher nicht mit anderen Systemen kombinierbar sind. Diese mangelnde Flexibilität ist gerade bei komplexeren Projekten zu überdenken. Auch bei Webflow spielt Komplexität eine tragende Rolle. Denn das vielseitige Tool ist nicht zu 100 Prozent anfängertauglich. Wer sich bereits mit den Grundbegriffen und -prinzipien der HTML- und CSS-Programmierung auskennt, hat hier einen klaren Vorteil.

Die Softwareentwicklung bringt viele Herausforderungen mit sich: Sie nimmt viel Zeit in Anspruch, ist häufig kostenintensiv und nicht immer sind ausreichend Entwicklungskapazitäten vorhanden. Einen Kontrast dazu stellt die Low-Code-Optimierung dar, also das Erzeugen von Anwendungen fast ohne Programmierung. Konfigurieren statt programmieren ist der Leitsatz dieser Idee, die Sie durch Low-Code beziehungsweise Low-Code-Plattformen umsetzen. Wir zeigen Ihnen wie die Low-Code Plattformen funktionieren.

<div class="rtf-blog-element cc-filled"><p class="rtf-blog-heading cc-white">Sie brauchen Hilfe bei ihrem Low-Code Projekt? Wir helfen gerne weiter!</p><a href="/de/kontakt" class="c-button cc-border w-inline-block"><div class="c-button-text cc-mr15">Beratung vereinbaren</div><div class="c-big-arrow-link_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14">
 <path id="arrow_right" data-name="arrow_right" d="M15,5,13.59,6.41,18.17,11H2v2H18.17l-4.59,4.59L15,19l7-7Z" transform="translate(-2 -5)" fill="currentColor"></path>
</svg></div></a></div>

1
close
Unsere Erstberatung ist kostenlos!

Geschätzte Antwortzeit: innerhalb eines Tages

Möchten Sie uns kennenlernen?

TERMIN VEREINBAREN