WordPress și tablete Optimizarea acum și Privind spre viitor

Tabletele devin din ce în ce mai populare pe măsură ce trece fiecare zi și mai multe persoane se îndreaptă spre ele pentru consumul de conținut web. Across Tuts +, am discutat deja în mai multe articole cum să proiectăm cu aceste dispozitive noi de tabletă în minte. Astăzi, vom revizui subiectul proiectării comprimatelor examinate și vom examina în contextul WordPress.


Ar trebui să ne pese?

Înainte de a ne uita chiar la proiectarea și optimizarea pentru tablete, ar trebui să ne uităm mai întâi dacă timpul nostru ar trebui să fie cel mai bine cheltuit în acest sens.

Recent, sa descoperit că Apple deține aproximativ un sfert din întreaga piață de calculatoare, dar numai dacă iPad-ul a fost luat în considerare. În timp ce, la momentul scrierii, Apple a anunțat încă câștigurile din ultimul trimestru, analiștii așteaptă Apple să înregistreze vânzări iPad record de undeva între 11,7 și 19,5 milioane de unități. Acesta este un număr destul de mare și arată o creștere trimestrială, ceea ce înseamnă că vânzările de tablete devin din ce în ce mai semnificative.

Să sperăm că notabilitatea iPad-ului, nu numai din sine, ci ca parte a întregii industrii de computere, este o indicație a modului în care designerii ar trebui să ia platforma. În plus, în calitate de designeri și dezvoltatori care creează teme pentru WordPress, ar trebui să luăm notă suplimentară, având în vedere câte bloguri diferite au puterea software-ului.


Înțelegerea diferențelor

Înainte de a ne arunca cu capul în modul în care ar trebui să începem să luăm comprimatul în considerare mai bine - atât din perspectiva unui designer cât și a unui blogger - ar trebui să înțelegem cu adevărat modul în care o tabletă diferă de o experiență tradițională de calcul.

Cea mai mare și cea mai evidentă este metoda de intrare, fiind bazată în primul rând pe o tabletă în loc de cursor controlată. Aceasta va însemna diferențe mari în nivelul de precizie pe care un utilizator îl are pe un site văzând ca vârful degetului dvs. este mult mai mare decât vârful unui cursor.

Rezoluția este o altă diferență, fiind în mare măsură mai mică pe tablete decât pe computere. IPad-ul are o rezoluție de 1024 x 768 pixeli și dacă privim înapoi la unele cifre de anul trecut, doar 3,54% dintre vizitatori au vizitat o rezoluție de aceeași dimensiune. Cele mai populare dimensiuni au fost 1680 x 1050 pixeli, 1280 x 800 pixeli și 1440 x 900 pixeli, care sunt mult mai mari decât iPad-urile. Acest lucru ne spune că computerele tradiționale sunt utilizate la rezoluții mult mai mari decât un dispozitiv tablet.

O diferență finală este gama de tehnologii disponibile platformei. După cum știm cu toții, iPad nu suportă Flash (sau orice tip de tehnologie web bazată pe plugin-uri), ceea ce înseamnă că unele dintre opțiunile dvs. sunt limitate. Calea recomandată de Apple este HTML5, pe care multe servicii importante au început să o adopte pentru conținutul video.

Înainte de a ajunge în conținutul principal al articolului, ar trebui să rețin că scriu cu iPad în minte. Deși există multe tablete disponibile, iPad este liderul clar al pieței și este, prin urmare, unul dintre cele mai importante care trebuie luate în considerare. În timp ce mă refer la iPad, cele mai multe din ceea ce discutăm pot fi aplicate la orice tabletă de ~ 10 ".


Perspectiva Designerului

Există două perspective importante care trebuie luate în considerare atunci când te uiți la WordPress pe tablete. Primul este acela al designerului, care proiectează frontul unui blog WordPress și experiența utilizatorului din acesta.

Sfaturi pentru optimizarea modelelor dvs.

