WordPress en tablets nu optimaliseren en naar de toekomst kijken

Tablets worden steeds populairder naarmate elke dag verstrijkt en meer mensen wenden zich tot hen voor de consumptie van web-gebaseerde inhoud. Across Tuts + hebben we in verschillende artikelen al besproken hoe je met deze nieuwe tablets in gedachten moet houden. Vandaag gaan we het onderwerp tabletontwerp opnieuw bekijken en bekijken in de context van WordPress.


Moeten we iets schelen?

Voordat we zelfs kijken naar het ontwerpen en optimaliseren van tablets, moeten we eerst kijken of onze tijd daar het best aan besteed kan worden.

Onlangs werd bekend dat Apple ongeveer een kwart van de gehele computermarkt in handen heeft, maar alleen als rekening wordt gehouden met de iPad. Hoewel Apple op het moment van schrijven nog niet bekend is met de inkomsten van het vorige kwartaal, verwachten analisten dat Apple de verkoop van iPad-platen meldt tussen 11,7 en 19,5 miljoen stuks. Dat is een behoorlijk groot aantal en het laat een kwartaal-op-kwartaalgroei zien, wat betekent dat tabletverkopen steeds belangrijker worden.

Hopelijk is de iPad, niet alleen op zichzelf maar als onderdeel van de hele computerindustrie, een indicatie voor hoe serieus ontwerpers het platform moeten nemen. Plus, als ontwerpers en ontwikkelaars thema's maken voor WordPress, moeten we extra notitie nemen, rekening houdend met het aantal verschillende blogs dat de software ondersteunt.


De verschillen begrijpen

Voordat we ingaan op de vraag hoe we de tablet beter moeten gaan gebruiken, zowel vanuit het oogpunt van een ontwerper als een blogger, moeten we echt begrijpen hoe een tablet verschilt van een traditionele computerervaring.

De grootste en meest voor de hand liggende is de invoermethode, die voornamelijk op aanraking is gebaseerd op een tablet in plaats van cursorgestuurd. Dit gaat grote verschillen betekenen in de mate van precisie die een gebruiker heeft bij het zien van een website, omdat de punt van uw vinger een stuk groter is dan de punt van een cursor.

Resolutie is een ander verschil, dat aanzienlijk kleiner is op tablets dan op computers. De iPad heeft een resolutie van 1024 x 768 px en als we terugblikken op enkele cijfers van vorig jaar, bezocht slechts 3,54% van de bezoekers op een resolutie van die omvang. De meest populaire formaten waren 1680 x 1050 px, 1280 x 800 px en 1440 x 900 px, die een stuk groter zijn dan die van de iPad. Dit vertelt ons dat traditionele computers worden gebruikt met veel hogere resoluties dan een tablet.

Een laatste verschil is het scala aan beschikbare technologieën voor het platform. Zoals we allemaal weten, ondersteunt de iPad Flash (of een andere op plug-ins gebaseerde webtechnologie) niet, wat betekent dat sommige van je opties beperkt zijn. Het aanbevolen pad van Apple is HTML5, waarmee veel belangrijke services zijn begonnen voor video-inhoud.

Voordat we ingaan op de hoofdinhoud van het artikel, moet ik opmerken dat ik schrijf met de iPad in gedachten. Hoewel er veel verschillende tablets beschikbaar zijn, is de iPad duidelijk marktleider en daarom een ​​van de belangrijkste om rekening mee te houden. Hoewel ik het over de iPad heb, kan het meeste van wat we bespreken op elke ~ 10 "-tablet worden toegepast.


Het perspectief van de ontwerper

Er zijn twee belangrijke perspectieven om te overwegen bij het kijken naar WordPress op tablets. De eerste is die van de ontwerper, die de voorkant van een WordPress-blog ontwerpt en de gebruikerservaring ervan.

Tips voor het optimaliseren van uw ontwerpen

