WordPress och Tabletter Optimera nu och titta på framtiden

Tabletter blir allt populärare eftersom varje dag passerar och fler människor vänder sig till dem för konsumtion av webbaserat innehåll. Över Tuts + har vi redan diskuterat i flera artiklar hur man utformar med dessa nya surfplattor i åtanke. Idag ska vi återgå till ämnet betraktat tablettdesign och titta på det i samband med WordPress.


Ska vi bry oss?

Innan vi ens tittar på att designa och optimera för tabletter, bör vi först titta på huruvida vår tid ska bäst användas.

Nyligen blev det avslöjat att Apple rymmer ungefär en fjärdedel av hela datorns marknad, men bara om iPad tas med i beräkningen. Medan Apple ännu inte är redo att meddela kvartalet, väntar analytiker att Apple ska rapportera rekord iPad-försäljning från någonstans mellan 11,7 och 19,5 miljoner enheter. Det är ett ganska stort antal, och det visar kvart i kvartalet tillväxt, vilket betyder att tablettförsäljningen blir allt viktigare.

Förhoppningsvis hur märkvärdigt iPad är, inte bara av sig själv utan som en del av hela datorindustrin, är en indikation på hur seriöst designers ska ta plattformen. Plus, som designers och utvecklare skapar teman för WordPress, borde vi ta extra notering, med tanke på hur många olika bloggar programvarans befogenheter.


Förstå skillnaderna

Innan vi dyker in på hur vi ska börja ta tabletten bättre - både från en designer och en bloggares perspektiv - borde vi verkligen förstå hur en tablett skiljer sig från en traditionell datorupplevelse.

Den största och mest uppenbara är metoden för inmatning, som främst berörs av en tablett istället för markörstyrd. Detta kommer att innebära stora skillnader i den precisionsnivå som en användare har över en webbplats, eftersom fingertoppen är mycket större än spetsen på en markör.

Upplösning är en annan skillnad, vilket är betydligt mindre på tabletter än på datorer. IPad har en upplösning på 1024 x 768px och om vi tittar tillbaka på några siffror från förra året besökte endast 3,54% besökare en upplösning av den storleken. De mest populära storlekarna var 1680 x 1050px, 1280x800px och 1440x900px, vilket är mycket större än iPad: n. Detta berättar att traditionella datorer används vid mycket högre upplösningar än en tablettenhet.

En sista skillnad är det utbud av teknik som finns till plattformen. Som vi alla vet stöder iPad inte Flash (eller någon form av pluginbaserad webbteknologi för den delen), vilket innebär att några av dina alternativ är begränsade. Apples rekommenderade sökväg är HTML5, som många stora tjänster har börjat anta för videoinnehåll.

Innan vi kommer in i huvudinnehållet i artikeln bör jag notera att jag skriver med iPad i åtanke. Medan det finns många olika tabletter, är iPad den tydliga marknadsledaren och är därför en av de viktigaste att ta hänsyn till. Medan jag kommer att referera till iPad, kan det mesta av vad vi diskuterar appliceras på någon ~ 10 "tablett.


Designerens perspektiv

Det finns två viktiga perspektiv att överväga när man tittar på WordPress på tabletter. Det första är det hos designern, som utformar framsidan av ett WordPress-blogg och användarupplevelsen av det.

Tips för att optimera dina design

Som vi har framgått av iPad: s starka försäljningsnummer och marknadsandelar, är plattformen något som måste ses seriöst vid utformningen. På WebDesignTuts + skrev jag en artikel som tittar på att designa med tabletten i åtanke, och det rekommenderas att läsa eftersom samma principer gäller för WordPress-design. Låt oss bara ta reda på några av dessa optimeringstips ...

  • Fingeroptimerad navigering - Användare kan inte uppnå samma grad av precision med fingertoppen som de kan med en markör, så webbdesign ska rymma detta. Viktiga navigationselement som menyer måste kunna rymma någons finger och inte kräva att de zoomar in kraftigt bara för att trycka på önskad länk.
  • Hålla sig till standarderna - Som vi alla säkert vet, stöder iPad inte Flash. Oavsett om du tycker att det här är en fördel eller en nackdel, kommer det inte att förändras något så att du kommer att behöva ta emot detta i ditt tema. Undvik att använda Flash och annan plugin-baserad webbteknologi, istället välja mer universella lösningar som HTML5. Om du utformar ett tema för en klient kanske du vill överväga att lägga till kortnummer på tjänster som du vet är kompatibla, till exempel YouTube, så uppmanas kunden att inte inkludera några av dessa inkompatibla element senare.
  • Kom ihåg flera riktningar - Tabletter fungerar i mer än en orientering så att dina teman inte bara ses i en 1024 x 768 px upplösning på en iPad, men också en mycket tunnare 768 x 1024px. Du bör ta hänsyn till detta och testa hur din design kommer att anpassa sig när en enhet roteras.
  • Testa. Testa. Testa. - Ett av de bästa sätten att optimera ditt tema för en tablett är att faktiskt testa det på en tablett. Genom att göra så får du det bästa förstå hur bra du har optimerat den för den plattformen.

Så länge du tar hänsyn till dessa tre punkter, är det troligt att ditt WordPress-tema kommer att vara det bästa stället att hantera tablettbaserad trafik.

Alternativ: Tabletterminaler och WordPress-plugin

Om du beaktar de ovan nämnda punkterna när du utformar ditt nästa tema bör du vara bra att gå. Det finns dock ett annat alternativ: tabletter dedikerade webbplatser.

