WordPress y tabletas optimizando ahora y mirando hacia el futuro

Las tabletas se están volviendo cada vez más populares a medida que pasan los días y más personas recurren a ellas para el consumo de contenido basado en la web. En Tuts +, ya hemos discutido en varios artículos cómo diseñar con estos nuevos dispositivos de tableta en mente. Hoy, volveremos a examinar el tema del diseño de tableta considerado y lo veremos en el contexto de WordPress..


Deberiamos cuidarnos?

Antes de analizar el diseño y la optimización de las tabletas, primero debemos considerar si nuestro tiempo debería gastarse mejor en hacerlo..

Recientemente, se reveló que Apple posee aproximadamente una cuarta parte de todo el mercado de computadoras, pero solo si se tuvo en cuenta el iPad. Mientras que, en el momento de redactar este informe, Apple aún no ha anunciado las ganancias del último trimestre, los analistas esperan que Apple registre ventas récord de iPad de entre 11.7 y 19.5 millones de unidades. Es un número bastante grande, y muestra un crecimiento intertrimestral, lo que significa que las ventas de tabletas son cada vez más significativas..

Con suerte, lo notable que es el iPad, no solo por sí mismo sino como parte de toda la industria de la computación, es una indicación de cuán seriamente deberían ser los diseñadores la plataforma. Además, como diseñadores y desarrolladores que crean temas para WordPress, debemos tomar nota adicional, considerando la cantidad de blogs que el software potencia..


Entendiendo las diferencias

Antes de que empecemos a analizar cómo deberíamos comenzar a tomar en cuenta la tableta, tanto desde la perspectiva de un diseñador como desde un blogger, deberíamos entender cómo una tableta difiere de una experiencia informática tradicional..

El más grande y más obvio es el método de entrada, ya que se basa principalmente en el tacto en una tableta en lugar de controlar el cursor. Esto significará grandes diferencias en el nivel de precisión que un usuario tiene sobre un sitio web ya que la punta de su dedo es mucho más grande que la punta de un cursor..

La resolución es otra diferencia, ya que es mucho más pequeña en tabletas que en computadoras. El iPad tiene una resolución de 1024 x 768px y si nos fijamos en algunas cifras del año pasado, solo el 3.54% de los visitantes visitó una resolución de ese tamaño. Los tamaños más populares fueron 1680 x 1050px, 1280 x 800px y 1440 x 900px, que son mucho más grandes que los del iPad. Esto nos dice que las computadoras tradicionales se están utilizando a resoluciones mucho más altas que una tableta..

Una última diferencia es la gama de tecnologías disponibles para la plataforma. Como todos sabemos, el iPad no es compatible con Flash (o cualquier tipo de tecnología web basada en complementos), lo que significa que algunas de sus opciones son limitadas. La ruta recomendada de Apple es HTML5, que muchos servicios importantes han comenzado a adoptar para el contenido de video..

Antes de entrar en el contenido principal del artículo, debo tener en cuenta que estoy escribiendo con el iPad en mente. Si bien hay muchas tabletas diferentes disponibles, el iPad es el claro líder del mercado y, por lo tanto, es uno de los más importantes a tener en cuenta. Aunque me referiré al iPad, la mayor parte de lo que discutimos puede aplicarse a cualquier tableta de ~ 10 ".


La perspectiva del diseñador

Hay dos perspectivas importantes a considerar cuando se mira WordPress en tabletas. La primera es la del diseñador, que está diseñando la parte delantera de un blog de WordPress y la experiencia del usuario.

Consejos para optimizar tus diseños

