5 reglas para escribir en la web

Original en: http://www.trucosoptimizacion.com/

Escribir contenidos para la web requiere técnicas diferentes de los medios impresos. En las pantallas de un ordenador los textos se leen más lento y con más dificultad. Además, el internauta es impaciente y tiene a su alcance millones de otras páginas a un solo clic de distancia.

¿Cómo redactar texto correctamente en tu web y cómo optimizarlo? ¿Cómo hacerlos más entendibles? ¿Cómo hacer que los destinatarios nos lean? Estas son algunas de las pautas para redactar correctamente en la web:

1. Recorta el texto al 50%

Es una regla muy dura de aplicar, pero tiene sentido. Cuanto más largo el texto, menos probabilidades tienes que lo lean. ¿Cómo y dónde aplicamos las tijeras? Estas son algunas de las sugerencias:

• Elimina repeticiones
• Elimina adverbios y adjetivos si no son necesarios para mantener el sentido de las frases
• Recorta o reduce las transiciones que resumen los párrafos anteriores
• Borra divagaciones
• No tengas miedo de reemplazar una frase con una sola palabra
• Escoge palabras más cortas, utilizadas con más frecuencia y fáciles de pronunciar
• Evita las frases compuestas
• Elimina las frases pasivas

2. Haz tu texto escaneable

Ya hablamos de esta tendencia en el artículo 3 comportamientos típicos del usuario en la web y cómo testearlos. Los usuarios no leen, hojean. Sobre todo porque leer desde la pantalla del ordenador cansa. Permitir que los usuarios escaneen el texto es darles la posibilidad de orientarse dentro del texto y hacerse una idea sobre qué trata.

• Empecemos por un título significativo: tiene que contener la idea sobre la cual escribimos
• Incluye subtítulos y cabeceras con clara relación al contenido que preceden
• Utiliza negrita para destacar palabras, frases y enlaces
• Recurre al uso de listas de ítems
• Incluye tablas para categorías de información que se repiten

3. Da importancia a los enlaces hipertextuales

Los enlaces hacen la web. ¿Cómo presentarlos para que sean útiles, exactos y creíbles? Si la web es hipertexto, hay que aprovecharlo en beneficio de nuestra audiencia. Además, ofrecer enlaces de calidad es una muestra de confianza en la propia calidad de los contenidos de nuestra web

• Explícale al usuario qué verá clicando al enlace
• Pon el enlace al final de la frase o el párrafo
• Incluye máximo 3 enlaces en un párrafo
• Si hay más, organízalos en una lista
• Informa al usuario qué tipo de fichero va a descargar y qué tamaño tiene
• Utiliza las URLs cortas y descriptivas

4. Incluye párrafos concisos

La regla principal de un escrito es: un párrafo = una idea. Y para la web también vale más.

• Un párrafo = una idea = un propósito
• Incluye muchos párrafos cortos en vez de uno largo
• Utiliza la misma palabra si te refieres a la misma cosa
• Aplica la regla de la pirámide invertida: empieza por el resumen del texto, luego presenta los hechos más importantes y al final los detalles.

5. Reduce barreras cognoscitivas

Se trata de eliminar los elementos que pueden impedir entender el sentido del texto. El truco, si me permites, es no hacer pensar al usuario y darle ya todo “masticado”.

• No escribas frases con más de una oración subordinada
• Si es posible y no cambia el sentido, elimina la oración menos importante
• Evita agrupar varios sustantivos
• Utiliza verbos en vez de sustantivos verbales
• Evita las frases ambiguas para no despertar dudas
• Destaca el objeto y la acción en las frases para dejar claro quién hace qué
• Incluye menús evidentes y claros
• Ofrece varias rutas de navegación hacia el mismo contenido
• Enseña dónde el usuario se encuentra en tu web
• Si el usuario llega a su meta, hazlo saber, por ejemplo, cuándo ha finalizado el proceso de compra

Sin duda hay muchísimos puntos para completar este listado. Y si todavía añadimos más cosas de la disciplina de SEO tendremos que esforzarnos mucho para cumplir con cada regla. Pero, ¡no os desaniméis! Os propongo una solución simple: cada semana escoger un punto de todos los que hemos presentado e intentar ajustar el contenido de la web y así poderlo asumir sin problemas.

