- Erste Schritte
- Bevor Sie beginnen
- Anleitungen zu …
- Erstellen Ihrer ersten App
- Erstellen einer für Mobilgeräte optimierten App
- Apps einbetten
- Karten einbetten
- Allgemeine Richtlinien zur Benutzererfahrung
- Container mit einer Schaltfläche ausblenden
- Einbeziehen von Excel-Tabellen in Apps
- Einschließen von MailTo-Links
- Einschließen von Sternbewertungen
- Count bei Auswahlsatzwerten verwenden
- Verwenden der Dokumentanzeige
- Verwalten der Hauptdetailansicht
- Ausgewählte Werte aus einer Tabelle verwenden
- Verwenden der Aktivität „Send Interim Result“
- Festlegen von externem Kontext
- Arbeiten mit Datenquelle und Wertbindung
- Benachrichtigungen
- Entwerfen einer App
- Ereignisse und Regeln
- Regel: If-Then-Else
- Regel: Eine Seite öffnen
- Regel: URL öffnen
- Regel: Popover/unterstes Blatt schließen
- Regel: Nachricht anzeigen
- Regel: Drehfeld anzeigen/ausblenden
- Regel: Werte festlegen
- Regel: Prozess starten
- Regel: Datei in Speicher-Bucket hochladen
- Regel: Datei aus Speicher-Bucket abrufen
- Regel: Werte neu festlegen
- Regel: Entitätsdatensatz erstellen/aktualisieren
- Regel: Entitätsdatensatz löschen
- Regel: Zu Warteschlange hinzufügen
- Funktion: And, Or, Not
- Funktion: Concat
- Funktion: Contains
- Funktion: Count
- Funktion: EndsWith
- Funktion: If
- Funktion: IsBlank
- Funktion: Guid
- Funktion: Length
- Funktion: List
- Funktion: StartsWith
- Funktion: Summe
- Funktion: Sortieren
- Funktion: Jetzt
- Funktion: Heute
- Funktion: Time
- Funktion: Year
- Funktion: Month
- Funktion: Day
- Funktion: Hour
- Funktion: Minute
- Funktion: New
- Funktion: Nachschlagen
- Funktion: Filter
- Nutzen von RPA in einer App
- Nutzen von Entitäten in Ihrer App
- Nutzen von Warteschlangen in Ihrer App
- Application Lifecycle Management (ALM)
- Grundlegende Anleitung zur Fehlerbehebung
Allgemeine Richtlinien zur Benutzererfahrung
Wenn Sie gerade mit dem Entwerfen Ihrer ersten Anwendung beginnen und keine Designerfahrung haben, benötigen Sie dafür möglicherweise eine Anleitung. Auf dieser Seite finden Sie praktische Informationen, mit denen Sie Ihre Apps erstellen können.
Sie können eine vordefinierte Beispieldatei herunterladen, die Elemente enthält, die Sie in Ihrem Design verwenden können und bei der Erstellung nützlicher und benutzerfreundlicher Webanwendungen hilft. Öffnen Sie die Beispieldatei in Apps Studio und kopieren Sie die für Ihr Design benötigten Elemente.
Bevor Sie mit dem Erstellen Ihrer ersten Anwendung beginnen, wird empfohlen, Ihre Arbeit im Voraus zu planen. Denken Sie zuerst an Folgendes:
- Was ist der Kontext Ihrer Anwendung?
- Wer sind Ihre Benutzer? Was möchten sie erreichen? In welchem Bereich arbeiten sie?
- Was ist eine typische Situation? Was müssen sie am häufigsten tun?
- Wie messen Sie den Erfolg der Anwendung?
- Welche positiven Auswirkungen werden von Ihrer Anwendung erwartet?
Sobald Sie einen Plan erstellt haben, können Sie ihn einfach mit Ihren Kollegen durchgehen und Änderungen vornehmen. Danach sind Sie bereit für die nächsten Schritte:
- Berücksichtigen Sie andere Fälle, indem Sie weniger häufige Szenarien in den Blick nehmen. Schreiben Sie sie auf und priorisieren Sie sie.
- Definieren Sie die besten Medien oder das beste Format für das beste Ergebnis. In diesem Schritt können Sie bereits entscheiden, ob Sie eine Seite, eine Website oder einige Assistenten von einer Seite benötigen.
- Studieren Sie die Stärken und Schwächen Ihrer Konkurrenten. Ermitteln Sie Lösungsansätze für ähnliche Probleme.
- Erstellen Sie einen groben Prototyp Ihrer Anwendung. Tauschen Sie sich mit Ihren Kollegen über das Thema aus, um die beste Lösung zu finden.
- Testen Sie den Prototypen und hohlen Sie Feedback ein. Es wird empfohlen, ihn potenziellen Benutzern zu zeigen – von Ihnen erhalten Sie besonders nutzbringendes Feedback.
- Beginnen Sie mit dem Entwerfen der endgültigen Version Ihrer Anwendung.
Es gibt viele Regeln für das App-Design, die befolgt werden sollten, damit am Ende eine nutzbare, benutzerfreundliche Anwendung entsteht. Für eine optimale Benutzererfahrung halten Sie sich an mindestens eines der folgenden Prinzipien.
- Verwenden Sie wo immer möglich dieselbe Schriftart und dasselbe Layout.
- Nutzen Sie im Sinne der Benutzererfahrung auf allen Seiten der App dasselbe Design.
Die Nutzung von Farben ist sehr wichtig bei der Erstellung des Designs für Ihre Anwendung. Die folgenden Richtlinien sorgen für möglichst angenehmes Arbeiten mit der App:
- Elemente desselben Typs sollten in der gesamten Anwendung dieselbe Farbe haben.
- Ampelfarben sollten, wo möglich, vermieden werden. Rot eignet sich für Fehler, Gelb oder Orange für Warnungen und Grün für Meldungen zu positivem Fortschritt.
-
Verlassen Sie sich zum Vermitteln von Informationen nicht allein auf Farben. Ergänzen Sie neben dem Objekt stets Informationen im Textformat.
Wählen Sie Farben, die maximalen Kontrast bieten. Sorgen Sie für genügend Kontrast zwischen Inhalt und Hintergrund, sodass Text und nicht dekorative Bilder für alle mit Sehbehinderung bzw. Farbenblindheit gut lesbar sind.
Die Elementausrichtung ist ein wichtiger Schritt für ein erfolgreiches Design. Stellen Sie sicher, dass Ihre Elemente konsistent ausgerichtet sind.
Sie können Ihre Elemente einfach über die Registerkarte Stil horizontal oder vertikal ausrichten.
Im Folgenden finden Sie ein Beispiel für ein Element und die Prozedur zum Erstellen.
Schritt |
Aktion |
---|---|
1 |
Öffnen Sie Ihre bereits vorhandene Anwendung oder starten Sie eine neue Anwendung. |
2 |
Fügen Sie Ihrem Design einen neuen Container mit den folgenden Eigenschaften hinzu: Layout: horizontal, oben, links Größe: Breite – 100 %, Höhe – automatisch oder leer |
3 |
Fügen Sie einen Container innerhalb des ersten Containers mit den folgenden Eigenschaften hinzu: Layout: horizontal, unten, links Größe: Breite – 40 %, Höhe – automatisch oder leer |
4 |
Fügen Sie ein Label-Steuerelement innerhalb des Containers mit den folgenden Eigenschaften hinzu: Text: Beschriftung |
5 |
Fügen Sie ein zweites Label innerhalb des Containers mit den folgenden Eigenschaften hinzu: Text: * Stil: Farbe –
#c2320c |
6 |
Fügen Sie einen neuen Container innerhalb des Hauptcontainers mit den folgenden Eigenschaften hinzu: Layout: vertikal, links, oben Größe: Breite – 60 %, Höhe – automatisch oder leer |
7 |
Fügen Sie ein Textfeld innerhalb des Containers mit den folgenden Eigenschaften hinzu: Hinweistext: Hinweistext |
8 |
Fügen Sie ein Label innerhalb desselben Containers mit den folgenden Eigenschaften hinzu: Text: Dieses Feld muss ausgefüllt werden Andere Eigenschaften: ausgeblendet Stil: Farbe –
#c2320c |
Nachdem den obigen Schritten sehen Struktur und Element wie in den folgenden Bildern aus.