Como lo hemos demostrado por los sólidos números de ventas y la participación de mercado del iPad, la plataforma es algo que debe considerarse seriamente al diseñar. En WebDesignTuts +, escribí un artículo sobre el diseño con la tableta en mente, y se recomienda su lectura ya que los mismos principios se aplican al diseño de WordPress. Vamos a resumir algunos de estos consejos de optimización ...

  • Navegación optimizada con los dedos - Los usuarios no pueden lograr el mismo grado de precisión con la punta de su dedo como pueden hacerlo con un cursor, por lo que los diseños web deben adaptarse a esto. Los elementos clave de navegación, como los menús, deben ser capaces de acomodar el dedo de alguien y no exigirles que se acerquen demasiado para tocar el enlace deseado..
  • Atenerse a las normas - Como todos sabemos, el iPad no es compatible con Flash. Ya sea que piense que esto es una ventaja o una desventaja, no cambiará nada, por lo que tendrá que incluir esto en su tema. Evite usar Flash y otra tecnología web basada en complementos, en lugar de optar por soluciones más universales como HTML5. Si está diseñando un tema para un cliente, puede considerar agregar códigos cortos a los servicios que sabe que son compatibles, como YouTube, por lo que se recomienda al cliente que no incluya ninguno de estos elementos incompatibles en una fecha posterior.
  • Recuerda múltiples orientaciones - Las tabletas funcionan en más de una orientación para que sus temas no solo se vean en una resolución de 1024 x 768 píxeles en un iPad, sino que también sean mucho más delgados de 768 x 1024 píxeles. Debe tener esto en cuenta y probar cómo se adaptará su diseño cuando se gire un dispositivo.
  • Prueba. Prueba. Prueba. - Una de las mejores maneras de optimizar su tema para una tableta es probarlo en una tableta. Al hacerlo, obtendrá una mejor comprensión de qué tan bien lo ha optimizado para esa plataforma.

Siempre que tenga en cuenta estos tres puntos, es probable que su tema de WordPress esté en la mejor posición para manejar el tráfico originado en tabletas..

La alternativa: sitios de tableta y complementos de WordPress

Si tiene en cuenta los puntos mencionados anteriormente al diseñar su próximo tema, debería estar listo. Sin embargo, hay otra alternativa: sitios dedicados a tabletas..

Probablemente haya visitado un sitio en su teléfono inteligente en el que no se le presenta el sitio normal, sino un sitio móvil a escala reducida. Esto ofrece a los usuarios un acceso más rápido al contenido en una pantalla más pequeña, al tiempo que puede ampliar o modificar ciertos elementos de la interfaz central sin cambiar la apariencia del escritorio. Hay una serie de complementos de WordPress que harán esto por ti, incluyendo WPtouch.

Sigo yendo y viniendo sobre si creo que los diseños solo para tabletas son una buena idea; hay pros y contras Un sitio para tabletas le permitiría optimizar y diseñar adecuadamente un dispositivo específico, y no tener que intentar acomodar otras plataformas al mismo tiempo. Sin embargo, significa que su diseño será diferente en todos los dispositivos, por lo que lo que un usuario pueda encontrar aplicable en su escritorio no necesariamente se aplicará cuando navegue en una tableta. Esto no importa mucho en el móvil porque no esperamos que sea lo mismo que un escritorio, pero es una historia diferente para la tableta mucho más grande.

Al igual que WPtouch y otros complementos de temas móviles, hay varios complementos de WordPress que permitirán un tema optimizado para los visitantes de tabletas. Onswipe es uno de esos complementos.

El caso de estudio de WordPress.com

WordPress.com lanzó en marzo la integración con el complemento Onswipe en todos sus sitios alojados, lo cual fue un movimiento bastante audaz. Onswipe detecta cuando un usuario navega por el sitio con un iPad y muestra un tema completamente diferente, uno que se dice que está mejor optimizado para la plataforma.


Un sitio de ejemplo usando el tema Onswipe.

El tema optimizado para iPad está diseñado para parecerse a una revista, independientemente del tipo de contenido que publique su blog. Lo hace muy bien con un puñado de animaciones agradables incluidas allí para que se sienta casi como una aplicación nativa. Sin embargo, la solución no es del todo adecuada para todos y cada uno de los blogs y la diferencia visual con el tema elegido por el blogger hace que se sienta desconectado, distanciándolo del diseño original..