Așa cum am evidențiat prin numărul puternic de vânzări și cota de piață a iPad-ului, platforma este ceva care trebuie privit cu seriozitate la proiectare. La WebDesignTuts +, am scris un articol privind proiectarea cu ajutorul tabletei și este recomandat să citiți, deoarece aceleași principii se aplică designului WordPress. Să recapităm câteva din aceste sfaturi de optimizare ...

  • Optimizarea navigației cu ajutorul degetului - Utilizatorii nu pot atinge același grad de precizie cu vârful degetului, așa cum se poate cu un cursor, astfel încât desenele web ar trebui să găzduiască acest lucru. Elementele de navigare cheie, cum ar fi meniurile, trebuie să fie capabile să găzduiască degetul cuiva și să nu le impună să mărească puternic doar pentru a atinge link-ul dorit.
  • Urmează standardele - După cum cu siguranță știm, iPad nu suportă Flash. Indiferent dacă credeți că acesta este un avantaj sau un dezavantaj nu va schimba nimic, astfel încât va trebui să vă adaptați la această temă. Evitați utilizarea tehnologiei Flash și a altor tehnologii bazate pe pluginuri, preferând în schimb soluții mai universale, cum ar fi HTML5. Dacă proiectați o temă pentru un client, vă recomandăm să adăugați coduri scurte la serviciile despre care știți că sunt conforme, cum ar fi YouTube, astfel încât clientul este încurajat să nu includă vreunul dintre aceste elemente incompatibile la o dată ulterioară.
  • Țineți minte mai multe orientări - Tabletele funcționează în mai multe orientări, astfel încât temele dvs. nu vor fi vizionate numai într-o rezoluție de 1024 x 768 px pe un iPad, ci și într-o dimensiune mult mai subțire de 768 x 1024 pixeli. Ar trebui să luați în considerare acest lucru și să testați modul în care designul se va adapta atunci când un dispozitiv este rotit.
  • Test. Test. Test. - Una dintre cele mai bune moduri de optimizare a temei pentru o tabletă este de a-l testa într-adevăr pe o tabletă. Procedând astfel, veți înțelege cât de bine ați optimizat-o pentru platforma respectivă.

Atâta timp cât țineți cont de aceste trei puncte, probabil că tema dvs. WordPress va fi în cea mai bună poziție pentru a gestiona traficul provenit de la tablete.

Site-urile Alternative: Tablet și pluginurile WordPress

Dacă luați în considerare punctele menționate mai sus atunci când proiectați tema următoare, ar trebui să fiți bine să mergeți. Cu toate acestea, există o altă alternativă: site-uri dedicate tabletelor.

Probabil că ați vizitat un site de pe telefonul dvs. smartphone, unde nu vă prezentați pe site-ul obișnuit, ci pe cel al unui telefon mobil. Acest lucru oferă utilizatorilor un acces mai rapid la conținut pe un ecran mai mic, fiind în același timp capabil să mărească sau să modifice anumite elemente de interfață de bază fără a schimba aspectul desktop-ului. Există un număr de pluginuri WordPress care vă vor face acest lucru, inclusiv WPtouch.

Mă duc în continuare și mai departe dacă cred că desenele pentru tablete sunt o idee bună; există argumente pro și contra. Un site de tablete vă va permite să optimizați și să proiectați în mod corespunzător pentru un anumit dispozitiv și nu trebuie să încercați să găzduiți alte platforme în același timp. Cu toate acestea, înseamnă că designul dvs. va fi diferit pe toate dispozitivele, astfel încât ceea ce un utilizator s-ar putea găsi aplicabil pe desktop nu va fi neapărat aplicabil atunci când navighează pe o tabletă. Acest lucru nu contează atât de mult pe telefonul mobil, deoarece nu ne așteptăm ca acesta să fie același lucru cu un desktop, dar este o poveste diferită pentru tableta mult mai mare.

La fel ca WPtouch și alte pluginuri tematice mobile, există un număr de pluginuri WordPress care vor permite o temă optimizată pentru vizitatorii de tablete. Onswipe este un astfel de plugin.

Studiul de caz WordPress.com

WordPress.com a lansat luna martie integrarea cu pluginul Onswipe pe toate site-urile găzduite, ceea ce a fost o mișcare destul de îndrăzneață. Onswipe detectează când un utilizator navighează pe site cu un iPad și afișează o temă complet diferită, despre care se spune că este mai bine optimizat pentru platformă.


Un exemplu de site folosind tema Onswipe.

Tema optimizată pentru iPad este concepută să arate ca o revistă, indiferent de tipul de conținut pe care blogul dvs. îl publică. Ea face atât de bine cu o mână de animații frumoase aruncate acolo pentru a face să se simtă aproape ca o aplicație nativă. Cu toate acestea, soluția nu este deloc potrivită fiecărui blog, iar diferența vizuală față de tema aleasă de blogger îl face să se simtă neîncărcat, distanțându-l de designul original.

