Category
Consejos
Cómo hacer formularios más rápidos, sencillos e inteligentes
- enero 31st, 2012
- accesibilidad, consejos, html, News
- 0 Comments
Nivel de webmasters: intermedio
Uno de los principales obstáculos de cualquier embudo de conversión es rellenar un formulario online: los procesos de registro y de compra se basan en los formularios, que constituyen un paso fundamental y complejo en el cumplimiento de los objetivos del sitio. Para muchos usuarios, los formularios online consisten en la introducción repetida de información habitual (por ejemplo, nombres y direcciones) en diferentes sitios de toda la Web, es decir, una tarea tediosa que provoca que muchos se den por vencidos y abandonen el proceso por completo.
La función Autocompletar de Google Chrome y otros proveedores de completado de formularios ayudan a romper esta barrera. Para ello, recuerdan la información habitual de los perfiles y rellenan previamente los formularios con estos valores. Sin embargo, los webmasters no han podido garantizar hasta el momento que Google Chrome y otros proveedores de completado de formularios puedan analizar los formularios de forma correcta. Existen algunos estándares, pero imponen cargas muy pesadas en la implementación del sitio web, por lo que no se suelen utilizar en la práctica.
Nos complace poder anunciar hoy la admisión en Chrome de un nuevo atributo experimental de tipo de autocompletado para los campos de formularios que permite a los desarrolladores web etiquetar texto de forma inequívoca y seleccionar campos con tipos de datos habituales como, por ejemplo, el nombre completo o la dirección. Con este atributo, los desarrolladores web pueden generar conversiones en sus sitios al marcar sus formularios para autocompletado sin necesidad de cambiar la interfaz del usuario ni el servidor.
Solo hay que añadir un atributo al elemento de introducción de datos, por ejemplo, el campo de dirección de correo electrónico puede tener una apariencia similar a la siguiente:
Hemos trabajado en este diseño junto con otros proveedores de autocompletado. Al igual que sucede con cualquier propuesta en fase inicial, esperamos que cambie y evolucione a medida que la comunidad de estándares web nos envíe sus comentarios. No obstante, creemos que esto es un buen punto de partida para la discusión sobre cómo admitir de la mejor forma posible los formularios que se completan automáticamente en la especificación HTML5. Por ahora, este nuevo atributo se ha implementado en Google Chrome como x-autocompletetype para indicar que todavía se encuentra en fase experimental y que no es un estándar, igual que ocurre con el atributo webkitspeech que publicamos (en Inglés) el verano pasado.
Para obtener más información, puedes leer el texto completo de la especificación propuesta (en Inglés), realizar preguntas en el foro de ayuda para webmasters o puedes compartir tus comentarios en el debate sobre estandarización.
Texto original de Ilya Sherman, publicado por Miguel Silva Rodrigues.
Uno de los principales obstáculos de cualquier embudo de conversión es rellenar un formulario online: los procesos de registro y de compra se basan en los formularios, que constituyen un paso fundamental y complejo en el cumplimiento de los objetivos del sitio. Para muchos usuarios, los formularios online consisten en la introducción repetida de información habitual (por ejemplo, nombres y direcciones) en diferentes sitios de toda la Web, es decir, una tarea tediosa que provoca que muchos se den por vencidos y abandonen el proceso por completo.
La función Autocompletar de Google Chrome y otros proveedores de completado de formularios ayudan a romper esta barrera. Para ello, recuerdan la información habitual de los perfiles y rellenan previamente los formularios con estos valores. Sin embargo, los webmasters no han podido garantizar hasta el momento que Google Chrome y otros proveedores de completado de formularios puedan analizar los formularios de forma correcta. Existen algunos estándares, pero imponen cargas muy pesadas en la implementación del sitio web, por lo que no se suelen utilizar en la práctica.
Nos complace poder anunciar hoy la admisión en Chrome de un nuevo atributo experimental de tipo de autocompletado para los campos de formularios que permite a los desarrolladores web etiquetar texto de forma inequívoca y seleccionar campos con tipos de datos habituales como, por ejemplo, el nombre completo o la dirección. Con este atributo, los desarrolladores web pueden generar conversiones en sus sitios al marcar sus formularios para autocompletado sin necesidad de cambiar la interfaz del usuario ni el servidor.
Solo hay que añadir un atributo al elemento de introducción de datos, por ejemplo, el campo de dirección de correo electrónico puede tener una apariencia similar a la siguiente:
<input type=”text” name=”field1” x-autocompletetype=”email” />
Hemos trabajado en este diseño junto con otros proveedores de autocompletado. Al igual que sucede con cualquier propuesta en fase inicial, esperamos que cambie y evolucione a medida que la comunidad de estándares web nos envíe sus comentarios. No obstante, creemos que esto es un buen punto de partida para la discusión sobre cómo admitir de la mejor forma posible los formularios que se completan automáticamente en la especificación HTML5. Por ahora, este nuevo atributo se ha implementado en Google Chrome como x-autocompletetype para indicar que todavía se encuentra en fase experimental y que no es un estándar, igual que ocurre con el atributo webkitspeech que publicamos (en Inglés) el verano pasado.
Para obtener más información, puedes leer el texto completo de la especificación propuesta (en Inglés), realizar preguntas en el foro de ayuda para webmasters o puedes compartir tus comentarios en el debate sobre estandarización.
Texto original de Ilya Sherman, publicado por Miguel Silva Rodrigues.
Investigaciones y pruebas básicas de usuarios de sitios web
- enero 30th, 2012
- consejos, News
- 0 Comments
Como equipo responsable de miles de páginas web informativas de Google, la misión del equipo de webmasters es ofrecer consejos y sugerencias basados en sus conocimientos como webmasters experimentados.
Si nunca has probado o analizado el uso de tu sitio web, pregúntate si realmente sabes si el sitio resulta útil para los usuarios a los que está dirigido. Si no estás seguro, ¿por qué no lo compruebas? Por ejemplo, ¿sabías que los usuarios se desplazan hacia abajo en la página una media de 5,9 veces más que hacia arriba, lo que significa que, a menudo, el contenido de la página se "pierde" una vez que se ha pasado? Para obtener más información, consulta la página sobre descubrimientos relacionados con el desplazamiento, en la que Jakob Nielsen informa de que a los usuarios no les importa desplazarse por una página, pero dentro de unos límites.
Comprueba también las estadísticas: ¿quieres saber a qué se deben los indicadores de tiempo breve de permanencia o los porcentajes de rebote elevados de algunas de tus páginas?
Primero, piensa en el usuario
El inicio de un proyecto web, ya sea un proyecto totalmente nuevo o una actualización de uno existente, es un buen momento para hacerse preguntas como estas:
Por ejemplo, si es probable que los usuarios se encuentren en un ambiente ruidoso, que tengan una conexión lenta o que estén en la carretera y tengan poco tiempo para buscar la información que necesiten del sitio, lo más adecuado será utilizar un diseño sencillo con una finalidad única. Además, si el contenido está destinado a usuarios con pocos conocimientos técnicos, debes asegurarte de que no sea demasiado difícil acceder a él (puedes obtener buenos resultados utilizando elementos de animación, pero solo si los usuarios los aprecian y si no es demasiado difícil acceder al contenido).
Aunque no se realice ninguna prueba, crear un perfil de usuario básico (o "persona") puede ayudar a adaptar el diseño a los usuarios (no hace falta que el perfil incluya una biografía exhaustiva: es suficiente con que contenga alguna información básica sobre los patrones de comportamiento del usuario).
Una prueba sencilla
Una prueba no tiene que ser algo costoso: los amigos y familiares pueden ser recursos de gran utilidad. A continuación te proponemos algunas sugerencias.
Lecciones aprendidas
Por si aún no tienes claro si realizar pruebas e investigaciones merece realmente la pena, a continuación te ofrecemos algunos datos sencillos que hemos confirmado con usuarios reales y que no conoceríamos si no hubiéramos interactuado con esos usuarios y observado cómo utilizan nuestras páginas o no hubiéramos analizado el tráfico de nuestros sitios web.
Si nunca has probado o analizado el uso de tu sitio web, pregúntate si realmente sabes si el sitio resulta útil para los usuarios a los que está dirigido. Si no estás seguro, ¿por qué no lo compruebas? Por ejemplo, ¿sabías que los usuarios se desplazan hacia abajo en la página una media de 5,9 veces más que hacia arriba, lo que significa que, a menudo, el contenido de la página se "pierde" una vez que se ha pasado? Para obtener más información, consulta la página sobre descubrimientos relacionados con el desplazamiento, en la que Jakob Nielsen informa de que a los usuarios no les importa desplazarse por una página, pero dentro de unos límites.
Comprueba también las estadísticas: ¿quieres saber a qué se deben los indicadores de tiempo breve de permanencia o los porcentajes de rebote elevados de algunas de tus páginas?
Primero, piensa en el usuario
El inicio de un proyecto web, ya sea un proyecto totalmente nuevo o una actualización de uno existente, es un buen momento para hacerse preguntas como estas:
- ¿Cómo podrán acceder los usuarios al sitio web (desde casa, desde la oficina o de camino a algún lugar)?
- ¿Qué conocimientos tecnológicos tienen esos usuarios?
- ¿Hasta qué punto están familiarizados con el tema del sitio web?
Por ejemplo, si es probable que los usuarios se encuentren en un ambiente ruidoso, que tengan una conexión lenta o que estén en la carretera y tengan poco tiempo para buscar la información que necesiten del sitio, lo más adecuado será utilizar un diseño sencillo con una finalidad única. Además, si el contenido está destinado a usuarios con pocos conocimientos técnicos, debes asegurarte de que no sea demasiado difícil acceder a él (puedes obtener buenos resultados utilizando elementos de animación, pero solo si los usuarios los aprecian y si no es demasiado difícil acceder al contenido).
Aunque no se realice ninguna prueba, crear un perfil de usuario básico (o "persona") puede ayudar a adaptar el diseño a los usuarios (no hace falta que el perfil incluya una biografía exhaustiva: es suficiente con que contenga alguna información básica sobre los patrones de comportamiento del usuario).
Una prueba sencilla
Una prueba no tiene que ser algo costoso: los amigos y familiares pueden ser recursos de gran utilidad. A continuación te proponemos algunas sugerencias.
- Tamaño del grupo de prueba: cinco personas son usuarios suficientes para encontrar incidencias habituales relacionadas con el diseño y con la navegación (consulta el artículo de Jakob Nielsen sobre por qué es suficiente con utilizar un grupo de prueba pequeño).
- Elección de los evaluadores: puede ser útil recurrir a un grupo de evaluadores con diferentes habilidades técnicas, pero debes asegurarte de centrarte solamente en las tendencias (por ejemplo, si más del 50% de los evaluadores ha experimentado una misma incidencia relativa a la facilidad de uso, es probable que se trate de una incidencia común y no de una incidencia que afecte a una sola persona).
- Lugar de realización de la prueba: si es posible, ve a casa del usuario y observa cómo utiliza el sitio (comprueba cómo suele navegar por Internet cuando se encuentra relajado y en su entorno natural). También puedes llevar a cabo una prueba remota si no puedes desplazarte en persona (hemos oído que las quedadas de Google+ funcionan muy bien en estos casos). Para obtener más información sobre el uso de las quedadas de Google+, haz clic aquí.
- Metodología de la prueba: basándote en los objetivos de tu sitio, define cuatro o cinco tareas sencillas que se puedan llevar a cabo en tu sitio web y deja que el usuario intente completarlas. Pide a los evaluadores que hablen en voz alta para que puedas comprender mejor sus experiencias y sus razonamientos.
- Elementos de evaluación: es posible emplear prototipos básicos en imágenes en las que se pueda hacer clic o en formato de documento (por ejemplo, PDF) o utilizar HTML para probar las interacciones básicas sin tener que construir un sitio completo para las pruebas. De esta forma, se pueden probar diferentes formas de navegar y distintos diseños para ver los resultados que ofrecen antes de implementarlos.
- Elementos que no se deben evaluar: hay que centrarse en la funcionalidad (más que en los elementos de diseño gráfico). Dado que los puntos de vista suelen ser subjetivos, generalmente solo se reciben comentarios útiles referentes al diseño cuando se realizan pruebas cuantitativas en las que participa un gran número de usuarios (más de 200) a menos que, por ejemplo, los colores que se utilicen en el sitio dificulten la lectura del contenido (en cuyo caso, los comentarios pueden ser útiles). Una forma de obtener comentarios útiles sobre el diseño puede ser proponer cinco o seis palabras clave descriptivas y pedir a los usuarios que elijan las que consideren más representativas.
Lecciones aprendidas
Por si aún no tienes claro si realizar pruebas e investigaciones merece realmente la pena, a continuación te ofrecemos algunos datos sencillos que hemos confirmado con usuarios reales y que no conoceríamos si no hubiéramos interactuado con esos usuarios y observado cómo utilizan nuestras páginas o no hubiéramos analizado el tráfico de nuestros sitios web.
- Ten cuidado cuando utilices diseños en los que se oculte o muestre contenido: al utilizar secuencias de comandos para expandir y contraer pasajes largos de texto, hemos observado que el usuario no suele darse cuenta de que hay contenido adicional disponible, concretamente cuando se "esconde" el contenido JavaScript al buscar en la página (por ejemplo, con la habitual combinación de teclas Ctrl + F).
Modelo de diseño probado que muestra contenido
"comprimido" en la parte inferior izquierda
"comprimido" en la parte inferior izquierda
Diseño final de página con enlaces de anclaje en la parte superior
y contenido en el cuerpo principal de la página
y contenido en el cuerpo principal de la página
- Cuida el estilo del texto: el texto de los botones, de los enlaces y de los encabezados es lo que más llama la atención a los usuarios cuando examinan la página. Evita el uso de "Más información..." en el texto de los enlaces (los usuarios parecen mostrarse reacios a hacer clic en un enlace que supone aprender algo). En vez de eso, intenta utilizar una descripción literal del contenido al que remite el enlace y asegúrate de que el texto del enlace tenga sentido y sea fácil de entender fuera de contexto, ya que así es como se lee frecuentemente. Presta atención a la forma de escribir e intenta que el texto de los botones sea descriptivo, atractivo e interesante.
- Prueba las páginas con una conexión más lenta: prueba tus páginas en diferentes redes (por ejemplo, intenta explorar tu sitio web utilizando la red Wi-Fi de una cafetería o de la casa de un amigo), especialmente si es probable que los usuarios a los que está dirigido tu sitio vean las páginas con una conexión doméstica que no sea tan rápida como la de tu oficina. Hemos observado una mejora considerable en las métricas de porcentaje de clics (CTR) y tiempo de permanencia en el sitio en algunos casos al crear animaciones con secuencias de comandos mucho más sencillas y rápidas. (Consejo: utiliza la herramienta Page Speed Online de Google para comprobar el rendimiento si no tienes acceso a una conexión a Internet más lenta).
Nos encantaría que contaras tu experiencia en la sección de comentarios. ¿Has llevado a cabo pruebas de facilidad de uso de sitios web? Si lo has hecho, ¿cómo fueron y qué trucos sencillos y económicos te permitieron sacarles el máximo partido?
Compraventa de enlaces: Recordando nuestra posición
- noviembre 21st, 2011
- consejos, directrices para webmasters, enlaces, News
- 0 Comments
De vez en cuando creemos oportuno recordar a los webmasters y/o dueños de páginas web cuál es la postura de Google ante los enlaces de pago. No solo porque cada día hay cientos, sino miles, de nuevas páginas web, cuyos webmasters empiezan a familiarizarse con Internet, los motores de búsqueda y sus políticas, sino también por las preguntas alrededor de este tema que recibimos en nuestro Foro de ayuda para webmasters.
Teniendo en cuenta que nuestro objetivo es presentar a los usuarios resultados equitativos y precisos, y que este tipo de técnicas tiene la intención de manipular los mismos, nos ustaría aclarar una vez más algunos puntos sobre este tema:
Teniendo en cuenta que nuestro objetivo es presentar a los usuarios resultados equitativos y precisos, y que este tipo de técnicas tiene la intención de manipular los mismos, nos ustaría aclarar una vez más algunos puntos sobre este tema:
- Si un webmaster decide comprar y/o vender enlaces con el objetivo de manipular la clasificación, es decir pasar PageRank, nos reservamos el derecho de proteger la calidad de nuestros resultados de búsqueda.
- Somos bastantes precisos a la hora de detectar los enlaces de pago y tomar acción sobre ellos, tanto de forma algorítmica como manual, así que si sospechas que hay algún sitio web comprando y/o vendiendo enlaces siempre puedes decírnoslo a través de nuestro rediseñado informe de spam.
- Google actúa sobre todos los sitios con la misma contundencia y rigor, sin importar la popularidad o el tamaño del sitio web. En algunos casos los efectos de nuestras acciones pueden que no sean visibles con efecto inmediato como explicamos en este artículo.
Así que... ¿qué hacer?
Si un webmaster decide comprar y/o vender enlaces y no quiere que esto repercuta de forma negativa en el posicionamiento de su sitio web puede utilizar el rel=“nofollow”, o bien redireccionarlos a través de una página que esté bloqueada en el archivo robots.txt, y así ceñirse a las Directrices de calidad de Google para webmasters. Por otra parte, también es un buen momento para compartir con vosotros este artículo sobre enlaces orgánicos y recordaros que existen muchas formas de conseguir enlaces de calidad para vuestros sitios web.
Así que si crees que tu web ha sido penalizada por comprar y/o vender enlaces, la mejor forma de actuar es corregir primero esta infracción para que los enlaces no pasen PageRank y luego enviar el formulario de reconsideración explicando cuál era la situación y cómo la has solucionado. Si tenéis alguna pregunta sobre ésto podéis acudir a nuestro foro para webmasters.
Si un webmaster decide comprar y/o vender enlaces y no quiere que esto repercuta de forma negativa en el posicionamiento de su sitio web puede utilizar el rel=“nofollow”, o bien redireccionarlos a través de una página que esté bloqueada en el archivo robots.txt, y así ceñirse a las Directrices de calidad de Google para webmasters. Por otra parte, también es un buen momento para compartir con vosotros este artículo sobre enlaces orgánicos y recordaros que existen muchas formas de conseguir enlaces de calidad para vuestros sitios web.
Así que si crees que tu web ha sido penalizada por comprar y/o vender enlaces, la mejor forma de actuar es corregir primero esta infracción para que los enlaces no pasen PageRank y luego enviar el formulario de reconsideración explicando cuál era la situación y cómo la has solucionado. Si tenéis alguna pregunta sobre ésto podéis acudir a nuestro foro para webmasters.
