WordPress e tablet ottimizzare ora e guardare al futuro

I tablet diventano sempre più popolari man mano che passa ogni giorno e sempre più persone si rivolgono a loro per il consumo di contenuti basati sul Web. Across Tuts +, abbiamo già discusso in diversi articoli su come progettare pensando a questi nuovi tablet. Oggi rivedremo l'argomento del design tablet considerato e lo guarderemo nel contesto di WordPress.


Dovremmo preoccuparci?

Prima ancora di pensare alla progettazione e all'ottimizzazione per i tablet, dovremmo prima capire se il nostro tempo dovrebbe essere speso meglio in questo modo.

Proprio di recente, è stato rivelato che Apple detiene circa un quarto dell'intero mercato dei computer, ma solo se l'iPad è stato preso in considerazione. Mentre, al momento di scrivere, Apple deve ancora annunciare i guadagni dell'ultimo trimestre, gli analisti si aspettano che Apple riferisca vendite record di iPad da qualche parte tra 11,7 e 19,5 milioni di unità. È un numero piuttosto grande, e mostra una crescita su base trimestrale, il che significa che le vendite di tablet stanno diventando sempre più significative.

Speriamo che l'iPad sia degno di nota, non solo di per sé, ma come parte dell'intera industria dei computer, è un'indicazione su quanto seriamente i designer dovrebbero prendere la piattaforma. Inoltre, come designer e sviluppatori che creano temi per WordPress, dovremmo prendere nota in più, considerando il numero di blog che il software gestisce.


Capire le differenze

Prima di addentrarci nel considerare come dovremmo iniziare a prendere in considerazione il tablet - sia dal punto di vista del designer che di un blogger - dovremmo davvero capire come un tablet differisce da un'esperienza di elaborazione tradizionale.

Il più grande e ovvio è il metodo di input, essendo principalmente basato sul tocco su un tablet invece che sul controllo del cursore. Ciò significherebbe grandi differenze nel livello di precisione che un utente ha su un sito Web visto che la punta del dito è molto più grande della punta di un cursore.

La risoluzione è un'altra differenza, essendo notevolmente più piccola su tablet che su computer. L'iPad ha una risoluzione di 1024 x 768 px e se guardiamo indietro ad alcuni dati dello scorso anno, solo il 3,54% dei visitatori ha visitato una risoluzione di tale dimensione. Le dimensioni più popolari erano 1680 x 1050px, 1280 x 800px e 1440 x 900px, che sono molto più grandi di quelle dell'iPad. Questo ci dice che i computer tradizionali vengono utilizzati con risoluzioni molto più elevate di un tablet.

Un'ultima differenza è la gamma di tecnologie disponibili per la piattaforma. Come tutti sappiamo, l'iPad non supporta Flash (o qualsiasi tipo di tecnologia web basata su plugin), il che significa che alcune opzioni sono limitate. Il percorso consigliato da Apple è HTML5, che molti importanti servizi hanno iniziato ad adottare per i contenuti video.

Prima di entrare nel contenuto principale dell'articolo, dovrei notare che sto scrivendo pensando all'iPad. Sebbene siano disponibili molti tablet diversi, l'iPad è il leader del mercato ed è, quindi, uno dei più importanti da prendere in considerazione. Mentre mi riferisco all'iPad, la maggior parte di ciò che discutiamo può essere applicata a qualsiasi tablet da 10 ".


La prospettiva del progettista

Ci sono due punti di vista importanti da considerare quando si guarda WordPress su tablet. Il primo è quello del designer, che sta progettando il front-end di un blog WordPress e l'esperienza utente di esso.

Suggerimenti per ottimizzare i tuoi disegni