Zoals we hebben aangetoond door de sterke verkoopcijfers en het marktaandeel van de iPad, is het platform iets dat serieus moet worden bekeken bij het ontwerpen. Bij WebDesignTuts + heb ik een artikel geschreven over ontwerpen met het tablet in gedachten, en het is aan te raden om te lezen omdat dezelfde principes van toepassing zijn op WordPress-ontwerp. Laten we een paar van deze optimalisatietips samenvatten ...

  • Vingergeoptimaliseerde navigatie - Gebruikers kunnen niet dezelfde mate van precisie bereiken met de punt van hun vinger als met een cursor, dus webontwerpen moeten hier rekening mee houden. Belangrijke navigatie-elementen zoals menu's moeten in staat zijn om iemands vinger te accommoderen en niet te vereisen dat ze zwaar inzoomen om op hun gewenste link te tikken.
  • Blijf bij standaarden - Zoals we allemaal zeker weten, ondersteunt de iPad Flash niet. Of je denkt dat dit een voordeel of nadeel is, zal niets veranderen, dus je zult dit moeten accommoderen in je thema. Vermijd het gebruik van Flash en andere op plug-ins gebaseerde webtechnologie, maar kies voor meer universele oplossingen zoals HTML5. Als u een thema voor een klant ontwerpt, kunt u overwegen om shortcodes toe te voegen aan services waarvan u weet dat ze aan de vereisten voldoen, zoals YouTube, dus de klant wordt aangemoedigd om een ​​van deze incompatibele elementen niet op een later tijdstip op te nemen.
  • Onthoud meerdere richtingen - Tabletten werken in meer dan één oriëntatie, zodat uw thema's niet alleen worden weergegeven in een resolutie van 1024 x 768 px op een iPad, maar ook een veel dunner 768 x 1024 px. Houd hier rekening mee en test hoe uw ontwerp zal worden aangepast wanneer een apparaat wordt geroteerd.
  • Test. Test. Test. - Een van de beste manieren om uw thema voor een tablet te optimaliseren, is door het daadwerkelijk op een tablet te testen. Door dit te doen, krijgt u het beste inzicht in hoe goed u het voor dat platform hebt geoptimaliseerd.

Zolang u rekening houdt met deze drie punten, is het waarschijnlijk dat uw WordPress-thema de beste positie heeft om het van tablets afkomstige verkeer te verwerken.

Het alternatief: tabletsites en WordPress-plug-ins

Als je de bovengenoemde punten in overweging neemt bij het ontwerpen van je volgende thema, zou je goed moeten zijn om te gaan. Er is echter nog een alternatief: op tablets gerichte sites.

U hebt waarschijnlijk een site op uw smartphone bezocht waar u niet de normale site krijgt aangeboden, maar in plaats daarvan een verkleinde, mobiele site. Dit biedt gebruikers een snellere toegang tot inhoud op een kleiner scherm, terwijl ze bepaalde kerninterface-elementen kunnen vergroten of anderszins wijzigen zonder het uiterlijk van het bureaublad te veranderen. Er zijn een aantal WordPress-plug-ins die dit voor u doen, inclusief WPtouch.

Ik blijf heen en weer gaan of ik denk dat tablets alleen ontwerpen een goed idee zijn; er zijn voor- en nadelen. Met een tabletsite kunt u het apparaat op de juiste manier optimaliseren en ontwerpen voor een specifiek apparaat en niet tegelijkertijd proberen andere platforms te gebruiken. Het betekent echter dat uw ontwerp op verschillende apparaten anders zal zijn, dus wat een gebruiker op zijn bureaublad van toepassing zou kunnen vinden, is niet noodzakelijk van toepassing wanneer ze op een tablet browsen. Dit maakt niet zo veel uit op mobiel omdat we niet verwachten dat dit hetzelfde is als een desktop, maar het is een ander verhaal voor de veel grotere tablet.

Net als WPtouch en andere mobiele thema-plug-ins, zijn er een aantal WordPress-plug-ins die een geoptimaliseerd thema voor tabletbezoekers mogelijk maken. Onswipe is zo'n plug-in.

De case study van WordPress.com

WordPress.com lanceerde in maart de integratie met de Onswipe-plugin op al hun gehoste sites, wat een vrij gewaagde zet was. Onswipe detecteert wanneer een gebruiker de site doorbladert met een iPad en geeft een heel ander thema weer, waarvan men zegt dat deze beter is geoptimaliseerd voor het platform.


Een voorbeeldsite met het thema Onswipe.

Het iPad-geoptimaliseerde thema is ontworpen om eruit te zien als een tijdschrift, ongeacht het soort inhoud dat uw blog publiceert. Het doet het zo goed met een handvol leuke animaties die erin worden gegooid om het bijna als een native app te laten voelen. De oplossing is echter helemaal niet geschikt voor elk blog en het visuele verschil met het gekozen thema van de blogger zorgt ervoor dat het zich niet verbonden voelt, het distantieert van het originele ontwerp.

