Beste UX-Muster für mobile Web-Apps
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Bei einer Analyse der Eignung der 1.000 wichtigsten Websites, die für Mobilgeräte optimiert sind, haben wir einige Problembereiche festgestellt: 53% bieten immer noch nur Desktop-Nutzung, 82% der Websites haben auf Mobilgeräten Probleme mit der Interaktivität und 64% der Websites enthalten Text, der von Nutzern nur schwer gelesen werden kann.
Schnelle Treffer für eine erhebliche Optimierung Ihrer mobilen Website:
- Immer einen Darstellungsbereich definieren
- Inhalte an den Darstellungsbereich anpassen
- Schriftgröße auf gut lesbarer Ebene beibehalten
- Verwendung von Web-Schriftarten einschränken
- Optimale Größe und Abstände von Tippzielen
- Semantische Typen für Eingabeelemente verwenden
PageSpeed Insights hat vor Kurzem eine UX-Analyse zur Ermittlung der Optimierung für Mobilgeräte Ihrer Website gestartet. Mithilfe dieser Analyse können Sie häufige Probleme mit der Nutzererfahrung auf Mobilgeräten erkennen. Probier es gleich aus!
Google Präsentationen: Beste UX-Muster für mobile Web-Apps
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-07-25 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-07-25 (UTC)."],[],["Mobile site analysis reveals that over half (53%) are desktop-only, 82% have interactivity issues, and 64% have readability problems. Key improvements include defining a viewport, fitting content within it, maintaining readable font sizes, limiting web fonts, spacing tap targets, and using semantic input types. PageSpeed Insights offers UX analysis to identify these issues. Additional resources for UX patterns can also be found in the slides.\n"]]