¿Qué te parecen estos consejos? ¿Añadirías algo más? Déjanos tu opinión…

Si te ha gustado este post y no quieres perderte los próximos, sigue este blog a través de Facebook, Twitter, y Google +. Y por último, un favor: si te ha resultado útil este post, usa los botones sociales aquí abajo para recomendarlo a tus amigos. ¡Gracias! ;-)

11 indicadores de usabilidad web

Original en: http://www.trucosoptimizacion.com/

Medir la usabilidad de un sitio web es una tarea muy compleja. Sobre todo, porque no podemos hablar de un indicador que nos lo evalúe todo. Más bien se trata de recoger diferentes métricas y compararlas en diferentes periodos de tiempo.

¿Y cuáles son? Os dejo un listado de 9 indicadores básicos junto con la explicación del SUS (System Usability Scale) y del SUM (Single Usability Metric).

9 Indicadores básicos

Cada vez que hacemos una evaluación de la usabilidad web, deberíamos conocer y utilizar las siguientes métricas. La mayoría de ellas se pueden obtener gracias a un estudio de usabilidad presencial o remoto. Sólo 2 indicadores, los encontraremos en nuestras herramientas de analítica web.

• Ratio de ejecución de tarea. Es una métrica fundamental para medir la usabilidad web. Puede adoptar dos valores: “éxito” o  ”fracaso”. Deberíamos empezar por este indicador. Si el resultado no es satisfactorio, las demás métricas ya no importan mucho.
• Número de fallos de usabilidad. ¿Cuántos problemas hemos encontrado durante el test? A cada uno se puede asignar también su importancia y la probabilidad de ocurrencia.
• Tiempo de ejecución de tarea. La duración de una tarea es en realidad un indicador de su rendimiento. Se tiene que medir desde el momento en que el usuario acaba de leer las instrucciones del test y hasta terminar la tarea.
• Dificultad de la tarea. Es una evaluación subjetiva del participante del test que nos proporciona justo después de haber realizado la tarea.
• Dificultad del test. Después de haber terminado el test, los participantes deberían evaluar su impresión general sobre la dificultad del mismo.
• Errores.  Hay que apuntar todas las equivocaciones, errores, omisiones o acciones no deliberadas junto con sus descripciones. Más tarde se puede ordenarlas en categorías y asignar un nivel de importancia.
• Expectativas. Los participantes pueden también estimar la dificultad de una tarea basándose únicamente en su descripción. Así es posible comparar la dificultad esperada con la dificultad real.
• Páginas vistas / clics.  Esta es una de las dos métricas que podemos simplemente sacar de una herramienta de analítica web sin tener que realizar un estudio de usabilidad. Existe una correlación entre el número de clics y el tiempo de compleción de una tarea. Y el primer clic es muy importante para determinar si un usuario acabará completando la tarea o no.
• Conversión. Ratio de conversión es también una métrica que podemos encontrar en nuestra herramienta de analítica. Al fin y al cabo este ratio es un indicador de efectividad. Es una variación del ratio de compleción de la tarea, sobretodo para las páginas web de los e-commerce.

System Usability Scale

El cuestionario SUS sirve para complementar los indicadores que acabo de mencionar. Fue desarrollado en 1986 como parte de la introducción de la ingeniería de usabilidad a los sistemas de oficina de Digital Equipment Co. Ltd. Su propósito era proporcionar un test fácil de completar, fácil de puntuar y que permitiera establecer comparacionescruzadas entre productos.

La escala SUS se utiliza generalmente después de que un usuario ha tenido la oportunidad de utilizar un sistema. La escala SUS es una escala de estilo Likert (de 1 a 5) que genera un único número, representando una medida compuesta de la usabilidad del sistema global sometido a estudio. Está compuesta por 10 preguntas:

1. Creo que me gustará visitar con frecuencia este sitio web
2.  Encontré el sitio innecesariamente complejo
3.  Pienso que el sitio web es fácil de usar
4. Creo que necesitaría apoyo de un experto para utilizar el sitio web
5. Encontré las diversas posibilidades del sitio web bastante bien integradas
6. Pienso que hay demasiada inconsistencia en el sitio web
7. Creo que la mayoría de la gente podría hacer uso del sitio web rápidamente
8. He encontrado el sitio web bastante incómodo de utilizar
9. Me he sentido muy seguro haciendo uso del sitio web
10. Necesitaría aprender muchas cosas antes de poder utilizar el sitio web