Come abbiamo dimostrato dai forti numeri di vendita e quota di mercato dell'iPad, la piattaforma è qualcosa che deve essere seriamente esaminata durante la progettazione. A WebDesignTuts +, ho scritto un articolo sulla progettazione pensando al tablet, ed è una lettura consigliata poiché gli stessi principi si applicano al design di WordPress. Ricapitoliamo alcuni di questi suggerimenti per l'ottimizzazione ...

  • Navigazione ottimizzata per le dita - Gli utenti non possono raggiungere lo stesso grado di precisione con la punta del dito come possono con un cursore, quindi i progetti web dovrebbero adattarsi a questo. Gli elementi di navigazione chiave come i menu devono essere in grado di accogliere il dito di qualcuno e non richiedono loro di ingrandire molto semplicemente per toccare il collegamento desiderato.
  • Attenersi agli standard - Come tutti sappiamo sicuramente, l'iPad non supporta Flash. Se pensi che questo sia un vantaggio o uno svantaggio non cambierà nulla, quindi dovrai adattarlo al tuo tema. Evita l'uso di Flash e di altre tecnologie web basate su plugin, optando invece per soluzioni più universali come HTML5. Se stai progettando un tema per un cliente, potresti prendere in considerazione l'aggiunta di codici brevi ai servizi che conosci come conformi, come YouTube, quindi il cliente è incoraggiato a non includere nessuno di questi elementi incompatibili in una data successiva.
  • Ricorda più orientamenti - Le tavolette funzionano in più di un orientamento in modo che i tuoi temi non vengano visualizzati solo in una risoluzione di 1024 x 768 pixel su un iPad, ma anche in un 768 x 1024 pixel molto più sottile. Dovresti tenerne conto e verificare come il tuo design si adatterà quando un dispositivo viene ruotato.
  • Test. Test. Test. - Uno dei modi migliori per ottimizzare il tema per un tablet è testarlo effettivamente su un tablet. In tal modo, avrai la migliore comprensione di quanto hai ottimizzato per quella piattaforma.

Finché prendi in considerazione questi tre punti, è probabile che il tuo tema WordPress sia nella posizione migliore per gestire il traffico generato da tablet.

L'alternativa: siti tablet e plugin WordPress

Se prendi in considerazione i suddetti punti durante la progettazione del tuo prossimo tema, dovresti essere pronto. Tuttavia, esiste un'altra alternativa: i siti dedicati ai tablet.

Probabilmente hai visitato un sito sul tuo smartphone in cui non sei presentato con il sito normale, ma in versione mobile, in scala ridotta. Ciò offre agli utenti un accesso più rapido ai contenuti su uno schermo più piccolo, pur essendo in grado di ingrandire o modificare in altro modo determinati elementi dell'interfaccia di base senza modificare l'aspetto del desktop. C'è un certo numero di plugin WordPress che lo faranno per te, incluso WPtouch.

Continuo ad andare avanti e indietro se penso che i disegni solo su tablet siano una buona idea; ci sono pro e contro. Un sito tablet consente di ottimizzare e progettare correttamente per un dispositivo specifico e non deve cercare di ospitare altre piattaforme contemporaneamente. Tuttavia, significa che il tuo design sarà diverso su tutti i dispositivi, quindi ciò che un utente potrebbe trovare applicabile sul desktop non si applica necessariamente quando naviga su un tablet. Non importa tanto sul cellulare perché non ci aspettiamo che sia uguale a un desktop, ma è una storia diversa per il tablet molto più grande.

Come WPtouch e altri plugin per tema mobile, c'è un certo numero di plugin WordPress che abiliteranno un tema ottimizzato per i visitatori di tablet. Onswipe è uno di questi plugin.

Il caso di studio di WordPress.com

WordPress.com a marzo ha lanciato l'integrazione con il plug-in Onswipe su tutti i siti ospitati, una mossa piuttosto audace. Onswipe rileva quando un utente sta esplorando il sito con un iPad e visualizza un tema completamente diverso, uno dei quali si dice che sia meglio ottimizzato per la piattaforma.


Un sito di esempio che utilizza il tema Onswipe.

Il tema ottimizzato per iPad è progettato per apparire come una rivista, qualunque sia il tipo di contenuto pubblicato dal tuo blog. Funziona così bene con una manciata di belle animazioni lanciate lì per farla sentire quasi come un'app nativa. Tuttavia, la soluzione non è per nulla adatta a tutti i blog e la differenza visiva rispetto al tema scelto dal blogger lo rende privo di connessione, allontanandolo dal tuo progetto originale.

