UX/UI Design: Mobile

Wischen bedeutet, mit dem Finger über den Bildschirm zu streichen, um Inhalte zu bewegen oder zu wechseln.

„Die Nutzerin wischt nach links, um die nächste Empfehlung zu sehen.“

Einklappen bedeutet, einen ausgeklappten Bereich wieder zu schließen, sodass nur die Überschrift sichtbar bleibt.

„Wir lassen die Filterliste standardmäßig eingeklappt, damit die Suchergebnisse mehr Platz bekommen.“

Ein Dialogfenster ist ein kleines Fenster, das über der aktuellen Ansicht erscheint und eine Bestätigung oder Eingabe verlangt.

„Vor dem Löschen eines Eintrags öffnet sich ein Dialogfenster mit der Frage, ob der Vorgang wirklich fortgesetzt werden soll.“

Die Tab-Leiste ist der Bereich am unteren oder oberen Bildschirmrand, über den zwischen den Hauptbereichen einer App gewechselt wird.

„In der neuen Version haben wir die Tab-Leiste von fünf auf vier Bereiche reduziert.“

Ein Schieberegler ist ein Bedienelement, mit dem ein Wert stufenlos durch Ziehen mit dem Finger eingestellt wird.

„Mit dem Schieberegler kann der Nutzer die Lautstärke direkt im Video anpassen.“

Ein Karussell zeigt mehrere Inhalte in einer Reihe, durch die man horizontal wischt oder klickt.

„Auf der Startseite präsentiert das Karussell die drei aktuellen Kampagnen.“

Eine Push-Benachrichtigung ist eine kurze Nachricht, die das Gerät auch außerhalb der App auf dem Bildschirm anzeigt.

„Die Nutzerin erhält eine Push-Benachrichtigung, sobald ihre Bestellung versandt wurde.“

Die Bildschirmgröße gibt an, wie viel Platz ein Display für die Darstellung von Inhalten bietet.

„Wir testen das Layout auf mehreren Bildschirmgrößen, vom kleinen Smartphone bis zum Tablet.“

Die Hochformatansicht zeigt den Bildschirminhalt in vertikaler Ausrichtung, wenn das Gerät aufrecht gehalten wird.

„Die App ist ausschließlich für die Hochformatansicht optimiert.“

Die Querformatansicht zeigt den Bildschirminhalt in horizontaler Ausrichtung, wenn das Gerät gedreht wird.

„Beim Drehen des Tablets wechselt die App automatisch in die Querformatansicht.“

Der Daumenbereich ist der Teil des Bildschirms, den der Nutzer mit dem Daumen bequem erreicht, wenn er das Gerät mit einer Hand hält.

„Wichtige Aktionen platzieren wir im Daumenbereich, damit sie mit einer Hand erreichbar sind.“

Eine Wischgeste ist eine bestimmte Bewegung des Fingers über den Bildschirm, mit der eine Funktion ausgelöst wird.

„Mit einer Wischgeste nach rechts archiviert der Nutzer die Nachricht in der Liste.“

Die Bildschirmtastatur ist die virtuelle Tastatur, die auf dem Display erscheint, sobald ein Eingabefeld ausgewählt wird.

„Wenn die Bildschirmtastatur eingeblendet ist, darf der Bestätigungs-Button nicht verdeckt werden.“

Die Pull-to-Refresh-Funktion lädt eine Liste neu, wenn der Nutzer den Bildschirm nach unten zieht und loslässt.

„Dank der Pull-to-Refresh-Funktion sieht die Nutzerin sofort neue Nachrichten, ohne die App neu zu starten.“

Haptisch bezieht sich auf das, was der Nutzer durch Berührung oder Vibration fühlt, nicht auf das, was er sieht.

„Bei einer falschen Eingabe gibt das Gerät ein haptisches Signal, damit der Fehler auch fühlbar ist.“

Ein Widget ist ein kleines Element auf dem Startbildschirm des Geräts, das Informationen aus einer App direkt anzeigt.

„Für Vielreisende bauen wir ein Widget, das die nächste Abflugzeit ohne App-Start anzeigt.“

Der Startbildschirm ist die erste Ansicht, die der Nutzer beim Öffnen der App oder des Geräts sieht.

„Auf dem Startbildschirm zeigen wir nur die drei wichtigsten Funktionen, um Nutzer nicht zu überfordern.“