Startseite » UI / UX » Ein Blick in das Erstellen von Websites für Tablet-Benutzer

    Ein Blick in das Erstellen von Websites für Tablet-Benutzer

    Die Tablet-Arena, die einst nur vom iPad von Apple dominiert wurde, boomt jeden Tag mit einem Neueinsteiger. Das Google Nexus 7, Amazon Kindle, Microsoft Surface und zahlreiche andere auf den Markt gebrachte Tablet-Geräte drängen Marketingfachleute dazu, über die PC-Website hinauszudenken und eine eigenständige Tablet-Strategie zu entwickeln - oder zumindest, eine Tablet-freundliche Website.

    Sind Tablets ein Ersatz für Smartphones? Die kurze Antwort lautet nein. Tatsächlich zeigt ein kürzlich veröffentlichter comScore-Bericht eindeutig, dass jeder vierte Smartphone-Besitzer auch ein Tablet verwendet hat. Darüber hinaus gibt es einige deutliche Unterschiede in der Verwendung dieser beiden Geräte. Während einige Ihrer mobilen Webstrategien für Tablet-Benutzer geeignet sind, haben Ihre Tablet-Leser besondere Anforderungen, die besondere Aufmerksamkeit erfordern.

    Gebäude für das Tablet

    Der Zugriff auf Inhalte und Informationen scheint die oberste Aktivität von Tablet-Besitzern weltweit zu sein, so eine Studie der Online Publishers Association. Inhaltsverbrauch enthalten Videos ansehen, danach Nachrichten lesen. Was sollten Sie also als Content-Vermarkter oder Herausgeber tun, um Ihre Tablet-Leser zu begeistern??

    Tablet-Reader sind es gewohnt, sich mit unzähligen Apps zu beschäftigen, die mit reichhaltiger Grafik und detailreichen Grafiken ausgestattet sind. Daher erwarten Tablet-Reader dasselbe App-ähnliche Leseerlebnis, das sie an ihren Desktop-Browsern gewohnt sind.

    Schriftrolle ist passé; Streichen ist in

    Die einzige Möglichkeit, Ihre ständig wachsenden Tablet-Besucher anzusprechen, besteht darin, über die PC-Website-Normen hinauszudenken, d. H. Die vertikalen Bildlaufformate und -layouts, und den Aufbau einer persönlicheren, interaktiven Website. Tablet-Reader sind an Gesten wie Streichen und Streichen gewöhnt und bevorzugen diese der älteren "Scroll-and-Click" - Methode zum Navigieren von Websites.

    Nutzen Sie HTML5 und CSS3, um Inhalte in einem paginierten, gut formatierten Layout anzuzeigen, das ein gedrucktes Magazin emuliert, und geben Sie den Lesern die Möglichkeit, die Seiten ihrer Lieblingsmagazine zu spiegeln.

    Berührungsfreundliche Websites

    Jedes heutzutage auf dem Markt erhältliche Tablet verfügt über eine Touch-Oberfläche, durch die die Art und Weise, wie wir mit PCs arbeiten, neu definiert wurde. Für ein optimales Leseerlebnis auf Tablets ist es so einfach, die minimale Textgröße auf 14 Pixel zu setzen. Aber was ist mit Benutzeroberflächen, besonders wenn es um menschliche Eingaben geht?

    Es liegt in den Fingern

    Während PC-Websites auf einen Bildschirm geladen werden, der sich in einem bestimmten Abstand zum Auge befindet, der mit der Maus über einen Cursor erreichbar ist, können Tablets in der Hand gehalten werden und Eingaben von den Fingern des Benutzers annehmen.

    Erhöhen Sie die Textfüllung um Hyperlink-Text, der sogar mit großen Fingern angeklickt werden kann, gibt es eine ganze Reihe von Bereichen. Ebenfalls Zeilenabstand zwischen Sätzen erhöhen so dass es keinen Zusammenstoß zwischen gibt Hyperlinks, Texte, Formularfelder oder Dropdown-Menüs. Hover-Ereignisse entfernen Behalten Sie die Verhaltensweisen und Steuerelemente jedoch intuitiv oder zumindest vorhersehbar genug, damit die Benutzer nicht mehr lernen müssen, wie Sie auf Ihrer Website navigieren.

    Wir empfehlen, dass Sie sich beim Erstellen einer Tablet-freundlichen Website an die iOS-Richtlinien für Benutzeroberflächen von iOS halten.

    Vermeiden Sie auffällige Elemente

    Da das iPad im Tablet-Markt immer noch führend ist, ist es immer noch sicher, nicht für Flash zu bauen. Sie können jedoch mit HTML5 eine bessere App für Ihre Leser in ihren Tablet-Browsern erstellen. Verwenden Sie weniger JavaScript-basierte Animationen, um Ihre Tablet-Website schnell und auf allen Tablet-Geräten zugänglich zu machen.

    Orientierung ist wichtig

    Ihr Tablet-Besucher kann Ihre Website im Quer- oder Hochformat anzeigen. Stellen Sie daher sicher, dass sich der Inhalt Ihrer Tablet-Website automatisch an diese beiden Ausrichtungen anpasst. In 30 Responsive Portfolios für Ihre Inspiration finden Sie eine Vorstellung davon, wie sich Ihr Inhalt an andere Bildschirmgrößen und -ausrichtungen anpassen muss.

    Und für weitere Informationen schauen Sie sich an:

    • Mobiles Webdesign: 10 Tipps zur Verbesserung der Benutzerfreundlichkeit
    • 30 nützliche responsive Webdesign-Tutorials
    • 50 nützliche responsive Webdesign-Tools für Designer

    Verwenden Sie zum Schluss immer Bilder mit einer sehr hohen Auflösung oder stellen Sie sicher, dass die Größe der Bilder für verschiedene Ausrichtungen angepasst wird, damit die Benutzer das vollständige Bild erhalten. Das 16: 9-Seitenverhältnis funktioniert mit den meisten Tablets gut.

    Einpacken

    Denken Sie beim Erstellen einer Tablet-freundlichen Website über PC-Websites hinaus und gehen Sie einen Schritt weiter in die persönliche Interaktion. Überdenken und erstellen Sie Ihre Websites für eine Welt, in der Tablets an erster Stelle stehen.

    Anmerkung des Herausgebers: Dieser Beitrag wird von geschrieben Lakshmi Harikumar für Hongkiat.com.