Du har säkert besökt en webbplats på din smartphone där du presenteras inte med den vanliga webbplatsen, utan istället en nedskalad, mobil en. Detta ger användarna snabbare tillgång till innehåll på en mindre skärm, samtidigt som de kan förstora eller på annat sätt ändra vissa kärna gränssnittselement utan att ändra utseendet på skrivbordet. Det finns ett antal WordPress-plugins som gör det här för dig, inklusive WPtouch.

Jag fortsätter fram och tillbaka om jag tycker att tablett-bara mönster är en bra idé; det finns fördelar och nackdelar. En tablett webbplats skulle göra det möjligt för dig att optimera och designa för en viss enhet, och behöver inte försöka tillgodose andra plattformar samtidigt. Det innebär dock att din design kommer att vara annorlunda över enheter, så vad en användare kan hitta tillämplig på skrivbordet kommer inte nödvändigtvis att gälla när de surfar på en surfplatta. Det spelar ingen roll så mycket på mobil eftersom vi inte förväntar oss att det är detsamma som ett skrivbord, men det är en annan historia för den mycket större tabletten.

Som WPtouch och andra mobila templuggar finns det ett antal WordPress-plugins som möjliggör ett optimerat tema för tablet-besökare. Onswipe är ett sådant plugin.

WordPress.com fallstudie

WordPress.com lanserade i mars integration med Onswipe-pluginet på alla sina värdwebbplatser, vilket var en ganska fet flyttning. Onswipe upptäcker när en användare surfar på sidan med en iPad och visar ett helt annat tema, en som sägs vara bättre optimerad för plattformen.


Ett exempel på webbplatsen med temat Onswipe.

Det iPad-optimerade temat är utformat för att se ut som en tidning, oavsett vilken typ av innehåll din blogg publicerar. Det gör så bra med en handfull fina animeringar som kastas där för att få det att känna sig nästan som en inbyggd app. Lösningen passar dock inte alls för varje blogg och den visuella skillnaden för bloggarens valda tema gör att den känns oskränkt och distanserar den från din ursprungliga design.

Medan de steg som WordPress.com har tagit visar att de överväger plattformen på allvar, är jag bara inte för angelägen om att presentera mina besökare med ett helt annat tema som inte visar någon koppling till min ursprungliga blogg, förutom innehållet.


Bloggerperspektivet

Jag spenderar mycket av min dag i WordPress-instrumentpanelen över ett antal webbplatser. Jag försöker också använda min iPad mycket som ett skrivverktyg medan jag är borta från mitt skrivbord, men tills nyligen har instrumentpanelen lämnat mig med många problem när jag försökte göra de två på en gång. Lyckligtvis finns det ett antal infödda iPad-appar som fungerar med WordPress utöver en instrumentpanel som nyligen uppdaterats med optimeringar för tabletter. Låt oss ta en titt på bloggarens perspektiv på WordPress på tabletter ...

WordPress 3.3 Dashboard

WordPress Version 3.3 inkluderade "responsiv design för vissa skärmar, inklusive iPad / Tablet support", en uppdatering jag var väldigt glad att se.

WordPress instrumentbräda ser mycket bättre ut och är mycket mer responsiv på min iPad med 3,3 jämfört med tidigare versioner. En av de viktigaste förändringarna är i postredigeraren, där bloggare inte längre är begränsade till bara HTML-vyn. Om du är nöjd med ett virtuellt tangentbord är det enkelt att skriva inlägg i redigeraren på en surfplatta. Du kan enkelt skriva ut omfattande artiklar, bland annat med hjälp av de modala verktygen för bildinsättning eller länkning.

Tablet Apps

Alternativet att helt enkelt använda den nyuppdaterade, responsiva instrumentpanelen är att använda en inbyggd app som är tillgänglig på din surfplatta. IPad har en hel del, inklusive den officiella WordPress-appen.

Den officiella WordPress-appen har kommit långt med senaste uppdateringar, och jag kan gärna skriva ett inlägg i det. Det är dock ett enklare, "dumbed down" -gränssnitt som saknar några grundläggande funktioner som tillgång till din blogg mediebibliotek eller möjligheten att lägga till en utvald bild.

Om du letar efter något annat än den vanliga gamla WordPress-appen finns det en handfull stora redaktörer tillgängliga. Blogsy är en väldigt trevlig WordPress iPad app som jag gav en 9/10 när jag granskade den på iPad.AppStorm. Det finns också några fantastiska statistikappar som Ego, som låter dig bläddra i WordPress-webbplatsens analysdata.

Kan vi ta tabletten allvarligt?

Medan du antagligen kommer att sluta använda en kombination av inbyggda appar eller WordPress-instrumentpanelen i din webbläsare, är surfplattan verkligen en produktivitetsenhet. Konceptet att sitta tillbaka med bara en tunn tablett istället för att skrivbordet skriver på ett tangentbord är förmodligen mest förmånligt, men jag tror att du kommer att finna dig mer tid att utföra uppgifter på en surfplatta än på en stationär enhet ( eller åtminstone gör jag det).

För att svara på frågan tror jag definitivt att vi kan ta tabletten allvarligt, speciellt om du kopplar den med tillbehör som ett trådlöst tangentbord och en docka eller stativ. Det är dock fortfarande några steg bort från att bli en enda blogghanteringsenhet.


Slutgiltiga tankar

Tabletter blir populära och användarna kommer att leta efter att använda dem för både konsumtion och skapande. Tema designers behöver ta hänsyn till detta och börja omhänderta lösningar som optimerar webbplatser för kontaktbaserad konsumtion, medan innehållsskapare som vill blogga från sin iPad bör börja utvärdera alternativen i deras webbläsare och från App Store.

Använder du din surfplatta (iPad eller annan) för bloggar? Om så är fallet, hur gör du det? Har du tagit fram ett WordPress-tema som nyligen tagits tabletter i starkt övervägande? Dela dina tankar, tips och kommentarer nedan.