Wenn Sie Artikel über App-Design gelesen haben, sind Sie wahrscheinlich auf die ganze Liste verschiedener Begriffe gestoßen: Layout, Prototyp, Mockup, Wireframe, Skizze. Wie unterscheiden sie sich voneinander? Tatsächlich spielt es bei der no-code Entwicklung keine Rolle.
Sie können den visuellen Teil komplett im Editor gestalten, die Anpassungen und Änderungen jederzeit nach Ihren Wünschen vornehmen. Selbst nachdem Sie die App veröffentlicht haben und Benutzer sie verwenden, können Sie das Erscheinungsbild und das Seitenlayout ändern, ohne dass das Risiko eines Datenverlusts besteht!
Daher ist es nicht so wichtig, in welcher Form Sie das Projekt präsentieren, bevor Sie zum Editor wechseln. Es kann ein Prototyp in Figma oder ein Bild in Photoshop, eine Zeichnung in Paint oder eine Freihandskizze oder sogar ein Diagramm in einer Excel-Tabelle sein. Hauptsache, Sie haben eine klare Vorstellung davon, wie es funktionieren soll.
Es gibt jedoch einige wichtige Punkte zu beachten.
Entscheiden Sie, welche App Sie benötigen: Web oder mobil
Sie können zwei Versionen der Anwendung erstellen, die miteinander verbunden werden – einige Ihrer Benutzer arbeiten von mobilen Geräten aus, andere von PCs aus, während die Daten gemeinsam genutzt werden. Obwohl das Design anders sein wird.
Verschiedene Editoren sind an die Erstellung von Mobil- und Webanwendungen gewöhnt. Es ist wichtig, die Besonderheiten ihrer Arbeit allgemein zu verstehen, bevor Sie beginnen. Lesen Sie die entsprechenden Abschnitte in unserer Dokumentation .
Benutzergruppen definieren
Teilen Sie Benutzer in Gruppen ein, je nachdem, welche Funktionen ihnen zur Verfügung stehen, und analysieren Sie, wie unterschiedlich sie sind.
Dabei geht es nicht nur um die Aufteilung in Benutzer und Administratoren. Wenn Ihre Anwendung von Kunden mit unterschiedlichen Zugriffsrechten oder Mitarbeitern verschiedener Abteilungen genutzt wird, können Sie einzelne Elemente und sogar ganze Seiten ein- oder ausblenden, je nachdem, welche Funktionen und Daten einem bestimmten Benutzer zur Verfügung stehen.
Sie benötigen anschauliche Beispiele
Finden Sie möglichst viele Apps, die Ihrer möglichst ähnlich sind. Möglicherweise können Sie eine davon als Basis verwenden, indem Sie die gewünschten Funktionen hinzufügen, oder Sie möchten die Funktionalität mehrerer Anwendungen in einer kombinieren. Erstellen Sie eine Auswahlliste mit einer Beschreibung der Vor- und Nachteile. Dies ist nicht nur bei der Erstellung eines Layouts nützlich, sondern auch bei der Kontaktaufnahme mit dem technischen Support um Rat, bei der Suche nach Künstlern und Investoren für ein Projekt und einfach bei der Generierung neuer Ideen.
Beschreiben Sie die Seiten im Detail
Sie müssen genau verstehen, welche Seiten Ihre Bewerbung umfassen wird und welche Informationen auf jeder Seite angezeigt werden sollen.
In der Regel umfasst die Bewerbung:
- Startseite: Auf diese Seite gelangen alle Benutzer, unabhängig davon, ob sie registriert sind oder nicht.
- Admin-Portal: Es verwaltet Einstellungen und Konten.
- Separate Seiten für Benutzer mit unterschiedlichen Zugriffsebenen.
- Popup-Seiten werden angezeigt, wenn bestimmte Aktionen ausgeführt werden.
- Vergessen Sie nicht die Servicemeldungen für Benutzer und separate Fenster mit der Bestätigung von Aktionen (z. B. Zustimmung zum Senden von Daten).
Vergessen Sie nicht den Datenaustausch
Überlegen Sie, wo Ihre Anwendung Daten hinnimmt und wohin sie sie sendet. Werden alle Informationen von Benutzern stammen? Welche Prozesse können automatisiert werden?
Einige der Daten können von Websites übernommen oder aus Buchhaltungsprogrammen heruntergeladen werden. Um die Anmeldung bei Ihrer Anwendung zu vereinfachen, nutzen Sie die Autorisierung großer Dienste wie Google oder Facebook. Hierfür sind separate Oberflächenelemente erforderlich, beispielsweise Buttons „Daten hochladen“ oder „Mit Facebook anmelden“.
Wenn es schwierig ist, alles auf einmal zu durchdenken, erstellen Sie ein Layout mit einem Minimum an notwendigen Funktionen und schreiben Sie separat Ihre Gedanken darüber auf, was Sie in Zukunft hinzufügen möchten. Wenn Sie Schwierigkeiten haben, schreiben Sie an den Telegrammkanal unseres technischen Supports, wir helfen Ihnen jederzeit gerne weiter!
