Layout der Benutzeroberfläche

Zum Kopieren anklicken

5 wichtige Tipps zur Erstellung eines UI-Layouts.


Sie können den visuellen Teil vollständig im Editor gestalten und jederzeit Anpassungen und Änderungen vornehmen, die Sie wünschen. Selbst nachdem Sie die App veröffentlicht haben und die Nutzer sie verwenden, können Sie das Aussehen und das Seitenlayout vollständig ändern, ohne dass die Gefahr besteht, dass Daten verloren gehen!

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 sein, eine Zeichnung in Paint oder eine Freihandskizze, oder sogar ein Diagramm in einer Excel-Tabelle. Die Hauptsache ist, dass Sie eine klare Vorstellung davon haben, wie es funktionieren soll.

Aber es gibt ein paar wichtige Punkte zu beachten:

Entscheiden Sie, welche App Sie brauchen: Web oder Mobile

Sie können zwei Versionen der Anwendung erstellen, die miteinander verbunden sein werden - einige Ihrer Benutzer werden von mobilen Geräten aus arbeiten, andere von PCs aus, während die Daten gemeinsam genutzt werden. Allerdings wird das Design unterschiedlich sein.

Verschiedene Redakteure sind an die Erstellung von Mobil- und Webanwendungen gewöhnt, es ist wichtig, die Besonderheiten ihrer Arbeit zu verstehen, bevor man beginnt.

Definieren Sie Benutzergruppen

Teilen Sie die Nutzer 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 Einteilung 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 brauchen anschauliche Beispiele

Suchen Sie so viele Anwendungen wie möglich, die der Ihren ähnlich sind. Vielleicht können Sie eine davon als Basis verwenden, indem Sie die von Ihnen gewünschten Funktionen hinzufügen, oder Sie möchten die Funktionen mehrerer Anwendungen in einer einzigen kombinieren. Erstellen Sie eine Auswahlliste mit einer Beschreibung der Vor- und Nachteile - das ist nicht nur bei der Erstellung eines Layouts nützlich, sondern auch, wenn Sie den technischen Support um Rat fragen, nach Künstlern und Investoren für ein Projekt suchen oder einfach nur, um neue Ideen zu entwickeln.

Beschreiben Sie die Seiten im Detail

Sie müssen sich im Klaren darüber sein, welche Seiten in Ihrer Anwendung enthalten sein werden und welche Informationen auf den einzelnen Seiten angezeigt werden sollen.

In der Regel umfasst die Bewerbung Folgendes:

  • Hauptseite: Alle Benutzer kommen auf diese Seite, egal ob sie registriert sind oder nicht.
  • Verwaltungsportal: Hier werden Einstellungen und Konten verwaltet.
  • Getrennte Seiten für Benutzer mit verschiedenen Zugriffsebenen.
  • Pop-up-Seiten erscheinen, wenn bestimmte Aktionen ausgeführt werden.
  • Vergessen Sie nicht die Servicemeldungen für die Nutzer und die separaten Fenster mit der Bestätigung von Aktionen (z.B. Zustimmung zum Senden von Daten).

Vergessen Sie nicht den Datenaustausch

Überlegen Sie, woher Ihre Anwendung Daten nimmt und wohin sie sie sendet. Werden alle Informationen von den 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. Dies erfordert separate Oberflächenelemente, z. B. die Schaltflächen "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 auf, was Sie in Zukunft hinzufügen möchten. Wenn Sie irgendwelche Schwierigkeiten haben - schreiben Sie an den Telegrammkanal unseres technischen Supports, wir helfen Ihnen immer gerne!