Mentre i passi di WordPress.com hanno dimostrato che stanno prendendo seriamente in considerazione la piattaforma, non mi piace molto l'idea di presentare ai miei visitatori un tema completamente diverso che non mostra alcuna connessione al mio blog originale, a parte il contenuto.


The Blogger's Perspective

Trascorro gran parte della mia giornata nella dashboard di WordPress su numerosi siti. Sto anche cercando di usare il mio iPad molto più come strumento di scrittura mentre sono lontano dalla mia scrivania, ma, fino a poco tempo fa, il cruscotto mi ha lasciato molti problemi quando cercavo di fare i due in una volta. Fortunatamente, ci sono un certo numero di app native per iPad che funzionano con WordPress oltre a un dashboard che è stato recentemente aggiornato con ottimizzazioni per tablet. Diamo un'occhiata al punto di vista del blogger di WordPress su tablet ...

Il Dashboard di WordPress 3.3

WordPress versione 3.3 includeva "responsive design per alcuni schermi, incluso supporto per iPad / tablet", un aggiornamento che ero molto entusiasta di vedere.

Il dashboard di WordPress sembra molto migliore ed è molto più reattivo sul mio iPad con 3.3, rispetto alle versioni precedenti. Una delle modifiche più significative è nell'editor dei post, in cui i blogger non sono più limitati solo alla visualizzazione HTML. Se sei soddisfatto di una tastiera virtuale, comporre messaggi nell'editor su un tablet è un gioco da ragazzi. Puoi facilmente scrivere articoli estesi, incluso l'uso di strumenti modali per l'inserimento di immagini o il collegamento.

App per tablet

L'alternativa al semplice utilizzo del dashboard reattivo e aggiornato di recente consiste nell'utilizzare un'app nativa disponibile sul tablet. L'iPad ne ha parecchi, compresa l'app ufficiale di WordPress.

L'app ufficiale di WordPress è arrivata con aggiornamenti recenti, e posso tranquillamente comporre un post in esso. È, tuttavia, un'interfaccia più semplice, "smorzata", che manca di alcune funzionalità fondamentali come l'accesso al catalogo multimediale del tuo blog o la possibilità di aggiungere un'immagine in primo piano.

Se stai cercando qualcosa di diverso rispetto alla vecchia app standard di WordPress, c'è una manciata di grandi editori disponibili. Blogsy è una bellissima app per iPad WordPress che ho dato a 9/10 quando l'ho recensito su iPad.AppStorm. Esistono anche fantastiche app di statistiche come Ego, che ti permetteranno di esplorare i dati di analisi del tuo sito WordPress.

Possiamo prendere sul serio il tablet?

Mentre probabilmente finirai per utilizzare una combinazione di app native o il dashboard di WordPress nel tuo browser, il tablet è sicuramente un dispositivo di produttività. Il concetto di sedersi con una tavoletta sottile anziché una scrivania che digita su una tastiera è probabilmente preferenziale per la maggior parte, ma penso che ti ritroverai a trascorrere più tempo a svolgere attività su un tablet piuttosto che su un dispositivo desktop ( o almeno, lo faccio).

Per rispondere alla domanda, penso fermamente che possiamo prendere sul serio il tablet, specialmente se lo abbiniamo ad accessori come una tastiera wireless e un dock o un supporto. Tuttavia, è ancora a pochi passi dal diventare un unico dispositivo di gestione dei blog.


Pensieri finali

Le compresse stanno diventando popolari e gli utenti cercheranno di usarle sia per il consumo che per la creazione. I progettisti di temi devono tenerne conto e iniziare ad adottare soluzioni che ottimizzano i siti per il consumo basato sul tocco, mentre i creatori di contenuti che desiderano fare blog dal proprio iPad dovrebbero iniziare a valutare le opzioni nel proprio browser e dall'App Store.

Usi il tuo tablet (iPad o altro) per i blog? Se così, come fai a farlo? Hai recentemente progettato un tema WordPress che prende in considerazione i tablet? Condividi i tuoi pensieri, suggerimenti e commenti qui sotto.