Si bien los pasos que WordPress.com ha tomado muestran que están considerando seriamente la plataforma, no me gusta demasiado la idea de presentar a mis visitantes un tema completamente diferente que no muestre conexión con mi blog original, aparte del contenido..


La perspectiva del blogger

Pasé gran parte de mi día en el panel de WordPress en varios sitios. También estoy tratando de usar mi iPad mucho más como herramienta de escritura mientras estoy lejos de mi escritorio, pero, hasta hace poco, el tablero de instrumentos me ha dejado muchos problemas al intentar hacer los dos a la vez. Afortunadamente, hay una serie de aplicaciones de iPad nativas que funcionan con WordPress además de un panel de control que se ha actualizado recientemente con optimizaciones para tabletas. Echemos un vistazo a la perspectiva del blogger de WordPress en tabletas ...

El panel de WordPress 3.3

La versión 3.3 de WordPress incluía un "diseño sensible para algunas pantallas, incluida la compatibilidad con iPad / tableta", una actualización que me entusiasmó ver..

El panel de WordPress se ve mucho mejor y es mucho más sensible en mi iPad con 3.3, en comparación con las versiones anteriores. Uno de los cambios más importantes se encuentra en el editor de publicaciones, donde los bloggers ya no están restringidos solo a la vista HTML. Si está contento con un teclado virtual, componer publicaciones en el editor en una tableta es muy fácil. Puede escribir artículos extensos fácilmente, incluso utilizando las herramientas modales para la inserción o el enlace de imágenes..

Aplicaciones de tableta

La alternativa a simplemente usar el tablero de mandos actualizado y actualizado es usar una aplicación nativa disponible en su tableta. El iPad tiene bastantes, incluida la aplicación oficial de WordPress.

La aplicación oficial de WordPress ha llegado muy lejos con las actualizaciones recientes, y felizmente puedo redactar una publicación en ella. Sin embargo, es una interfaz más simple y "sin sentido" que carece de algunas características fundamentales como el acceso a la biblioteca de medios de su blog o la capacidad de agregar una imagen destacada..

Si está buscando algo diferente a la antigua aplicación estándar de WordPress, hay varios editores excelentes disponibles. Blogsy es una muy buena aplicación para WordPress para iPad que di un 9/10 cuando la revisé en iPad.AppStorm. También hay algunas aplicaciones de estadísticas fantásticas como Ego, que te permitirán navegar por los datos analíticos de tu sitio de WordPress.

¿Podemos tomar la tableta en serio??

Si bien es probable que termines usando una combinación de aplicaciones nativas o el panel de WordPress en tu navegador, la tableta es ciertamente un dispositivo de productividad. El concepto de recostarse con solo una tableta delgada en lugar de hacerlo en un escritorio escribiendo en un teclado es probablemente preferente a la mayoría, pero creo que pasará más tiempo realizando tareas en una tableta que en un dispositivo de escritorio ( o al menos, lo hago.

Para responder a la pregunta, definitivamente creo que podemos tomar la tableta en serio, especialmente si la emparejas con accesorios como un teclado inalámbrico y una base o soporte. Sin embargo, todavía está a pocos pasos de convertirse en un único dispositivo de administración de blogs..


Pensamientos finales

Las tabletas se están volviendo populares y los usuarios buscarán usarlas tanto para el consumo como para la creación. Los diseñadores de temas deben tener esto en cuenta y comenzar a adoptar soluciones que optimicen los sitios para el consumo táctil, mientras que los creadores de contenido que quieran bloguear desde su iPad deberían comenzar a evaluar las opciones en su navegador y en App Store.

¿Usas tu tableta (iPad u otra) para bloguear? Si es así, como lo haces? ¿Has diseñado un tema de WordPress recientemente que ha tomado las tabletas en consideración? Comparte tus pensamientos, consejos y comentarios a continuación.