Mobile Webseiten sind ein einzigartiges Tier. Im Gegensatz zu Desktop-freundlichen Webseiten, die für große Bildschirme und präzises Klicken mit der Maus konzipiert sind, haben mobile Webseiten die Größe für kleinere Bildschirme und ungenaues Fingertippen. Darüber hinaus müssen moderne Websites sowohl in Desktop- als auch in mobilen Formaten veröffentlichen, so dass jede Webseite doppelt erstellt werden muss.
01 von 08Bildschirmgröße und "Immobilien" unterscheiden sich
Dies ist der offensichtlichste Unterschied zwischen Desktop- und mobilen Webseiten. Während die meisten Desktop-Monitore eine Diagonale von 19 Zoll bis 24 Zoll haben, sind Tablets in der Regel 10 Zoll Diagonale. Smartphones sind 4 Zoll Diagonale. Durch einfaches Herauszoomen kann eine Webseite nicht erfolgreich in mobilefreundlich umgewandelt werden, da dies den Text nur unlesbar macht. In ähnlicher Weise ist es unmöglich, mit dem Finger auf einer herausgezoomten Webseite genau zu tippen. Mobile Webdesigner müssen ihre gesamte Herangehensweise an das Seitenlayout ändern. Normalerweise müssen Designer Seitenleisten und nicht benötigte Bilder entfernen, kleinere Bilder auswählen, die Schriftgröße erhöhen und Inhalte in erweiterbare Widgets einblenden. Diese Begrenzung der Immobilien hat bei Webdesignern zu einer völlig anderen Denkweise geführt.
Widgets und 'Sliders' sind drin; Sidebars und Whitespace sind raus
Sie können davon ausgehen, dass die meisten mobilfreundlichen Seiten einige oder alle Navigationslinks der Seitenleiste entfernen und durch faltbare / erweiterbare Menü-Widgets ersetzen. Erwarten Sie gleichermaßen, dass sich links und rechts des Inhalts keine Leerzeichen befinden und der Whitespace-Bereich weniger, da die Designer bestrebt sind, die Nutzung der Tablet- und Smartphone-Immobilien zu maximieren.
Das Finger-Tapping ist weniger präzise als das Klicken mit der Maus
Im Gegensatz zu einem präzisen Mauszeiger auf Ihrem Desktop ist der menschliche Finger ein Fleck, und für das Tippen auf das Finger sind große Ziele auf dem Bildschirm für Hyperlinks erforderlich. Erwarten Sie, dass auf mobilen Webseiten mehr rechteckige Tap-Ziele ("Kacheln") und weniger textbasierte Hyperlinks angezeigt werden. Außerdem werden Menüs häufig durch große Schaltflächen und große Registerkarten ersetzt, um die Ungenauigkeit der Fingertipps zu berücksichtigen.
04 von 08Die URL der mobilen Seite ist anders
Mobile-freundliche Webseiten enthalten üblicherweise den Buchstaben "m" als wesentlichen Teil ihrer Adresse. Die mobile URL wird normalerweise automatisch für Sie ausgewählt, wenn Sie mit einem mobilen Tablet oder Smartphone surfen. In einigen Fällen wird ein Link angezeigt, über den Sie zur normalen Desktop-Version der Seite wechseln können.
05 von 08Werbung wird entweder reduziert oder entfernt
Ja, das ist wunderbar für die Leser, aber ein wahrer Punkt bei den Webkunden. Da auf einem Tablet oder Smartphone weniger Platz zur Verfügung steht, funktioniert das Platzieren einer Menge gesponserter Links und großer Werbebanner nicht. Erwarten Sie stattdessen spezielle kleinere Popup-Anzeigen auf mobilen Webseiten, häufig in der unteren Bildschirmmitte. Mit der Ausreifung mobiler Geräte werden andere clevere Arten kleinerer Werbung entwickelt.
06 von 08Kontrollkästchen und kleine Links sind frustrierend
Wenn Webherausgeber ihren Inhalt für kleine Bildschirme nicht vollständig umgestalten, müssen Sie Sie häufig dazu zwingen, mit unseren blobartigen Fingern auf kleine Kontrollkästchen zu klicken. Dies zwingt die Benutzer dazu, Trial-and-Error- oder Pinch-Zooming anzuwenden, um die Kontrollkästchen genau zu aktivieren.
07 von 08Kennwort-Anmeldungen werden möglicherweise verdeckt oder zu klein
Ja, das ist eine moderne Belästigung bei vielen mobilen Webseiten. Da viele Web-Publisher immer noch in 22-Zoll-Bildschirmen denken, können Sie sich auf zwei ärgerliche mobile Umgebungen einstellen: Ihre Anmelde- und Kennwortfelder sind winzig und schwer zu bedienen, und Ihre verschiebbare mobile Tastatur deckt Ihre Anmelde- und Kennwortfelder ab . Sie müssen sich anpassen, indem Sie Pinch-Zooming verwenden, um die Login-Felder sichtbar zu machen, und Sie müssen den Bildschirm scrollen und die Tastatur ausschalten, um die verborgenen Login-Schaltflächen freizulegen. Hoffentlich finden moderne Web-Publisher bald einen klugen Weg, um diesen Ärger zu umgehen.
08 von 08Bilder werden prominenter
Normalerweise werden Fotos so verkleinert, dass sie auf kleinere Bildschirme passen. In seltenen Fällen werden Fotos tatsächlich so erweitert, dass sie die Breite des Tablets oder des Smartphones ausfüllen.
