WordPress und Tablets Jetzt optimieren und in die Zukunft blicken

Tablets werden mit jedem Tag immer beliebter, und immer mehr Menschen wenden sich für den Konsum von webbasierten Inhalten an sie. In Tuts + haben wir bereits in mehreren Artikeln darüber diskutiert, wie diese neuen Tablet-Geräte entworfen werden können. Heute werden wir das Thema des betrachteten Tablettendesigns erneut betrachten und im Kontext von WordPress betrachten.


Sollten wir uns interessieren?

Bevor wir uns überhaupt mit dem Entwerfen und Optimieren von Tablets befassen, sollten wir zuerst prüfen, ob unsere Zeit am besten genutzt werden sollte.

Erst kürzlich wurde bekannt, dass Apple etwa ein Viertel des gesamten Computermarktes hält, jedoch nur, wenn das iPad berücksichtigt wurde. Während Apple zum Zeitpunkt des Schreibens noch nicht die Gewinne des letzten Quartals bekannt geben kann, erwarten Analysten, dass Apple einen Rekordumsatz von iPad zwischen 11,7 und 19,5 Millionen Einheiten verzeichnen wird. Das ist eine ziemlich große Zahl, die ein vierteljährliches Wachstum zeigt, was bedeutet, dass der Verkauf von Tablets immer wichtiger wird.

Hoffentlich ist das iPad nicht nur für sich allein, sondern auch als Teil der gesamten Computerbranche ein Hinweis darauf, wie ernsthaft Designer die Plattform nehmen sollten. Als Designer und Entwickler, die Themes für WordPress erstellen, sollten wir darüber hinaus beachten, wie viele verschiedene Blogs die Software unterstützt.


Die Unterschiede verstehen

Bevor wir uns näher mit der Frage beschäftigen, wie wir anfangen sollten, das Tablet besser zu berücksichtigen - sowohl aus Sicht eines Designers als auch eines Bloggers -, sollten wir wirklich verstehen, wie sich ein Tablet von herkömmlichen Computererfahrungen unterscheidet.

Die größte und naheliegendste Methode ist die Eingabemethode, bei der es sich hauptsächlich um das Berühren eines Tabletts handelt, anstatt um einen Cursor zu steuern. Dies bedeutet große Unterschiede in der Genauigkeit, die ein Benutzer über eine Website hat, da die Fingerspitze viel größer ist als die Spitze eines Cursors.

Die Auflösung ist ein weiterer Unterschied, da sie auf Tablets wesentlich geringer ist als auf Computern. Das iPad hat eine Auflösung von 1024 x 768px und wenn wir auf Zahlen aus dem letzten Jahr zurückblicken, besuchten nur 3,54% der Besucher eine Auflösung dieser Größe. Die beliebtesten Größen waren 1680 x 1050 Pixel, 1280 x 800 Pixel und 1440 x 900 Pixel, die viel größer sind als die des iPad. Dies besagt, dass herkömmliche Computer mit wesentlich höheren Auflösungen als mit einem Tablet-Gerät verwendet werden.

Ein letzter Unterschied ist das Spektrum der Technologien, die der Plattform zur Verfügung stehen. Wie wir alle wissen, unterstützt das iPad kein Flash (oder jede Art von Plugin-basierter Web-Technologie), was bedeutet, dass einige Ihrer Optionen begrenzt sind. Apples empfohlener Pfad ist HTML5, das von vielen großen Diensten für Videoinhalte übernommen wird.

Bevor wir uns mit dem Hauptinhalt des Artikels befassen, sollte ich beachten, dass ich mit dem iPad schreibe. Während es viele verschiedene Tablets gibt, ist das iPad klarer Marktführer und daher eines der wichtigsten, das zu berücksichtigen ist. Während ich mich auf das iPad beziehe, kann das meiste, was wir besprechen, auf jedes 10-Zoll-Tablet angewendet werden.


Die Perspektive des Designers

Beim Betrachten von WordPress auf Tablets müssen zwei wichtige Aspekte berücksichtigt werden. Der erste ist der Designer, der das Front-End eines WordPress-Blogs und dessen Benutzererfahrung gestaltet.

Tipps zur Optimierung Ihrer Designs