El participante marca si está de acuerdo o no con estas afirmaciones. Para calcular la puntuación del SUS, hay que sumar primero las contribuciones de cada punto (son diferentes dependiendo de la afirmación) Se multiplica la suma de los resultados por 2.5 para obtener el valor global del SUS. El resultado estará entre 0 y 100.

Pero, ¿cómo interpretar los resultados del SUS? Jeff Sauro, después de haber realizado más de 500 tests,  mantiene que la nota media es 68. Un resultado más alto significa obviamente un nivel de usabilidad mejor que el promedio.

Single Usability Metric

¿Y si tuviéramos que elegir sólo una métrica? El SUM (Single Usability Metric) nos podría servir como una métrica única de usabilidad. Es una métrica compuesta que tiene en cuenta 4 indicadores de usabilidad: ratio de ejecución de tarea, duración de tarea, satisfacción y número de errores.

Además, se puede descargar una calculadora de SUM creada por Measuring Usability.

¿Una métrica o varias?

Para mi es importante tener dos visiones: una global  (SUM o SUS) y otra más detallada (9 indicadores). Un SUS, por ejemplo, nos permite efectivamente comparar diferentes webs o el mismo site a lo largo de tiempo, pero no nos dará información sobre qué tenemos que mejorar, o dónde está fallando la usabilidad de la web.

¿Qué te parecen estos consejos? ¿Añadirías algo más? Déjanos tu opinión…

Si te ha gustado este post y no quieres perderte los próximos, sigue este blog a través de Facebook, Twitter, y Google +. Y por último, un favor: si te ha resultado útil este post, usa los botones sociales aquí abajo para recomendarlo a tus amigos. ¡Gracias! ;-)

5 consejos sobre usabilidad dados por expertos

Original en: http://www.maestrosdelweb.com/

La usabilidad es un tema del cual nos gusta hablar. Ya te contamos sobre el “Rey de la Usabilidad“, te acercamos al “Día Mundial de la Usabilidad” y hasta financiamos armas para dar un tiro a los creadores de algunos sitios web. Sin embargo hoy te traemos 5 consejos sobre usabilidad que sacamos de entrevistas con expertos latinoamericanos en el tema.

Primero que nada.. ¿Qué es usabilidad?

En una entrevista anterior habiamos preguntado a Darcy Vergara – chilena, periodista y experta en UX y arquitectura de la información – sobre la definición de usabilidad, ella nos había dicho que “hay una confusión sobre la definición de usabilidad” ya que se confunde con las “acciones que se llevan a hacer que un sitio o una aplicación sea usable”. Aqui su definición de usabilidad en menos de 140 caracteres:

La usabilidad en sí es una medición que determina qué tan fácil de usar es un sitio.

César Soplin – peruano, viviendo en Argentina, con experiencia en el rubro de usabilidad – dice estar de acuerdo con la definición de usabilidad dada por Jakob Nielsen: “es una atributo de calidad que mide lo fáciles que son de usar las interfaces Web“. Por su parte Claudio Merino – chileno con “base en Buenos Aires”, especializado en el diseño de interacción – nos cuenta que le gusta la definición que da Steve Krug en su libro “No me hagas pensar”:

Después de todo, la usabilidad sólo significa el asegurarse de que algo funcione bien: Que una persona con capacidad y experiencia media (o incluso por debajo de la media) pueda ser capaz de usar algo (Ya sea un sitio web, un avión de combate o una puerta giratoria) con el objetivo deseado sin sentirse completamente frustrado.

También consultamos a Natalia Vivas – colombiana que se define como una “freak de la usabilidad” – y nos dijo que para ella la usabilidad es “la capacidad que debería tener un objeto virtual o físico para que su uso sea comprensible, reconocible y fácil de aprender, sin instrucciones, sin manuales, sin ayudas.” Además agregó que:

Hacer usabilidad es hacer que el usuario se enfoque en su tarea y no en la tecnología ni los controles que le permiten realizarla.