Hoewel de stappen die WordPress.com heeft genomen laten zien dat ze het platform serieus overwegen, ben ik er gewoon niet zo happig op om mijn bezoekers een heel ander thema te geven dat geen verband houdt met mijn oorspronkelijke blog, afgezien van de inhoud.


Het perspectief van de blogger

Ik besteed veel van mijn dag in het WordPress-dashboard op een aantal sites. Ik probeer ook mijn iPad veel meer als schrijfhulpmiddel te gebruiken terwijl ik niet op mijn bureau zit, maar tot voor kort had het dashboard veel problemen met me wanneer ik de twee tegelijk probeerde te doen. Gelukkig zijn er een aantal native iPad-apps die met WordPress werken, naast een dashboard dat onlangs is bijgewerkt met optimalisaties voor tablets. Laten we eens kijken naar het perspectief van de blogger van WordPress op tablets ...

Het Dashboard van WordPress 3.3

WordPress versie 3.3 bevatte "responsief ontwerp voor sommige schermen, inclusief iPad / tablet-ondersteuning", een update die ik heel graag wilde zien.

Het WordPress-dashboard ziet er veel beter uit en reageert veel sneller op mijn iPad met 3.3 in vergelijking met eerdere versies. Een van de belangrijkste wijzigingen is in de berichteditor, waar bloggers niet langer beperkt zijn tot alleen de HTML-weergave. Als u tevreden bent met een virtueel toetsenbord, is het schrijven van berichten in de editor op een tablet een fluitje van een cent. U kunt eenvoudig uitgebreide artikelen schrijven, waaronder het gebruik van modale hulpmiddelen voor het invoegen of koppelen van afbeeldingen.

Tablet-apps

Het alternatief voor het eenvoudig gebruiken van het pas bijgewerkte, responsieve dashboard is om een ​​native app te gebruiken die beschikbaar is op uw tablet. De iPad heeft nogal wat, waaronder de officiële WordPress-app.

De officiële WordPress-app is ver gekomen met recente updates en ik kan hier graag een bericht in schrijven. Het is echter een eenvoudiger "dumbed down" -interface die enkele fundamentele functies mist, zoals toegang tot de mediabibliotheek van uw blog of de mogelijkheid om een ​​uitgelichte afbeelding toe te voegen.

Als u op zoek bent naar iets anders dan de standaard oude WordPress-app, zijn er een handvol geweldige editors beschikbaar. Blogsy is een erg leuke WordPress iPad-app die ik een 9/10 gaf toen ik deze op iPad beoordeelde.AppStorm. Er zijn ook enkele fantastische statistieken-apps zoals Ego, waarmee je door de Analytics-gegevens van je WordPress-site kunt bladeren.

Kunnen we de tablet serieus nemen?

Hoewel u waarschijnlijk uiteindelijk een combinatie van native apps of het WordPress-dashboard in uw browser zult gebruiken, is de tablet zeker een productiviteitsapparaat. Het idee om achterover te leunen met slechts een dunne tablet in plaats van aan een bureau op een toetsenbord weg te typen, heeft waarschijnlijk de voorkeur, maar ik denk dat je meer tijd zult besteden aan het uitvoeren van taken op een tablet dan op een desktopapparaat ( of tenminste, dat doe ik).

Om de vraag te beantwoorden, denk ik dat we de tablet serieus kunnen nemen, vooral als je hem combineert met accessoires zoals een draadloos toetsenbord en een dock of standaard. Het is echter nog steeds een paar stappen verwijderd om een ​​zelfstandig blogbeheersysteem te worden.


Laatste gedachten

Tablets worden populair en gebruikers zullen ernaar streven om ze te gebruiken voor zowel consumptie als creatie. Themadesigners moeten hiermee rekening houden en oplossingen omarmen die sites optimaliseren voor op aanraking gebaseerd verbruik, terwijl contentmakers die van hun iPad willen bloggen, de opties in hun browser en in de App Store moeten gaan evalueren..

Gebruik je je tablet (iPad of andere) om te bloggen? Zo ja, hoe doe je dat? Hebt u onlangs een WordPress-thema ontworpen dat rekening houdt met tablets? Deel hieronder je gedachten, tips en opmerkingen.