Zentrale Lernziele

Im vorherigen Kapitel haben Sie die Bedeutung der mobilen Optimierung hervorragend verstanden. Nun beschäftigen wir uns mit dem Wix Mobile Editor, um die mobile Version Ihrer Website individuell anzupassen. Mit diesem Tool können Sie gezielte Anpassungen vornehmen, damit Ihre Website auf jedem Gerät optimal dargestellt wird.

Nach Abschluss dieses Kapitels sind Sie in der Lage:

• Die Benutzeroberfläche des Wix Mobile Editors zu navigieren;
• Die mobile Version Ihrer Website anzupassen;
• Designelemente für die mobile Ansicht zu optimieren.

Beginnen wir damit, wie Sie den Wix Mobile Editor nutzen, um Ihre Website für mobile Endgeräte anzupassen. 

• Wählen Sie im Wix-Dashboard Website bearbeiten;

• Im Wix Editor auf die Schaltfläche Zu Mobile wechseln neben der Wix-Adressleiste oben auf dem Bildschirm klicken;

• Die Wix Mobile Edit Tools verwenden, um Änderungen ausschließlich an Ihrer mobilen Website vorzunehmen.

Best Practices für die Nutzung des Mobile Editors

1. Inhalte vereinfachen: Mobile Bildschirme sind kleiner, daher Inhalte vereinfachen, um Überfrachtung zu vermeiden. Prägnante Texte und Konzentration auf wesentliche Elemente;
2. Layouts anpassen: Layout für den vertikalen Bildschirm neu anordnen. Wichtige Inhalte sollten ohne Scrollen sichtbar sein und einspaltige Layouts für bessere Lesbarkeit verwenden;
3. Bilder optimieren: Bilder in geeigneter Größe verwenden, um Ladezeiten zu reduzieren. Sicherstellen, dass Bilder responsiv sind und sich gut in das mobile Layout einfügen;
4. Interaktivität testen: Prüfen, ob Schaltflächen und Links leicht antippbar sind. Die Größe der Touch-Ziele erhöhen und ausreichend Abstand zwischen interaktiven Elementen lassen, um versehentliche Klicks zu vermeiden;
5. Vorschau und Testen: Die mobile Website regelmäßig während des Bearbeitungsprozesses in der Vorschau anzeigen. Auf verschiedenen Geräten testen, um sicherzustellen, dass sie wie beabsichtigt aussieht und funktioniert.

Durch die Einhaltung dieser Best Practices wird sichergestellt, dass Ihre mobile Website benutzerfreundlich ist und Besuchern ein nahtloses Erlebnis bietet. Ziel ist es, die Navigation und die optische Attraktivität Ihrer Website auf jedem Gerät zu gewährleisten.