5 consejos para respetar la experiencia del usuario

Pedimos a los expertos en usabilidad que nos den tips o recomendaciones de usabilidad y esto fue lo que nos dijeron:

1. El usuario es primero: Cesar Soplin nos dijo que este es el principal consejo de usabilidad que se puede dar, ya sea cuando se diseña, programa, se habla con el cliente o cuando se decide el “usuario es primero, siempre”. Nos dice Cesar que el diseñador tiene que tener claro esto desde que se pone a trabajar en web, diseñamos para los usuarios: “si el usuario no puede usar el sitio, no es negocio.”
2. Conocer al usuario: Nos comenta Claudio Merino que lo importante es ponerse en el lugar del usuario y es importante conocer y trabajar en todos los procesos; desde la conceptualización inicial, arquitectura, arte, maquetación e integración. Darcy Vergara agrega que conocer a las personas para las cuales se diseña “no es a quienes los contrató, sino a quienes usaran el sitio“.
3. Cumplir el objetivo del sitio: Según Natalia el principal reto es lograr que el público cumpla la principal tarea para la que fue diseñado el sitio: “Lo importante de la usabilidad es la facilidad con la que deberíamos usar cualquier cosa, sin pensar en el objeto y/o interfaz sino en la tarea que queremos realizar: comprar, consultar, buscar, reservar”
4. Investigar, mostrar trabajos y pedir consejos.
5. Innovar en base al feedback: Nos dice Darcy Vergara que si uno innovará en diseño tiene que ser con los usuarios: ”Los usuarios no son tontos y que a pesar que muchos de ellos son enemigos de los cambios, cuando uno desarrolla pensando en ellos, con su feedback previo, no hay nada qué temer.”

De la teoría a la práctica: algunos sitios de ejemplo

Estos consejos puestos en acción se pueden ver en algunos sitios recomendados por nuestros entrevistados:

http://www.flickr.com/apps/slideshow/show.swf?v=109615

• Redes Sociales

Timeline Facebook: Afirma Claudio que “hoy en día cualquier sitio relativamente grande y moderno ya tiene incorporado todos los elementos de “usabilidad” necesarios para que funcionen bien” y agrega que “ya hay un consenso en la industria en cuanto a tipos de menú, jerarquía de elementos y disposición de módulos dentro del sitio”. Y destaca el timeline de Facebook en cuanto a experiencia de usuario.

• Agencias de noticias

Cesar se mueve en el ámbito de las noticias y destacó a  The Verge por su diseño moderno y amable con el usuario, al Boston Globe por el uso de responsive web – especialmente para móviles – y el sitio de TN.com.ar por estar bien organizado y ser muy sencillo de usar.

• Plataformas de E-commerce:

Amazon.com: Darcy destaca “la inteligencia que le pone amazon a su proceso completo de compra”. Aclara que si uno se enfoca sólo en la web, no es el sitio más usable del mundo ya que a veces puede resultar un poco complejo pero “al final la gente termina entendiendolo”. Lo que destaca de Amazon.com es la experiencia completa de comprar en amazon ya que siempre están dispuestos a ayudarte si algo falla: “si escribes un correo preguntando algo te responden en menos de 2 minutos una respuesta certera.”

“Eso es experiencia de usuario, algo que es transversal al servicio y no sólo contempla el sitio, es una experiencia completa.” Comenta además “no vale de mucho tener un sitio perfecto y que tu servicio off line sea un desastre, todo lo que ganas en experiencia online lo pierdes con los mismos clientes en el mundo off line.”

etzy.com: Para Natalia fue difícil contestar esta pregunta porque dice que hay sitios con funcionalidades fáciles de usar y reconocer, sin embargo destaca a etzy.com: una tienda de “tiendas”, no solamente por lo fácil e intuitivo que es el proceso de compra sino también por el proceso de venta. “Los “Call to actions” están bien definidos, diferenciados y son consistentes durante todo el sitio, le permite al usuario concentrarse en el proceso de publicar y promocionar”. Según Natalia se puede definir con las tres palabras claves de la usabilidad: sencillo, eficiente y satisfactorio.

Si trabajas en el tema, hay un mensaje para ti

Cada experto nos dio un último mensaje para todos los que trabajan o están trabajando en el tema:

