Todavía hay quien se empecina en usar flash de manera indiscriminada. Desde luego sus virtudes creativas son innegables pero también lo son sus defectos en cuestiones como el posicionamiento, los tiempos de carga, etcétera.
Claro que hay una solución y se llama HTML5. Después de echar un vistazo a este primer capítulo de Soul Reaper no se puede negar que el panorama creativo que despliega es totalmente espectacular.
La navegación online se hace cada vez de un modo más disperso y los móviles ganan terreno como dispositivo para acceder a Internet. Sin embargo, por sus características, complican a menudo tanto el diseño de los sites como su posterior acceso. ¿Existe la usabilidad móvil? Si no existe habría que invetarla porque lo cierto es que cada vez vamos a utilizarlos más a menudo para determinado tipo de consultas online.
El objetivo del posicionamiento no es aparecer el primero. Es convertir mejor. Se supone que una buena posición en los resultados de búsqueda va a ayudar a atraer visitas pero sólo con atraer tráfico no está todo hecho. En SEOMoz escriben sobre cómo la conversión, una vez hemos obtenido ese buen resultado de búsqueda, dependerá de la arquitectura y del diseño de la Web. Los tres tipos de acciones deben apuntar en la misma dirección para lograr que la página cumpla sus objetivos.
Desde thinkvitamin.com nos llega un vídeo en que nos explican qué hay que hacer y qué no en el diseño HTML de un mailing. Esta es la primera parte de una serie de vídeos, así que habrá que estar atento a los siguientes.
Cada vez hay más usuarios que acceden a determinadas Webs utilizando sus teléfonos móviles, webs que casi nunca están adaptadas para poder verse con comodidad en estos dispositivos. Para hacer más sencilla la tarea de crear una versión para móvil GMBHnews ha lanzado una aplicación que permite desarrollar esta web de una manera muy rápida y sencilla.
Google ha lanzado una guía sobre buenas prácticas SEO que pretende hacer de la optimización para los motores de búsqueda una práctica asequible para todo el mundo. En un PDF de 32 páginas, el equipo de Google desgrana unos cuantos consejos que pretenden ayudar a conocer qué y cómo mejorar el posicionamiento de un proyecto.
Los consejos que aporta la guía pueden resumirse en tres áreas en las que es imprescible trabajar:
El diseño y el desarrollo de la página (creando una estructura adecuada y lógica, usando negritas y titulares coherentemente, trabajando con una URL apropiada…)
La elección de keywords que definan nuestros productos y nuestro proyecto
La popularidad; los enlaces y la distribución del contenido son una gran ventaja a la hora de aportar visibilidad y, también, a la hora de mejorar la posición en los resultados de búsqueda.
Cada vez hay más gente que utiliza su teléfono móvil para navegar por Internet. Los desarolladores de algunos CMS muy utilizados como WordPress se ponen las pilas para adaptar sus trabajos a esta necesidad.
Si necesitáis un tema de WordPress que, de partida, esté optimizado para funcionar en un teléfono móvil, en este post de TripWire Magazine tenéis una recopilación de una decena de Temas de WordPress pensados para la navegación móvil.
Se trata de temas gratuitos (o freemium) que están optimizados para la navegación en diferentes dispositivos aunque, entre ellos, abundan los especialmente diseñados para el iPhone.
Además de los temas especialmente desarrollados para la navegación móvil, el post incluye también hasta 70 temas más entre los que se incluyen algunos de los más populares dentro de los usuarios de este CMS.
A veces resulta difícil establecer cual es la configuración idónea para una interfaz. De hecho lo más habitual es que no exista una solución ideal a la hora de distribuir visualmente los elementos con los que interacciona el usuario, sin diferentes configuraciones que hagan más satisfactoria su experiencia de uso. Un equipo creativo experimentado será capaz de reducir al máximo estás opciones pero, aún así, hay proyectos en los que es difícil escoger entre las opciones más efectivas. Para decidir qué diseño puede ser el más efectivo a la hora de cumplir los objetivos que se han marcado existe una prueba conocida como test A/B que permite comparar los resultados de dos opciones para escoger aquella que resulte más eficaz.
Obviamente los elementos concretos que se incluyan en las versiones que se desean contrastar van a depender, entre otras cosas, del objetivo final de la Web. Entre otras cosas un test A/B va a permitirnos validar cuestiones como la longitud de los textos, el tamaño de las cajas, la visibilidad y legibilidad de la rotulación, la posición y el color de los botones, las capas con las que hemos trabajado, el atractivo de las imágenes empleadas e incluso el copy que hemos utilizado.
A la hora de plantear el test es conveniente escoger cuáles de estos parámetros se van a poner a prueba. Una vez establecidas las dos opciones, es conveniente utilizar un sistema como Google Website Optimizer o Visual Website Optimizer para redirigir el tráfico alternativamente a una de las dos alternativsa y medir los resultados. En función de la tasa de conversiones y de la calidad de estas podremos establecer nuestra prioridad por una opción u otra.
No obstante, pese a la sencillez del concepto de su ejecución, si desarrollamos un test A/B vale la pena tener en cuenta lo siguiente:
Las dos versiones deben probarse simultáneamente; una diferencia temporal en la prueba puede introducir variaciones influenciadas por factores externos
El análisis debe centrarse en las visitas nuevas y minimizar las acciones de las visitas recurrentes
Los resultados pueden contradecir las percepciones previas, hay que asumirlo; de hecho el test se hace para eso
Hay que mantener el test durante un tiempo lo suficientemente largo como para recoger resultados concluyentes
Contrasta los resultados de la Home con tests alternativos en otros apartados de la Web
Los tests frecuentes y continuos ayudan a mejorar; no hay tener miedo a repetirlos recurrentemente con diferentes proyectos
En Smashing Magazine han recopilado estas pautas para realizar un test A/B y, además, han incluido una serie de documentación útil a la hora de ponerlos en marcha.
Google ha lanzado un website dedicado a evidenciar las características y ventajas de HTML5. Para predicar con el ejemplo, incluye una presentación hecha enteramente en este lenguaje y una zona de experimentación de código donde todos podemos jugar con algunas de las nuevas funciones.
En el site además encontraremos enlaces a recursos externos bastante útiles y también, como es costumbre con los chicos del buscador, hay un apartado con ejemplos y tutoriales para que podamos aprender con la práctica de casos reales.
Uno de los problemas habituales en diseño web es conseguir poner la tipografía del cliente sin que te vuelvan loca. Por fin hay una herramienta libre y gratuita que además conecta con TypeKit (que también tiene una versión gratis). Ahora ya podemos hacer páginas web atractivas de diseño y que las puedan leer los buscadores.