Wie wir anhand der starken Verkaufszahlen und des Marktanteils des iPads belegen können, muss die Plattform bei der Gestaltung ernst genommen werden. Bei WebDesignTuts + habe ich einen Artikel geschrieben, der sich mit dem Design für das Tablet befasst, und es wird empfohlen, es zu lesen, da dieselben Prinzipien für das WordPress-Design gelten. Lassen Sie uns ein paar dieser Optimierungstipps zusammenfassen…

  • Fingeroptimierte Navigation - Benutzer können mit der Fingerspitze nicht die gleiche Präzision erzielen wie mit einem Cursor. Daher sollten Webdesigns dies berücksichtigen. Wichtige Navigationselemente wie Menüs müssen in der Lage sein, die Finger von Personen aufzunehmen und müssen nicht stark zoomen, um nur auf den gewünschten Link zu tippen.
  • Halten Sie sich an Standards - Wie wir alle wissen, unterstützt das iPad kein Flash. Ob Sie denken, dass dies ein Vorteil oder ein Nachteil ist, wird nichts ändern. Daher müssen Sie dies in Ihrem Thema berücksichtigen. Vermeiden Sie die Verwendung von Flash und anderer Plugin-basierter Web-Technologie und entscheiden Sie sich für universellere Lösungen wie HTML5. Wenn Sie ein Design für einen Client entwerfen, möchten Sie möglicherweise erwägen, Services, von denen Sie wissen, dass sie kompatibel sind, wie YouTube, Kurzwahlcodes hinzuzufügen, sodass der Client dazu angehalten wird, keines dieser inkompatiblen Elemente zu einem späteren Zeitpunkt hinzuzufügen.
  • Erinnern Sie sich an mehrere Ausrichtungen - Tablets funktionieren in mehr als einer Ausrichtung, sodass Ihre Designs nicht nur mit einer Auflösung von 1024 x 768px auf einem iPad angezeigt werden, sondern auch mit 768 x 1024px. Sie sollten dies berücksichtigen und testen, wie sich Ihr Design anpasst, wenn ein Gerät gedreht wird.
  • Prüfung. Prüfung. Prüfung. - Eine der besten Möglichkeiten, Ihr Thema für ein Tablet zu optimieren, besteht darin, es tatsächlich auf einem Tablet zu testen. So bekommen Sie den besten Überblick darüber, wie gut Sie die Plattform für diese Plattform optimiert haben.

Solange Sie diese drei Punkte berücksichtigen, ist es wahrscheinlich, dass Ihr WordPress-Design die beste Position für den Verkehr mit Tablets hat.

Die Alternative: Tablet Sites und WordPress Plugins

Wenn Sie die oben genannten Punkte bei der Gestaltung Ihres nächsten Themas berücksichtigen, sollten Sie sich auf den Weg machen. Es gibt jedoch eine andere Alternative: Tablet-dedizierte Sites.

Sie haben wahrscheinlich eine Website auf Ihrem Smartphone besucht, auf der Ihnen nicht die reguläre, sondern eine verkleinerte mobile Website angezeigt wird. Dies ermöglicht Benutzern einen schnelleren Zugriff auf Inhalte auf einem kleineren Bildschirm und kann bestimmte Kernelemente der Benutzeroberfläche vergrößern oder anderweitig ändern, ohne das Erscheinungsbild des Desktops zu ändern. Es gibt eine Reihe von WordPress-Plugins, die dies für Sie erledigen, einschließlich WPtouch.

Ich gehe immer wieder hin und her, ob ich denke, dass nur Tablettdesigns eine gute Idee sind. Es gibt Vor- und Nachteile. Eine Tablet-Site würde es Ihnen ermöglichen, das Gerät für ein bestimmtes Gerät richtig zu optimieren und zu entwerfen, ohne gleichzeitig andere Plattformen aufnehmen zu müssen. Dies bedeutet jedoch, dass Ihr Design von Gerät zu Gerät unterschiedlich ist, sodass das, was ein Benutzer auf seinem Desktop für zutreffend hält, nicht unbedingt gilt, wenn Sie auf einem Tablet surfen. Auf dem Handy ist dies nicht so wichtig, da wir nicht davon ausgehen, dass es mit einem Desktop identisch ist. Bei einem viel größeren Tablet ist dies jedoch eine andere Geschichte.

Wie WPtouch und andere mobile Design-Plugins gibt es eine Reihe von WordPress-Plugins, die ein optimiertes Design für Tablet-Besucher ermöglichen. Onswipe ist ein solches Plugin.

Die WordPress.com-Fallstudie

WordPress.com hat im März die Integration des Onswipe-Plugins auf allen gehosteten Websites eingeführt, was ein ziemlich mutiger Schritt war. Onswipe erkennt, wenn ein Benutzer mit einem iPad auf der Website surft, und zeigt ein völlig anderes Design an, das für die Plattform besser optimiert ist.


Eine Beispielseite, die das Onswipe-Design verwendet.

Das iPad-optimierte Design sieht aus wie eine Zeitschrift, egal welche Art von Inhalten Ihr Blog veröffentlicht. Es funktioniert so gut mit einer Handvoll schöner Animationen, die sich fast wie eine native App anfühlen. Die Lösung eignet sich jedoch nicht für alle Blogs. Aufgrund des visuellen Unterschieds zum gewählten Blogger-Thema fühlt sie sich unverbunden und distanziert sich von Ihrem ursprünglichen Design.