Claudio Merino: “La usabilidad no es una ciencia exacta y tiene mucho de subjetividad, por lo que es importante que los que comienzan en el campo se atrevan a mostrar sus trabajos y pidan consejos. particularmente recomiendo suscribirse a las listas de  www.cadius.org y www.ixda.com.ar/“.

Natalia Vivas: “Investiga, estudia, sigue a los que saben en twitter, en linkedin, compra libros, léetelos, involucra a tus usuarios en el proceso y recuerda que por más esfuerzo que hagas investigando, leyendo, aplicando, siempre habrá usuarios que le será difícil usar tu sitio y hasta lo odiarán.”

Cesar Soplin: “Recuerda que el usuario es primero, siempre.”

Darcy Vergara: “Trabajen con usuarios, testeen, muestren sus maquetas a otras personas, hablen de lo que están haciendo, compártanlo, generen feedback”

El tema de la usabilidad da más para hablar, más cuando el “Responsive Design” se está convirtiendo en una tendencia del futuro de la web. Pero siempre y cuando nos sigamosinformando e intentar aprender cada más estamos por buen camino.

¿Y tú que consejo agregarías? ¿Qué sitios crees que son los más “usables?

Si te ha gustado este post y no quieres perderte los próximos, sigue este blog a través de Facebook, Twitter, y Google +. Y por último, un favor: si te ha resultado útil este post, usa los botones sociales aquí abajo para recomendarlo a tus amigos. ¡Gracias! ;-)

Disciplinas del marketing online y sus finalidades

Fuente: http://blog.lineasdemarketing.com/disciplinas-marketing-online-y-sus-finalidades/2010/10/27/

Dentro del universo del marketing online leemos o escuchamos contínuamente el nombre de las distintas disciplinas que lo componen: pago por clic, posicionamiento en buscadores, social media, reputación online, usabilidad, emailing… pero ¿realmente sabemos para qué deben utilizarse cada una de estas ramas del marketing digital? Pasemos a ver, una por una, cuáles son estas disciplinas y enumeremos el sentido del porqué de que cada una de ellos con el único objetivo común para todos ellos: Ganar más dinero a través de Internet.

Email marketing.

• Fidelización de clientes.
• Upselling.
• Generación de leads.

SEM: Search Engine Marketing – Marketing en motores de búsqueda.

• SEO (Search Engine Optimization – Optimización en motores de búsqueda).
  • Aumento de tráfico cualificado.
  • Acercar a los clientes potenciales a nuestro negocio.
  • Ganar visibilidad y popularidad en buscadores.
  • Obtener estabilidad en nuestro negocio.
• PPC (Pago por clic)
  • Aumento de clientes potenciales o a nuestro negocio.
  • Generar tráfico cualificado.

SMM: Social Media Marketing – Marketing en redes sociales.

• SMO (Social Media Optimization – Optimización para redes sociales)
  • Difusión.
  • Viralidad.
  • Participación.
  • Generar tráfico.
  • Generar branding, relevancia, popularidad y reputación Online.
  • Mejorar nuestro posicionamiento orgánico.

• Generación de contenidos en web 2.0
  • Aumentar el volumen de tráfico.
  • Generar branding, relevancia, popularidad y reputación Online.
  • Acercar los clientes a la empresa y obtención de feedback.
  • Mejorar nuestro posicionamiento orgánico.

• ORM (Online Reputation Management – Gestión de la reputación online)
  • Localizar errores desconocidos.
  • Mejorar nuestros productos/servicios o marca.
  • Captación y fidelización de clientes potenciales.
  • Generar e identificar prospectos o embajadores de nuestra marca.
  • Mejorar las relaciones con aquellos que no están contentos con nosotros

Factores de calidad (accesibilidad, usabilidad).

• Mejorar diversas tasas de tráfico.
• Fidelidad, lealtad, atención, rebote, profundidad de página…
• Cautivar a los usuarios.

Analítica web.

• Identificar puntos conflictivos de la web para solucionarlos.
• Potenciar elementos positivos.
• Incremento de su volumen de negocio en la red.
• Generar un tráfico de calidad.
• Convertir usuarios que visitan nuestra web en clientes.

