Low-Code- & No-Code-Entwicklung: Vollständiger Leitfaden + Beispiele
Es scheint, als wären die Begriffe Low-Code und No-Code in letzter Zeit zu Schlagwörtern in der Produkt-Community geworden. Viele bekannte Produktmanager haben angekündigt, dass sie vollständig auf No-Code umsteigen oder zumindest begonnen haben, diese Herangehensweise in ihrem Produktentwicklungsprozess zu nutzen.
Aber worum geht es bei diesen Ansätzen? Lohnt es sich, sie selbst auszuprobieren? Lassen Sie uns die Besonderheiten, Vorteile und Nachteile dieser Entwicklungsansätze besprechen und uns ein paar bekannte Produkte anschauen, die mit No-Code-Tools erstellt wurden.
Worum geht es bei der Low-Code-App-Entwicklung?
Wenn wir über Low-Code-Entwicklung sprechen, meinen wir in der Regel den Prozess, bei dem Anwendungen mit fertigen Tools und Paketen erstellt werden, anstatt den Code komplett selbst zu schreiben.
Du willst mehr vom The CPO Club?
Registriere dich für eine kostenlose Mitgliedschaft, um diesen Artikel vollständig zu lesen:
Have an account? Log In
Anstatt mit einem Code-Editor zu arbeiten, ermöglichen Low-Code-Plattformen das visuelle Erstellen von Apps. Möchten Sie beispielsweise eine Backend-Logik für eine HR-Anwendung bauen, können Sie eine Drag-and-Drop-Oberfläche nutzen, die an ein gewöhnliches Flussdiagramm erinnert. So sieht das zum Beispiel bei Flokzu aus.
In diesem Fall bauen wir die Logik für die Genehmigung eines Urlaubsantrags.
- Wir sehen, dass wenn ein Mitarbeiter einen Urlaubsantrag stellt, das von uns gebaute Backend eine Benachrichtigung an seinen Vorgesetzten sendet und um Genehmigung oder Ablehnung bittet.
- Nach der Genehmigung erhält ein zweiter Prüfer eine Benachrichtigung mit der Aufforderung, den Antrag ebenfalls zu genehmigen.
- Wenn beide zugestimmt haben, gilt der Urlaubsantrag als genehmigt.
Der Low-Code-Ansatz verlagert vieles in visuelle Editoren wie den oben gezeigten. Wie der Name schon sagt, ist dennoch eine gewisse Menge an Codierung erforderlich und Sie benötigen weiterhin zumindest grundlegende Kenntnisse in Programmierung oder Skripten, um Anwendungen mit Low-Code-Methoden entwickeln zu können.
Üblicherweise wird programmiert oder geskriptet, wenn eine Verbindung zu einem spezifischen Cloud-Dienst (z. B. AWS S3 zur Datenspeicherung) oder einer API (wie die ChatGPT-API zur programmatischen Nutzung des KI-Dienstes) hergestellt werden muss.
Stellen Sie sich zum Beispiel vor, Sie haben ein Tool zur Fehlerberichterstattung entwickelt, das auf einer Website als kleines Widget erscheint.
Möchten Benutzer ein Problem melden, klicken sie auf dieses Widget, füllen die Details des Problems aus und schicken einen Fehlerbericht an den Website-Besitzer.
Sie möchten, dass Website-Besitzer diese Fehler auf ihrem Trello-Board sehen. Daher müssen Sie Ihr Tool mit Trello integrieren. Hierzu können Sie die bestehende Umsetzung von Zapier nutzen. Sie müssen lediglich die Zapier API anbinden. So sehen zwei dieser API-Aufrufe aus.
In diesem Fall bleibt Ihnen nichts anderes übrig, als selbst Hand anzulegen und Code zu schreiben, der mit der Zapier API interagiert und bei jedem eingereichten Fehlerbericht mit Ihrem Widget automatisch eine Trello-Karte anlegt.
Um diesen Entwicklungsprozess vollständig zu verstehen, lassen Sie uns einige Vor- und Nachteile auflisten.
Vorteile von Low-Code
- Deutlicher Produktivitätsschub: Low-Code-Entwicklungsplattformen sind besonders beliebt bei mittelständischen und großen Unternehmen, die interne Tools und Prozessautomatisierungs-Workflows mit diesen Plattformen umsetzen. Diese automatisierten Workflows steigern wiederum die Effektivität und Effizienz der Geschäftsprozesse des Unternehmens.
- Flexibilität durch individuelle Funktionen und Code: Im Gegensatz zu No-Code-Tools (die wir als nächstes behandeln), wo alles visuell erfolgt, ermöglichen Low-Code-Lösungen individuelle Anpassungen und eigenen Code. Das bedeutet, Sie sind nicht auf die Funktionen der Plattform beschränkt und können praktisch jede gewünschte Funktion durch eigenen Code in Ihrer App hinzufügen.
- Unkomplizierte Wartung: Da die App mit relativ einfach zu bedienenden visuellen Editoren erstellt wurde, sind Wartung und Fehlerbehebung wesentlich schneller und einfacher als bei einer klassischen Code-Basis.
Nachteile von Low-Code
- Erfordert grundlegende Programmierkenntnisse: Auch wenn der Großteil der Entwicklung über visuelle Editoren stattfindet, müssen für einige Teile der App dennoch Codes geschrieben werden. Mit Low-Code-Tools müssen Sie also jemanden mit Programmiererfahrung einbeziehen.
- Kosten sind immer noch höher als bei No-Code-Entwicklung: Low-Code ist zwar viel günstiger als die Einstellung eines kompletten Software-Engineering-Teams, doch im Vergleich zu No-Code, wo alles über eine leicht verständliche Oberfläche abläuft, die jedermann nutzen kann, benötigen Low-Code-Tools weiterhin professionelle Entwickler, die das Tool beherrschen und Skripte in deren proprietärer Sprache schreiben können.
Zusammenfassend lässt sich sagen, dass sich die Low-Code-Entwicklung dank ihrer Geschwindigkeit und der relativ geringen Komplexität sowohl bei großen Unternehmen, die ihre Prozesse automatisieren möchten, als auch bei kleinen Firmen, die Apps mit minimalem Aufwand erstellen wollen, großer Beliebtheit erfreut.
Aber wie schneidet sie im Vergleich zur No-Code-Entwicklung ab? Stellen wir die beiden gegenüber.
Wie steht es um No-Code?
Während Low-Code-Tools das Erstellen und Ausrollen von Apps stark vereinfacht haben, sind es die No-Code-Entwicklungsplattformen, die das Leben von Kleinunternehmern, Startup-Gründern und Produktteams am meisten verändern werden.
Mit einer No-Code-Lösung können Sie komplette Websites und Apps erstellen, ohne Kenntnisse darüber zu benötigen, wie APIs funktionieren oder welche CSS-Styles Ihre Seite responsiv machen. Sie können alles – von der UI-Gestaltung über API-Integrationen bis zum Hosting der Website – mit relativ leicht zu erlernenden und benutzerfreundlichen, visuellen Oberflächen steuern.
No-Code-Tools verfügen meist über visuelle Drag-and-Drop-Editoren, die bekannten Design-Tools wie Figma oder AdobeXD ähneln. So sieht zum Beispiel der Editor des No-Code-Website-Builders Webflow aus:
Wie wir sehen, gibt Ihnen der Editor hier die Kontrolle über alles – von der Größe und Positionierung von Elementen bis hin zu Typografie und visuellen Darstellungsformen.
Falls Sie Anwendungen mit relativ komplexer Geschäftslogik erstellen möchten, verfügen No-Code-Tools ebenfalls über visuelle Editoren, ähnlich den zuvor besprochenen. So sieht der Editor für Geschäftslogik beim No-Code-Web-App-Builder Bubble aus:
Im obigen Beispiel sehen wir eine einfache Logik für eine Benutzerregistrierung, die ausgelöst wird, wenn der Nutzer seine Zugangsdaten eingibt und auf den Registrieren-Button klickt. Nach dem Klick legt Bubble einen neuen Nutzer in seiner Datenbank an, sendet eine Bestätigungs-E-Mail und leitet den Nutzer auf die Startseite weiter.
Neben dem Aufbau Ihrer Benutzeroberfläche und Geschäftsanwendungen unterstützen No-Code-Tools auch bei verschiedenen Aufgaben im Bereich Website- und App-Management, wie zum Beispiel:
Suchmaschinenoptimierung (SEO)
Zum Beispiel können Sie dynamisch Meta-Titel, Beschreibungen, Canonicals und Robot-Tags festlegen sowie über die Vergabe von Schema Markup steuern, wie Ihre Seiten in den Rich Snippets der Suchergebnisse dargestellt werden.
Einige No-Code-Tools bieten sogar SEO-Assistenten, die Ihre Website analysieren und umsetzbare Hinweise zur Behebung gefundener Fehler geben. Hier sehen Sie ein Beispiel einer solchen Funktion beim Website-Builder Wix.
Wie wir sehen, hat der Wix SEO Wiz (so nennt Wix seinen Assistenten) eine doppelte Seitentitel gefunden und schlägt vor, diesen zu ändern.
Konnektivität mit verschiedenen externen Diensten und APIs
Im Gegensatz zu Low-Code-Tools müssen Sie keinen Code schreiben, um sich mit den APIs der verschiedenen Tools und Dienstleistungen zu verbinden, die Ihre App benötigt.
No-Code-Tools erlauben meist, mit nur einem Klick auf den Button „installieren“ eine Verbindung zu einem gewünschten Service herzustellen und bieten ein visuelles Konfigurationspanel, in das Sie Ihre Authentifizierungsdaten eintragen und anpassen können, wie Ihre App mit diesem Service interagiert. Sehen wir uns dazu ein Beispiel aus dem Plugin-Store von Bubble an.
Der hier dargestellte Bildschirm stammt von einer Test-Bubble-Website, die ich vor einigen Monaten erstellt habe, um die Möglichkeiten dieses No-Code-Tools auszuprobieren (mein Fazit – ich war beeindruckt). Selbstverständlich wollte ich in meiner Demo-Website Google Analytics einbinden, um die Performance zu verfolgen.
Alles, was ich in Bubble tun musste, war, das entsprechende Plugin im Store zu suchen, zu installieren und die Tracking-ID meines Google-Analytics-Kontos einzutragen.
Bereitstellung und Skalierung
Schließlich helfen Ihnen No-Code-Tools auch bei der Bereitstellung Ihrer Website oder Anwendung in Produktions- und Entwicklungsumgebungen, beim Hosting und bei der Skalierbarkeit (falls Sie viel Traffic bekommen) auf deren Servern, ohne dass Sie sich mit Shell-Skripten und Serverkonfigurationen auseinandersetzen müssen. Auch hier erfolgt alles über einfache Benutzeroberflächen. Bei Wix beispielsweise ist die Bereitstellung so einfach wie das Klicken auf einen einzigen „Veröffentlichen“-Button im Dashboard.
Nun, da wir mit den Möglichkeiten von No-Code-Tools vertraut sind, schauen wir uns deren Vor- und Nachteile an.
Vorteile von No-Code
- Es geht schnell: Die Welt der Software-Dienstleistungen ist heutzutage äußerst wettbewerbsintensiv, und die Fähigkeit, Produkte schnell auf den Markt zu bringen, ist zu einem der entscheidenden Erfolgsfaktoren geworden. No-Code-Tools haben alles für Sie vorgefertigt. Sie müssen nur die Komponenten mit einem Drag-and-Drop-Editor zusammenstellen und Ihr Produkt starten.
- Erfordert keine Programmierkenntnisse: Softwareentwickler, QA-Ingenieure, DevOps-Spezialisten und alle anderen Mitglieder eines typischen Softwareteams sind hochqualifizierte Fachleute, die man manchmal schwer finden und einstellen kann. Mit einem No-Code-Tool hingegen benötigen Sie kein komplettes Technikteam, da auch jeder nicht-technische Nutzer diese App bauen kann.
- Es ist kostengünstig in der Umsetzung: Ein Technikteam einzustellen ist teuer. Die oben aufgeführten Teammitglieder gehören zu den bestbezahlten Fachkräften am Arbeitsmarkt. Mit einem No-Code-Tool können Sie also Ihre App zu einem Bruchteil der Kosten eines kompletten Entwicklungsteams erstellen.
Nachteile von No-Code
- Begrenzte Flexibilität: Die Anzahl und Art der Funktionen, die Sie mit No-Code-Tools zu Ihrer App hinzufügen können, ist nicht unbegrenzt. Sie werden keine eigenen einzigartigen Funktionen entwickeln können und sind auf die vorhandenen Features Ihrer Plattform angewiesen.
- Sicherheit liegt nicht in Ihrer Hand: Die meisten No-Code-Tools entwickeln Ihre Anwendungen zwar unter Verwendung der gängigen Datenschutz- und Sicherheitsstandards, jedoch können Sie Ihre Sicherheitsvorkehrungen nicht weiter erhöhen und sind besonderen Schwachstellen weniger gewappnet.
- Begrenzte Leistung: Zusätzlich zur eingeschränkten Funktionsvielfalt sind Sie bei No-Code-Tools auch an einen begrenzten Technologiestack gebunden. Egal, welches Produkt Sie erstellen, das No-Code-Tool verwendet immer dieselbe Programmiersprache und Datenbanksysteme. Sie können also den Einsatz spezialisierter, besonders schneller Technologien (wie z. B. C++ oder Clickhouse) vergessen.
Zusammenfassend lässt sich sagen: Low-Code- und No-Code-Anwendungsplattformen eignen sich hervorragend, um Entwicklungskosten zu senken und die Umsetzungsgeschwindigkeit zu erhöhen. Da sich mit ihnen Anwendungen so leicht erstellen lassen, sind sie ein tolles Werkzeug für kleine Unternehmen, die sich kein eigenes IT-Team leisten können, sowie für Produktmanager, die die Bedürfnisse ihrer Nutzer mit schnellen Tests und verschiedenen Initiativen ermitteln möchten.
Aber bedeutet das, dass das Zeitalter der klassischen Softwareentwicklung vorbei ist? Sehen wir es uns als Nächstes an.
Stirbt traditionelle Softwareentwicklung aus?
Keineswegs!
Low-Code- und No-Code-Tools helfen Ihnen, schnell eine einfache Version Ihrer App mit begrenzten Funktionen zu erstellen und bereitzustellen. Die traditionelle Softwareentwicklung hingegen ermöglicht Ihnen Folgendes:
Eigene und einzigartige Features entwickeln: Sowohl No-Code- als auch Low-Code-Tools bieten Ihnen eine Sammlung an Standardoberflächen und Backend-Funktionen, mit denen Sie viele Anwendungsfälle abdecken können. Wenn Sie jedoch etwas völlig Neues und Einzigartiges umsetzen möchten, bleibt Ihnen nichts anderes übrig, als es selbst zu programmieren.
Großartige Beispiele für solche Funktionen sind die berüchtigten Machine-Learning-Filter und Avatare von TikTok. Sie sind so einzigartig und komplex, dass dafür ein ganzes Team von Ingenieuren und Wissenschaftlern zuständig war (die dabei einige wichtige Beiträge zur Wissenschaft der künstlichen Intelligenz geleistet haben).
Es gibt einfach keinen Weg, mit einem Low-Code-Tool etwas annähernd Vergleichbares zu schaffen.
Hervorragende Performance erzielen: Manchmal sind hohe Leistung und Ressourceneffizienz zentrale Bestandteile Ihres Produkts (z. B. wenn Sie ein AAA-Spiel entwickeln, das auf älteren PCs laufen soll). In solchen Fällen benötigen Sie spezialisierte, leistungsstarke Programmiersprachen wie C++ oder sogar Assembler, sowie hochqualifizierte Programmierer, die jeden Codeabschnitt Ihrer App optimal für Geschwindigkeit ausreizen können.
Welche Vorteile bieten Low-Code und No-Code für Produktmanager und Startup-Gründer?
Zwei Wörter—Schnelligkeit und Kosteneffizienz!
Wenn du deine Produkte nach der Lean-Philosophie entwickelst, werden Low-Code- und No-Code-Tools zu deinen besten Freunden. Sie ermöglichen es dir, schnell ein MVP (Minimal Viable Product) zu bauen, zu veröffentlichen, deine zentralen Hypothesen zu validieren (oder zu widerlegen), basierend auf Feedback zu iterieren und erneut zu veröffentlichen.
Abgesehen von der Geschwindigkeit, mit der du neue Iterationen deines Produkts bereitstellen und Ideen testen kannst, helfen No-Code- und Low-Code-Tools auch dabei, Risiken beim Einstellen von Entwicklern sowie Zeit- und Kostenaufwände für eine App zu minimieren, die vom Markt möglicherweise nicht angenommen wird (was völlig in Ordnung ist).
Du kannst die ersten ein oder zwei Versionen deines Produkts selbst bauen, ohne jemanden einstellen zu müssen. Scheitert deine Idee, halten sich die finanziellen Verluste somit in Grenzen.
No-Code- und Low-Code-Tools sind ideal für den Bau von MVPs – aber kann man mit ihnen auch fertige Produkte entwickeln? Ja! Lass dich von einigen ansprechend gestalteten Websites und Apps beeindrucken, die mit diesen Tools gebaut wurden.
Showcase: Apps, die auf Low-Code- und No-Code-Plattformen gebaut wurden
Das Internet ist voll von kleinen Websites und Apps, die auf No-Code-Plattformen erstellt wurden. Um dir jedoch die wahren Möglichkeiten dieser Tools zu zeigen, möchte ich einige beeindruckende, bekannte Projekte hervorheben.
Website von Bubble.io
Verwendetes No-Code-Tool: Bubble. (Natürlich.)
Würdest du dich wundern, wenn du erfährst, dass die Website von Bubble tatsächlich mit Bubble gebaut wurde? Die komplette Website inklusive eines großen Lernbereichs mit vielen Online-Lektionen, das CMS-System für den Blog und die Inhalte der weiteren Seiten.
Dieses Beispiel beweist, dass man mit No-Code-Tools ganze, vollumfängliche Websites bauen kann – und nicht nur ein paar einfache Landingpages.
Comet: Eine Plattform für Freelance-Jobs
Verwendetes No-Code-Tool: Bubble.
Comet ist eine Plattform für freiberufliche Tätigkeiten, auf der Unternehmen sowohl dauerhafte Positionen als auch temporäre Aufgaben ausschreiben können, und Freelancer sich darauf bewerben.
Die Plattform ist sehr funktional. Sowohl für Freelancer als auch Unternehmen gibt es getrennte Dashboards, in denen sie ihre Jobs verwalten, Feedback geben und miteinander zusammenarbeiten können.
Dieses Beispiel zeigt, dass man mit einem No-Code-Tool anspruchsvolle Business-Anwendungen für verschiedene Nutzertypen, mit durchdachter Nutzererfahrung, Echtzeit-Dashboards, Vorlagen, Modulen und komplexer Logik für Freelancer und Business-User entwickeln kann.
Chant: Ein soziales Netzwerk für Künstler
Verwendetes No-Code-Tool: Adalo.
Chant ist eine Plattform, auf der Künstler aller Art (Illustratoren, Fotografen, Musiker usw.) zusammenkommen, sich vernetzen, Events organisieren und sogar Jobs finden können.
Funktional handelt es sich um ein vollständiges soziales Netzwerk – mit anpassbarem Profil, der Möglichkeit, Profile anderer zu besuchen, Beiträge zu verfassen, Veranstaltungen zu erstellen, mit Freunden zu chatten und mehr.
Dies unterstreicht einen weiteren wichtigen Aspekt moderner No-Code-Tools: die Fähigkeit, mobile Apps für die App Stores von Google und Apple zu entwickeln und zu veröffentlichen.
Poshmark: Ein Online-Shop für Mode
Verwendetes No-Code-Tool: Wix.
Als letztes Beispiel möchte ich den Online-Shop Poshmark zeigen, der seine Shopping-Engine über den Website-Baukasten Wix betreibt.
Das System ist äußerst funktional und bietet alles, was ein Online-Shop benötigt – von der Checkout-Funktionalität bis zum Bestandsmanagement.
Was mich am meisten beeindruckt, ist, dass die auf Wix erstellten E-Commerce-Shops es jedem Nutzer ermöglichen, sich zu registrieren, eigene Produkte einzustellen und diese im Shop zu verkaufen.
Die Zukunft ist No-Code und Low-Code
Zumindest bin ich fest davon überzeugt.
Auch wenn diese Tools niemals ein professionelles Entwicklungsteam ersetzen können, decken sie doch die meisten alltäglichen Anforderungen kleiner Unternehmen ab und ermöglichen Produktteams eine schnelle Entwicklung und das Testen von MVPs.
Obwohl dir ein No-Code-Tool hilft, deine Produkte schneller zu entwickeln, bleibt es wichtig, sicherzustellen, dass du auch das Richtige baust. Dazu kannst du unsere Anleitungen zu folgenden Themen nutzen:
- Die richtigen Produktentwicklungs-Tools auszuwählen, um deine Prozesse zu beschleunigen.
- Minimum Viable Products richtig umzusetzen.
- Deinen Product-Market Fit zu messen und zu erreichen.
- Den Softwareentwicklungs-Lebenszyklus aufzusetzen.
Für viele weitere solcher Anleitungen solltest du auch unseren Newsletter abonnieren!