Während die Schritte, die WordPress.com unternommen hat, zeigen, dass sie die Plattform ernsthaft in Betracht ziehen, ist mir die Idee, meine Besucher mit einem völlig anderen Thema zu präsentieren, das abgesehen von den Inhalten keine Verbindung zu meinem ursprünglichen Blog zeigt, nicht zu groß.


Die Perspektive des Bloggers

Ich verbringe einen großen Teil meines Tages im WordPress-Dashboard auf verschiedenen Websites. Ich versuche auch, mein iPad viel mehr als Schreibwerkzeug zu verwenden, wenn ich nicht an meinem Schreibtisch bin, aber bis vor kurzem gab es beim Dashboard viele Probleme, wenn ich die beiden gleichzeitig machen wollte. Glücklicherweise gibt es eine Reihe von nativen iPad-Apps, die neben WordPress auch ein Dashboard unterstützen, das kürzlich mit Optimierungen für Tablets aktualisiert wurde. Werfen wir einen Blick auf die Blogger-Perspektive von WordPress auf Tablets…

Das WordPress 3.3-Dashboard

WordPress Version 3.3 enthielt "responsives Design für einige Bildschirme, einschließlich Unterstützung für iPad / Tablet", ein Update, auf das ich mich sehr freute.

Das WordPress-Dashboard sieht viel besser aus und reagiert auf meinem iPad mit 3.3 im Vergleich zu früheren Versionen deutlich besser. Eine der wichtigsten Änderungen betrifft den Post-Editor, in dem Blogger nicht mehr nur auf die HTML-Ansicht beschränkt sind. Wenn Sie mit einer virtuellen Tastatur zufrieden sind, ist das Erstellen von Beiträgen im Editor auf einem Tablet ein Kinderspiel. Sie können problemlos umfangreiche Artikel schreiben, einschließlich der Modalwerkzeuge zum Einfügen oder Verknüpfen von Bildern.

Tablet-Apps

Die Alternative zur Verwendung des neu aktualisierten, reaktionsschnellen Dashboards ist die Verwendung einer auf Ihrem Tablet verfügbaren nativen App. Das iPad hat einige, einschließlich der offiziellen WordPress-App.

Die offizielle WordPress-App ist mit den letzten Aktualisierungen sehr weit gekommen, und ich kann gerne einen Beitrag darin verfassen. Es handelt sich jedoch um eine einfachere "gedämpfte" Schnittstelle, der einige grundlegende Funktionen fehlen, wie z. B. der Zugriff auf die Medienbibliothek Ihres Blogs oder die Möglichkeit, ein gekennzeichnetes Bild hinzuzufügen.

Wenn Sie nach etwas anderem als der üblichen alten WordPress-App suchen, gibt es eine Handvoll großartiger Editoren. Blogsy ist eine sehr schöne WordPress-iPad-App, die ich auf iPad.AppStorm mit 9/10 bewertet habe. Es gibt auch einige fantastische Statistik-Apps wie Ego, mit denen Sie die Analysedaten Ihrer WordPress-Site durchsuchen können.

Können wir das Tablet ernst nehmen??

Während Sie wahrscheinlich eine Kombination aus nativen Apps oder das WordPress-Dashboard in Ihrem Browser verwenden, ist das Tablet sicherlich ein Produkt zur Produktivitätssteigerung. Das Konzept, sich mit einem dünnen Tablet zurückzulehnen, anstatt an einem Schreibtisch auf einer Tastatur zu tippen, ist wahrscheinlich den meisten vorzuziehen, aber ich denke, Sie werden mehr Zeit damit verbringen, Aufgaben auf einem Tablet zu erledigen als auf einem Desktop-Gerät ( oder zumindest mache ich).

Um die Frage zu beantworten, denke ich definitiv, dass wir das Tablet ernst nehmen können, insbesondere wenn Sie es mit Zubehör wie einer drahtlosen Tastatur und einem Dock oder Ständer verbinden. Es ist jedoch immer noch ein paar Schritte von einem einzigen Blog-Verwaltungsgerät entfernt.


Abschließende Gedanken

Tablets werden immer beliebter und die Benutzer werden sie sowohl für den Verbrauch als auch für die Erstellung verwenden. Theme-Designer müssen dies berücksichtigen und beginnen, Lösungen zu entwickeln, die Websites für den touchbasierten Konsum optimieren, während Urheber von Inhalten, die von ihrem iPad aus bloggen möchten, die Optionen in ihrem Browser und im App Store prüfen sollten.

Verwenden Sie Ihr Tablet (iPad oder anderes) zum Bloggen? Wenn ja, wie machst du das? Haben Sie kürzlich ein WordPress-Theme entworfen, bei dem die Tablets stark berücksichtigt wurden? Teilen Sie Ihre Gedanken, Tipps und Kommentare unten mit.