Pero debemos tener presente algo que en ocasiones se nos olvida. Lo importante no es tener muchos seguidores en redes sociales, ni mucha actividad en los distintos canales de Internet creados para nuestro producto o servicio, ni salir entre los tres primeros ante la búsqueda de “Tiendas en Madrid” o similares. El verdadero objetivo es VENDER.

¿Qué opinas? ¿Falta algo? Tus comentarios y aportaciones son imoprtantes…

5 pasos para hacer tu web más legible

[Original en: http://www.trucosoptimizacion.com/index.php/2010/09/5-pasos-hacer-web-legible/]

En la web podemos hacer muchas cosas, pero una de las más frecuentes es leer. Tener un texto optimizado para la lectura es fundamental, no sólo por presencia en pantalla sino por eficiencia para el lector. Un texto legible se lee rápido, se comprende mejor. He aquí cómo conseguirlo…

5 fáciles pasos

• Alineado horizontal:
  Cualquier párrafo de texto debería comenzar a una distancia del margen izquierdo de la página situada entre los 300px y los 600px. Ni antes, ni después. Estas cifras se revelan a partir del reciente estudio publicado en Jakob Nielsen’s Alertbox, que demuestra cómo el usuario dedica el 69% de su tiempo en mirar hacia la mitad izquierda de la pantalla.
• Ancho de párrafo:
  Lo suyo es que cualquier párrafo deberá estar formado por líneas de texto de no más de 20 palabras por línea. Esto son alrededor de 500 pixeles de ancho en caso de utilizar un tamaño de fuente de 10-12px. Ciertos autores ajustan mucho más esta cifra. Este es el caso de las no más de 12 palabras por línea que sugieren en el libro “Web Style Guide – Basic Design Principles for Creating Website” y que está directamente relacionada con la fisiología del ojo humano. De ello también habla Russ Weakley en su artículo Ideal line length for content. En resumen, las consecuencias de optimizar el ancho de página son un incremento en la legibilidad del texto.
• Tamaño de fuente:
  Corresponde a la propiedad font-size.
  Como norma, es recomendable utilizar un tamaño de fuente igual o superior a los 10px. No obstante, es conveniente emplear tamaños de fuente alrededor de los 14px si la audiencia del sitio web gira más allá de los 40 años.
• Tipografía:
  Es la propiedad font-family del CSS.
  Los tipos de fuente más recomendados son aquellas especialmente diseñadas para ser mostradas en pantalla (y no en papel). Estas son las Arial, Georgia, Times, Verdana o Courier entre otras. Ante la duda, Verdana.
• Interlineado:
  En todo CSS esta es la propiedad line-height.
  El interlineado es un parámetro fundamental para lograr un texto legible. No interesan líneas muy juntas que hagan saltar de una a la otra por error. Tampoco líneas muy distanciadas que visualmente parezcan formar parte de párrafos distintos. Idealmente, es interesante utilizar un interlineado superior al tamaño de fuente. Es decir, para un tamaño de fuente de 10px es apropiado utilizar un interlineado de, por ejemplo, 12px.

En definitiva, aplicando estos consejos en tu actual o próxima web conseguirás un texto más legible. Es decir, un texto que se lee rápido y que dará pie a una buena comprensión.

Por último… ¿Que es eso de los ems?

Realmente, los ems son la solución a todos los males relacionados con ajustar el tamaño de un texto para la web.
La gracia de un em es que es una medida relativa al tamaño base utilizado. Dicho de otra manera, si el tamaño base de tu texto esta ajustado a 10px, 1em será igual a 10px (1 * 10px = 10px). Trabajar con ems facilita las cosas.
Así, para replicar las propiedades sugeridas en este post mediante ems, hay que hacer lo siguiente:

font-size: 10px; /* Este es el tamaño de fuente base para body */
font-size: 1em; /* Tamaño resultante: 1em * 10px = 10px */
line-height: 1.2em; /* Interlineado resultante: 1em * 10px = 12px */

¿Ventajas de utilizar ems? Si decidimos cambiar el tamaño de la fuente, sólo será necesario cambiar el valor para la fuente base. El resto se recalculará proporcionalmente.

Por cierto…

¿Conoces Typetester.org? Es un buen sitio donde testear todos los parámetros necesarios para conseguir tu configuración de texto ideal