În timp ce pașii de pe WordPress.com au demonstrat că ei au în vedere platforma în serios, nu mă prea preocupă de ideea de a-mi prezenta vizitatorii cu o temă complet diferită, care nu prezintă nicio legătură cu blogul meu original, în afară de conținut.


Perspectiva Blogger

Îmi petrec o mulțime de zile în tabloul de bord al WordPress pe mai multe site-uri. De asemenea, încerc să-mi folosesc iPad-ul mult mai mult ca un instrument de scriere în timp ce sunt departe de biroul meu, dar, până de curând, tabloul de bord mi-a lăsat multe probleme atunci când încerc să fac două simultan. Din fericire, există o serie de aplicații iPad native care lucrează cu WordPress, pe lângă un tablou de bord care a fost recent actualizat cu optimizări pentru tablete. Să aruncăm o privire la perspectiva bloggerului de WordPress pe tablete ...

Tabloul de bord WordPress 3.3

Versiunea WordPress 3.3 a inclus "design receptiv pentru unele ecrane, inclusiv suport pentru iPad / tabletă", o actualizare am fost foarte încântată să văd.

Tabloul de bord WordPress arată mult mai bine și este mult mai receptiv pe iPad-ul meu cu 3.3, comparativ cu versiunile anterioare. Una dintre cele mai semnificative modificări se află în editorul post, în care bloggerii nu mai sunt limitați doar la vizualizarea HTML. Dacă sunteți mulțumit de o tastatură virtuală, compunerea postărilor în editorul de pe o tabletă este o briză. Puteți scrie cu ușurință articole extinse, inclusiv utilizând instrumentele modale pentru inserarea sau conectarea imaginilor.

Aplicații Tablet

Alternativa la utilizarea pur și simplu a tabloului de bord nou-actualizat este de a utiliza o aplicație nativă disponibilă pe tabletă. IPad are destul de puține, inclusiv aplicația oficială WordPress.

Aplicația oficială WordPress a venit departe de actualizările recente și pot să compun cu bucurie un post în el. Este, totuși, o interfață mai simplă, "necugetată", care nu are anumite caracteristici fundamentale, cum ar fi accesul la biblioteca media a blogului dvs. sau posibilitatea de a adăuga o imagine recomandată.

Dacă sunteți în căutarea pentru ceva diferit de vechea aplicație WordPress veche, există o mulțime de editori excelente disponibile. Blogsy este o aplicație foarte placută pentru WordPress iPad pe care am dat-o pe 9/10, când l-am revăzut pe iPad.AppStorm. Există, de asemenea, câteva aplicații statistice fantastice precum Ego, care vă vor permite să răsfoiți datele de analiză ale site-ului dvs. WordPress.

Putem lua serios tableta?

În timp ce probabil veți ajunge la o combinație de aplicații native sau în tabloul de bord WordPress în browser, tableta este cu siguranță un dispozitiv de productivitate. Conceptul de a sta pe spate cu o tabletă subțire în loc de un birou care scrie pe o tastatură este, probabil, preferabil cel mult, dar cred că veți petrece mai mult timp efectuând sarcini pe o tabletă decât pe un dispozitiv desktop ( sau cel puțin, eu fac).

Pentru a răspunde la întrebare, cred cu siguranță că putem lua tableta în serios, mai ales dacă îl împerecheați cu accesorii cum ar fi o tastatură fără fir și un doc sau un suport. Cu toate acestea, este încă la câțiva pași distanță de a deveni un singur dispozitiv de gestionare a blogurilor.


Gândurile finale

Tabletele devin populare, iar utilizatorii vor căuta să le utilizeze atât pentru consum, cât și pentru creație. Designerii temelor trebuie să țină seama de acest lucru și să înceapă să adopte soluții care optimizează site-urile pentru consumul bazat pe atingere, în timp ce creatorii de conținut care doresc să facă bloguri de la iPad-ul lor ar trebui să înceapă să evalueze opțiunile din browserul lor și din App Store.

Utilizați tableta (iPad sau altul) pentru blogging? Dacă da, cum o faci? Ați proiectat recent o temă WordPress care a luat comprimate în considerare? Împărtășiți-vă gândurile, sfaturile și comentariile de mai jos.

Cod