Archive for webmasters

 

La transparencia es un valor fundamental. Google cree que su responsabilidad es asegurar la máxima transparencia en todo el flujo de información relacionada con sus herramientas y servicios, para ello ha implementado transparencyreport. Para mostrar las solicitudes de los gobiernos (aunque sean atroces dictaduras) y para obtener información sobre los usuarios y su manera de usar los servicios ha creado un mapa interactivo.

Herramienta de Goole para informes de Transparencia


Los gráficos de tráfico interactivo proporcionan información sobre el uso de los servicios de Google en todo el mundo. Cada gráfico muestra los patrones de tráfico en un determinado país o región. Esta herramienta nos ayuda a ver interrupciones del servicio en los estados autoritarios.


Gráficos de tráfico de Google Transparency


La herramienta tiene dos partes:

  • Informe de transparencia: información sobre el tráfico que reciben los servicios de Google en todo el mundo. Cada gráfico muestra los patrones históricos de tráfico para un país/región y un servicio determinados. Y de paso nos recuerda que hay algunos países que no son más que indignas dictaduras. Tiene una aplicación práctica evidente a la hora de implementar campañas de AdWords con contenido horario.


  • Solicitudes gubernamentales: requerimientos de organismos gubernamentales para que Google retire contenidos o para proporcionar información sobre usuarios de servicios y productos (guauhh, da mucho miedo,¿verdad?).

 

 

Congreso Internet del Mediterráneo: logo

Congreso Internet del Mediterráneo en Alicante

Palabras de Oro: La clave del éxito 2.0

 

He simplificado mi resumen de lo que encontré en el Congreso de Internet del Mediterráneo, en esta lista de palabras de oro, porque considero que en ella está la clave del éxito en el mundo 2.0. Y es lo que he sacado de allí.

Palabras de oro: la mayoría muy apreciadas y utilizadas en este blog.

Esto es lo que te vengo a dar en este artículo. Pueden parecerte sólo palabras, o no. Yo te las doy como lo mejor que he encontrado:

  • Pasión
  • Honestidad
  • Generosidad
  • Calidad
  • Usabilidad
  • Reputación
  • Bajo Coste (Low Cost)
  • Receptividad
  • SEO
  • Simplicidad
  • Intuición y Sentido Común
  • Análisis
  • Buenas Fuentes
  • Valor
  • Objetivos Claros
  • Aprendizaje
  • Humildad
  • Persuabilidad
  • Productividad
  • Humanidad
  • Seguridad
  • Diferencia

Estas palabras hablan por sí solas y ya son en sí mismas herramientas poderosas para lograr el éxito.

En otros artículos profundizaré en algunas de ellas argumentando dónde reside su fuerza, aunque puedan aparentar ser simples obviedades.

 

— Pero ahora quiero hablarte de mi experiencia en el Congreso de Internet del Mediterráneo:

Siguiendo con la simplificación, lo resumiría destacando éstas palabras de mi Lista de Oro:

Las tres Haches:

Honestidad, Humildad y Humanidad, me han llamado mucho la atención, ya que es la primera vez que asisto a un congreso de este tipo y, sinceramente, no esperaba tan altas dosis de estas maravillosas cualidades. Esperaba que los ponentes aprovecharían la ocasión para inflar el ego, cosa a la que nos tienen acostumbrados muchos en este mundo 2.0. No hubo nada de eso.

Otra de las palabras de oro que me ha sorprendido mucho es la Generosidad de todos los ponentes. A quienes desde aquí quiero agradecerles el esfuerzo la Pasión y el Mimo que han puesto en sus presentaciones.

La Calidad ha sido la Reina del Congreso, en todos los aspectos: ponencias, ponentes, organización, moderación, asistentes, networking, infraestructuras, catering…¡La Red Wifi!, el personal… A todos muchísimas gracias por vuestro buen hacer.

Y, bueno, he aprendido tanto, a todos los niveles, que Ahora, por fin, estoy preparada para conseguir el ÉXITO. ;))

 

— Primer diagnóstico del Congreso Internet del Mediterráneo:


Humanidad

Aunque ya he dejado claro que TODAS las ponencias fueron de un altísimo nivel, calidad y generosidad, quiero resaltar la conferencia del profesor Andrés Pedreño, que, para ser la última, me impactó especialmente: fué rotundamente brillante. Coincido en todo con él y te lo recomiendo como referencia principal.

En todas las ponencias destacaron la Generosidad, Sabiduría Utilidad y Humildad. Incluso, a veces, con casos prácticos reales, muy bien explicadas y muy amenas.

 

— Lo que pillé de las ponencias a las que fui - Congreso Internet del Mediterráneo

No es lo más importante de lo que se dijo, pero es lo que tengo:

 

- Andrés Pedreño – Conferencia

  • El open source se convertirá en el paradigma del conocimiento en los próximos años. Aprovéchalo.
  • Internet de bajo coste.
  • La recomendación más sabia de Google: cuida el Contenido y a tus Usuarios.
  • FaceBook y Twitter no tienen plan de negocio o no lo dicen, GOOGLE SÍ.
  • Hay que saber identificar las IDEAS de las ocurrencias.
  • Las ventajas en internet son efímeras, hay una competencia brutal.
  • A las empresas hay que venderles realidad. No modas, tecnicismos ni palabrería 2.0.
  • Basarse en Fuentes Originales y de Calidad.
  • Escribe Bien.

- Oriol ibars – Persuabilidad

  • Es el año del ecommerce pero en España (sin TPV INTEGRADO¿? )
  • Guardar los TPV como oro en paño porque están francamente difíciles.
  • Recomienda shopify, magento.
  • Las propuestas de valor de las empresas han de ser como las de El Padrino: imposibles de rechazar.
  • Con los tests multivariables logramos subir las búsquedas, (cruzándolo todo).
  • Crea tiendas-cobaya con fundas chinas de Iphone, sólo para testear módulos de control de uso de clientes.
  • Dar opciones cuando te abandonan.
  • Registro de usuarios- Suscriptores de pago – Compras
  • No copiar a la competencia a la hora de testarse.
  • Combinar tipos de conversión con tipos de escenario.
  • Que el buscador funcione, sea capaz de corregir la ortografía y ofrezca productos alternativos.
  • Tagear muy bien el embudo de conversión.
  • Proponer en las cabeceras las ventajas.

-Fernando Muñoz – @senormunoz -
WordPress, un buen CMS y un buen SEO: equipo ganador

  • Hagamos que el robot nos visite cuando estemos actualizados.
  • Las Paginas en los WP, si estan bien hechas, posicionan muy bien.
  • Repetir enlaces es una insensatez a nivel de SEO, si es para el usuario seguro que podemos hacerlo de otra forma.
  • Cuidado con los Widgets y los plugins para WordPress que requieren enlaces porque pueden estar enlazando a sitios perjudiciales.
  • Frame Breaker plugin de wordpress para evitar que tu contenido aparezca bajo frames de terceros.
  • Mejor crear las URL, incluso categorías y etiquetas, con el .html
  • Etiqueta y categoría a la vez en WordPress: una de las dos sobra, crea contenido duplicado.
  • El titulo de un post no debe ser el mismo que el tag <title> .
  • Escribe para humanos no para SEO.
  • All in SEO Pack es el plugin rey de WordPress en SEO.
  • Enlaza. Seamos generosos.

- Ricardo Tayar – @rtayar: – Analítica Web

  • Diseño de cuadro de mando con API Analitics.
  • @rtayar recomienda una licencia básica de crazyeggs solo 9 €/mes y te permite monitorizar como actua el usuario en tu web
  • Las 10 leyes de Dieter Rams (recomendadas).
  • OJo, las landings no son universales, prueba-error, no hay otra!!.
  • Recomienda usar CrazyEgg para testar formularios de contacto.
  • Implementar buscadores en todas las Webs: dan información de cómo la gente está buscando.
  • Importantísimo saber a que resolución ven los usuarios tu web para adecuar el diseño a ello.

- Eneko Knörr – @enekoknorr – Conferencia: Emprender

  • ¿Dónde está la pasta? "En la escalabilidad"
  • Antes de empezar una empresa hay que hacer una selección selectiva de los socios.
  • Cambiar SERVICIOS por PRODUCTO.
  • MOTIVACIÓN: Estar orgullos de trabajar donde estás,buen rollo,no hay horarios.

- Guillermo Vilarroig – @g_vilarroig – Reputación Online.

  • Lo primero que deben hacer las empresas es escuchar: programas que recogen y cualifican las opiniones online.
  • Es importante localizar a los "influenciadores", aquellas personas que mueven la opinión sobre tu marca.
  • Herramientas de monitorizacion y ORM gratuitas: Social Mention y yahoo pipes (con ayuda de desarrolladores)
  • Haciendo gestión de la Reputación, las conversiones serán mayores.
  • Se trata de estar donde esté el usuario.
  • Si quieres salir el primero que te merezcas salir el primero porque eres bueno.

- Fernando Polo – @abladias – Medios Sociales

  • La importancia de los indicadores (KPI) en las Redes Sociales.
  • Vincular el coste de un proyecto SMM a ROI es difícil.
  • El SMM dejara de llamarse así porque el business en si, será social, estará asumido.
  • Hay que crear comunidad para que, en caso de crisis, tu comunidad te ayude a defenderte y te dé credibilidad.
  • Mirar a donde van empresas de software como Lithium y Jive para ver a dónde van los SM.
  • Google Website Optimizer: una herramienta clave para optimizar las landing pages.
  • Una diferencia entre SEO y SMO es que en SEO salir más arriba siempre es bueno, pero no sucede eso en SMO.
  • El ROI de la social media es todo intangibles.
  • Leer "Y Google cómo lo haría" y estudiar a Brian Solís.

- Andres Karp – @andreskarp: – Usabilidad para Móviles

  • Que symbian alcanza el 69 % del mercado, frente al 9 % de iphone y 6% de blackberry.

– Monserrat Peñarroya – @montsepenarroya

  • Existe relación directa entre tamaño del site y tráfico recibido.
    (En esta ponencia no estuve)
    Estuvo @corbax y quedó maravillado. A ver si nos cuenta algo)

- Javier Gosende – @javiergosende – Herramientas Pago Por Clic

  • ¿Por que hacer pago por clic? Flexible, medible y rentable
  • Pasos a seguir en campaña PPC: objetivos, investigacion, setup, lanzamiento, analisis, optimización.
  • Multiplica cpc por quality score = ad ranker, quien lo tiene mas alto como factor de google aparece más arriba en adwords.
  • Velocidad de carga, relevancia (usar la keyword), obtener mejor tasa de clicks incrementan mi quality score y suben mi posición.
  • TEst A/B en landing pages o test multivariantes para conseguir landing pages que convierten más.

- Juan Carlos Sanjuan - @juancsanjuan – Community Managers podemos ser todos.

  • Generar FANS, no seguidores.
  • ——————————————————————————-
  • Gracias a todos y enhorabuena a Fernando Maciá @fernandomacia por la organización y moderación.
  • Mención especial a Miguel López de Tallerseo @tallerseo, a Esteban Rodrigo @erodrigo, y a Lasse Rouhiainen @lasseweb20 por sus buenísimas aportaciones en la Mesa Redonda.
  • #cintermed – Y aquí puedes enterarte de más cosas sobre el Congreso de Internet del Mediterráneo y de dónde estarán colgadas, poco a poco, todas las ponencias.
  • ¡¡¡A por el Éxito!!!

Si te ha gustado esta entrada puedes compartirla. Si quieres dejar un comentario, te estaré muy agradecida. Gracias por venir..!!
Juana Corbalán de Corbax

HTML5 = HTML + CSS + JS APIs

El nuevo estándar, HTML5, nos promete una larga lista de cambios grandes e interesantes, tanto para usuarios como para profesionales del medio. Vamos a ver algunos de especial relevancia.

 

HTML5 proporciona a los desarrolladores una manera más sencilla de crear aplicaciones Web con más potencia y menos fallos.

Los usuarios verán las aplicaciones Web en tiempo real de forma más suave y con menos errores. Ya que HTML5 promete un camino más fácil para los desarrolladores en la creación de sitios web que se actualizan en tiempo real.

Los desarrolladores deben realizar complejas tareas de codificación que, fácilmente, pueden acabar introduciendo errores y haciendo que las aplicaciones fallen.

Bruce Lawson, que evangeliza sobre los estándares web abiertos de Opera Software, señala que al grupo que trabaja en el HTML5, se le asignó la difícil tarea de hacer que la especificación fuera más tolerante que sus predecesores, para que los sitios web más antiguos o mal codificados funcionaran mejor en navegadores habilitados para ejecutar HTML5

  • Web Sockets: conexión permanente entre una página y un servidor.
    Una de las mejoras más interesantes que puede ofrecer HTML5 es la característica Web Sockets: proporciona un sitio web con una interfaz de programación de aplicaciones (API) que abre una conexión permanente entre una página y un servidor, para que la información pase entre ellos en tiempo real, (sin tener que hacer una solicitud cada vez que se quiere una actualización). Web Sockets promete una forma fácil de que los desarrolladores creen páginas web que cambien en tiempo real.
  • Mayor velocidad y mejor funcionamiento:
    Las páginas se cargan más rápido (sobre todo en dispositivos móviles), y funcionan mejor, gracias a la red de comunicaciones de HTML5 y a un navegador de almacenamiento.
  • Web Storage
    HTML5 también puede ayudar a que las aplicaciones web funcionen mejor cuando los dispositivos están desconectados (o intermitentemente) de Internet, como los teléfonos inteligentes. Una característica llamada Web Storage permite a las aplicaciones Web almacenar más datos en el navegador, recuperarlos de forma más inteligente, y controlar cómo los navegadores guardan ciertas partes de páginas para agilizar la carga.

Una fórmula mágica:

HTML5 = HTML + CSS + JS APIs

  • Mejor manejo de formularios, reduciendo el código javascript:
    HTML5 también mejorará el rendimiento de los navegadores con un mejor manejo de los formularios: menos javascript, más velocidad de carga de la página…
  • Funciones CSS diseñadas para trabajar con HTML5:
    Además varias características de la nueva versión de CSS, están diseñadas para trabajar con HTML5, haciendo a las páginas Web más sensibles a la entrada del usuario y permitiendo gráficos de alta calidad.
  • Muchas web profesionales funcionan como aplicaciones de escritorio (suite de oficina o herramientas de edición de fotografías p.e.). Pero las funciones más sofisticadas dependen de conexiones que los desarrolladores crean entre diferentes tecnologías Web, como HTML, JavaScript y hojas de estilo (CSS). Esto hace a esos sitios más lentos y vulnerables a los agujeros de seguridad.
    Con las nuevas características de HTML5, como Web Sockets, también estos sitios serán más rápidos, potentes y seguros.
  • Más interoperabilidad entre navegadores:
    Otra importante mejora es el ‘parser’ del HTML5. Es un analizador del navegador que lee las etiquetas utilizadas para construir una página y busca cómo mostrarlo. Esto hace que los navegadores sean más interoperables en la forma en que manejan el código mal escrito: el analizador especifica cuáles son las respuestas a los erroresen lugar de dejar que cada creador del navegador decida cómo manejar el código imperfecto. Esto ofrece una experiencia de usuario más sólida, sin importar el navegador que se utilice.
  • Vídeo en el navegador, sin plugin, gracias a HTML5:
    HTML5 ha atraído la atención por su capacidad de mostrar vídeo dentro de un navegador web, sin necesidad de plug-ins como Flash de Adobe. Aunque esta no es la característica más importante de HTML5, ni mucho menos, está claro que es una gran novedad y alivio para los usuarios y que podremos disfrutar de lo lindo de este nuevo formato para el vídeo.

    YouTube acaba de anunciar que cambia el código para embeber vídeos. El nuevo código utilizará un iframe que permitirá ver los vídeos embebidos tanto en Flash como enHTML5, en función de la configuración del navegador del usuario.
    Por defecto se mostrará HTML5, cambiando a Flash siHTML5no está disponible.
    El ejemplo del nuevo código, mucho más corto:
    <iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
    </iframe>

Naturalmente llevará su tiempo hasta que todo esto esté bien implementado.
Actualmente sólo Chrome, Safari, Firefox y Opera soportan la mayoría de las características de HTML5, (no todas).

HTML5 = HTML + CSS + JS APIs

Con este enlace podrás comprobar en qué medida tu navegador soporta HTML5. http://www.html5test.com/

 

Consideraciones personales:

"La base de HTML5 es implacablemente pragmática"

Bueno, sin duda un momento emocionante para los desarrolladores web, pero también los usuarios lo notarán bastante, sobre todo en algunos aspectos.

Y, sin duda, HTML5, también traerá nuevas normas.

Felicitemos al grupo de trabajo HTML5 y a todos los que están detrás de todo esto ya que estas innovaciones encaminadas a mejorar la web, no sólo permiten aumentar la sofisticación en el diseño y la funcionalidad de los sitios web, sino que contribuyen a reforzar la libertad del usuario y a abrir más el horizonte y las mentes…

…Alabados sean…!

Aquí te dejo algunos enlaces a contenidos muy interesantes sobre HTML5 para que vayas haciendo boca y te relajes ante lo que se nos viene con la implementación del nuevo lenguaje de marcas HTML5:

HTML5 gallery

Canvas Vídeo 3D

Chrome Experiments

SlidesHTML5Rocks – magnífica presentación y demo, en uno, (no se ve en IExplorer7).

Guía de HTML5 para desarrolladores web

Hojas de apoyo HTML5 y CSS3

fuente Technology Review

Si esta es tu primera visita tal vez quieras suscribirte RSS O via email para leer más artículos.
Si te ha gustado esta entrada puedes compartirla. Si quieres dejar un comentario, te estaré muy agradecida. Gracias por venir..!!
Juana Corbalán de Corbax

usabilidad: interfaz fácil de usar

⁓ El usuario no se va a aprender tu sitio aunque te empeñes

Una de las frases más repetidas en este oficio es que hay que diseñar un sitio pensando en los buscadores, pero sobre todo diseñar para los usuarios. Esto último es la usabilidad y aunque parece obvio, en la web -y no sólo en ella-, se sigue diseñando contra el usuario.

Y es que hay que empezar por saber cómo es el usuario para poder diseñar pensando en él. Te presento al usuario:

- El usuario No tiene tiempo, no sabe informática, tecnología ni diseño web. El usuario no sabe inglés, No quiere probarlo todo, No quiere recibir órdenes, No quiere música, No quiere esforzarse, No tiene paciencia, No juega a las adivinanzas.

Y el usuario se deja influir, (si no, que se lo digan a Google).

Jakob Nielsen, (el padre de la Usabilidad) llamó la atención sobre este punto: Los visitantes pasan el 99% de su tiempo en otros sitios web. Sobre todo, los que han venido por el buscador, tienen otras nueve opciones a su disposición si no les gusta lo que ven.

Los usuarios cada vez tienen menos tiempo para comprar y quieren servicios completos pero sencillos y transparentes.

La mayoría prefiere sitios que equilibren el diseño y la sencillez.
El diseño debe ser armonioso y eficaz:

Combina creatividad y usabilidad eligiendo siempre la función sobre la forma.

En el anterior artículo te traje buenas herramientas para medir la usabilidad. Ahora te traigo una lista de control de usabilidad para una puesta a punto de tu sitio web:

Lista de control de usabilidad

  • Equilibrio entre tecnología y necesidades del usuario. No dejes que la tecnología se interponga en la experiencia de usuario. Utiliza tecnologías compatibles, ligeras y sencillas. Muchas de las virguerías que encontramos en Flash, JS… etc se pueden hacer con HTML5 y CSS.
  • Siempre que uses algo más allá de HTML, pruébalo en Internet Explorer.
  • Optimiza la velocidad de carga de tu sitio. La rapidez es una ventaja que debe aprovecharse en el diseño de una tienda o sitio web. El usuario no espera, se va.
  • Añade un vínculo bien visible a la página principal en todas las páginas del sitio.
  • Vincula el logotipo a la página principal. Procura colocarlo arriba a la izquierda.
  • Procura no utilizar más de siete opciones en tu menú de navegación. Hay que evitar a toda costa agobiar al usuario.
  • Utiliza los conceptos estándar para las funciones estándar: "buscar" para las búsquedas, etc.
  • Sé coherente, utiliza siempre la misma nomenclatura para las mismas cosas. Hay que evitar confundir al usuario.
  • Reduce al mínimo el uso se términos extranjeros. Nuestro usuario no sabe idiomas.
  • Evita la jerga técnica: términos informáticos o propios de internet.
  • Adapta los textos a las características de tu sitio web.
  • Utiliza un texto específico y descriptivo en los vínculos: evita cosas como "pinche aquí".
  • Añade una descripción alt en las imágenes. Esto mejora la usabilidad, la accesibilidad y el SEO.
  • Haz que las imágenes de los productos se puedan ampliar pulsándolas.
  • Crea suficiente contraste entre el color del fondo y el del texto.
  • Añade color de fondo a los div que llevan imagen de fondo. Olvidarlo es un error muy común. Para los usuarios que desactivan las imágenes, desaparece el contraste entre texto y fondo, convirtiéndose en texto ilegible.
  • No engañes al usuario. Los vínculos deben llevar a donde prometen ir.
  • Señala claramente los vínculos a archivos PDF como tal, y especifica su tamaño.
  • Facilita la impresión de tus páginas, ofreciéndolo como opción.
  • Ofrece tu contenido en otros formatos, como PDF o dispositivos móviles.
  • Personaliza la página de error 404: transfórmala en algo humano y sensato.
  • Resalta claramente todos los vínculos para que el usuario sepa que se pueden pulsar sin tener que investigarlos.
  • Aumenta la zona de accion del vínculo para acertar a la primera: simpemente añadiendo padding alrededor del vínculo. (Esto es muy práctico y sobre todo para los teléfonos móviles).
  • Pon un vínculo a tus datos de contacto (o los datos mismos) en un lugar bien visible en todas las páginas web del sitio.
  • Añade una página con las indicaciones sobre la protección de datos en tu sitio web.
  • Incluye un vínculo a tus datos legales en todas las páginas.
  • Prueba todas las funciones en los principales navegadores.
  • No lleves al usuario a otras páginas sin que ellos hagan nada. El usuario quiere tener el control.
  • Música no, por favor.
  • Procura que las aplicaciones den suficiente feedback al usuario. Muchas veces el usuario se encuentra ante una situación en la que no pasa nada, (sin saber que la operación se está realizando), y se va. Se evitaría con un simple: "operación en curso, espere un momento, por favor"
  • Retroalimentación: incita al usuario a dejar su opinión. Esta es una útil prueba de usuario para medir la usabilidad de tu sitio web. Utiliza encuestas…

Usabilidad en la Tipografía:

  • Una tipografía "sans-serif" facilita la lectura en la pantalla. Arial, Helvética y Verdana son compatibles con todos los navegadores y muy usadas. (Ahora Google ha sacado un directorio de fuentes).
  • Un tamaño de fuente suficiente: de 9 a 16 píxel.
  • Ancho de texto fijo y de 700 px. máximo.
  • Un interlineado adecuado para una buena lectura: Estoy usando 1.65 em.
  • Frases breves y concisas: que resuman los puntos clave y vayan al grano.
  • Párrafos cortos, de menos de 5 líneas, a ser posible.
  • Corrige los textos, por favor.
  • Resalta en negrita los conceptos principales de los textos densos.
  • Utiliza listas de boliche y numeradas:
  • Utiliza títulos y subtítulos concisos y descriptivos.

Usabilidad en los formularios:

Pon especial atención en mejorar la usabilidad de los formularios. En este enlace tienes información completa y detallada. No obstante destaco algunos puntos importantes:

  • Cambia el puntero del cursor en las etiquetas para avisar así de que hay un vínculo
  • Limita tus formularios a lo realmente imprescindible.
  • Asocia las tiquetas de formulario a los campos de formulario de entrada.
  • Señala los campos que son obligatorios,
  • Incluye mensajes de error adecuados.
  • Envía automáticamente por e-mail el formulario rellenado como confirmación.

⁓ Conclusiones

Los servicios de internet tienen la gran ventaja de la inmediatez y la comodidad.
Pero para la mayoría de los usuarios usar un sitio web es algo con lo que quieren terminar cuanto antes para seguir con su vida.

A estas alturas ya te habrás percatado de que los usuarios esperan mucho de los sitios web y son muy poco tolerantes con los diseños poco funcionales: "Quieren Usabilidad"

Pues démosle Usabilidad en nuestras interfaces.

fuentes: "Usabilidad" de Jakob Nielsen

"Website Boosting" de Mario Fisher

Si esta es tu primera visita tal vez quieras suscribirte RSS O via email para leer más artículos.
Si te ha gustado esta entrada puedes compartirla. Si quieres dejar un comentario, te estaré muy agradecida. Gracias por venir..!!
Juana Corbalán de Corbax

mapa de calor del Antártico

Con estas herramientas podrás medir la usabilidad de tu tienda virtual o sitio web y descubrir que el hermoso jardín que para ti es tu web, es para otros una carrera de obstáculos.

⁓ herramientas de usabilidad

 

Navflow

Es un test de usabilidad para comprobar cómo los visitantes de una página web navegan por el contenido del sitio. Determina exactamente dónde el usuario hace clic y qué caminos sigue al navegar por el contenido, en unos minutos.
Puedes probar lo que quieras, desde sitios web a aplicaciones de escritorio, maquetas…
Sólo hay que subir los diseños de las diferentes páginas que componen una sesión típica de navegación en la web y decidir si queremos usar la comunidad de testeadores de navflow o mantener el proyecto privado para que podamos elegir nuestros propios usuarios.
Podemos participar de cualquier test existente en navflow.
Los resultados se muestran en forma de gráficos, de forma intuitiva y sencilla de entender, perfecto para que podamos tomar decisiones sobre alteraciones en la estructura del contenido.

⁓ UserPlus

Esta aplicación es una buena herramienta de usabilidad: permite registrar nuestros diseños y responder a una multitud de preguntas relacionadas con la usabilidad, obteniendo a cambio una puntuación que nos será de gran utilidad al presentar nuestro trabajo..
Muy útil como plataforma para tener tener bajo control los elementos clave de un buen diseño.
Hay que pedir una invitación para probarlo.

⁓ 20 herramientas para evaluar la usabilidad

En User Effect, Dr. Pete recoge 20 herramientas para evaluar la usabilidad, en un documento disponible en PDF.

Están clasificadas en 4 Tipos de herramientas de usabilidad:
I. Mapas de calor - Heat Mapping
Asignación de calor- Simples y accesibles herramientas de mapeo de calor que le permiten comprender visualmente el comportamiento del usuario: miden los clics de los visitantes y crean mapas visuales de la actividad del usuario por zonas..
Simuladores de rastreo ocular-
II. Pantalla de grabación – Screen Recording
Grabadores de pantalla – seguimiento de los visitantes a su sitio web para crear un video simulado de cada una de las sesiones de usuario.
III. Pruebas de usuarios -User Testing
Herramientas de pruebas de usuario – simula las pruebas tradicionales de usabilidad, basadas en tareas.
IV. Comentarios del usuario -User Feedback
Comentarios de los visitantes.

⁓ A destacar ClickHeat, ClickDensity o CrazyEgg

Con las que podemos obtener un buen informe de anlítica web, el Site Overlay (superposición de sitio): ver sobre la propia página el número de clicks que se han hecho en cada enlace.

Con estas herramientas también puedes segmentar los datos y saber qué hace un segmento de usuarios con respecto a otro. Por ejemplo, los clientes contra los que no lo son. O los que vienen por Adwords contra los que vienen por tráfico directo o por los buscadores.

Gemma Muñoz nos ofrece un interesante artículo sobre la relación directa de la usabilidad con la analítica web.

⁓ Protofluid

Una herramienta interesante para probar tu web en distintos tamaños y navegadores: Sólo tenemos que indicar la url, el dispositivo y el tamaño, mostrando un popup con el resultado.

Con Media queries para CSS3, trucos y consejos para su correcto uso. Una aplicación que se presenta como una aplicación web en HTML5 y CSS3 para prototipado.

Una buena herramienta para quien trabaja con diseño web.

 

⁓ Conclusiones ⁓

Una vez probadas estas herramientas de usabilidad en tu tienda o sitio web y entendidas las razones por las que los usuarios salen escopetados al primer intento, deberás pasar a la acción.

No hay problema, para ello te he preparado una lista de control de usabilidad con la que tu trabajo será pan comido.

Y en los resultados lo verás.

Venga! Anímate… todo se arrreglará. ;-))

Si esta es tu primera visita tal vez quieras suscribirte RSS O via email para leer más artículos.
Si te ha gustado esta entrada puedes compartirla. Si quieres dejar un comentario, te estaré muy agradecida. Gracias por venir..!!
Juana Corbalán de Corbax

indexación de cabeza humana

Matt Cutts aclara algunos aspectos sobre el rastreo y la indexación de Google.

La entrevista a Matt Cutts (de Google), realizada por Eric Enge (de StoneTemple Consulting), el 14 de marzo, no tiene desperdicio.
Gracias a los buenos oficios de nuestro equipo de videntes hemos podido entresacar de las declaraciones de Matt Cutts (en inglés y siempre difusas, como el SEO mismo), los siguientes puntos:

  1. El número de páginas que indexa Google es proporcional al Page rank de tu sitio.
    No existe límite en el número de páginas indexadas: Google indexa páginas en función del PageRank de las páginas web del sitio.
  2. La indexación también puede verse afectada por la carga del servidor: el número de conexiones simultáneas permitidas para que la araña explore el contenido.
  3. Una redirección 301 no siempre pasa todo el PageRank de la antigua URL a la nueva. Esto ha sido confirmado por Matt Cutts en la entrevista. nunca fue confirmado por Google.
  4. Google indexa muchos sitios con contenidos duplicados y de todas las páginas duplicadas que encuentra, saca dos y mantiene sólo una, decidiendo qué URL es la principal y pasando todo el PageRank de las demás “copias” a esa URL principal. Lo malo es que es Google quien decide cuál es la página principal, y lo bueno que se pasa el PageRank de los duplicados.
  5. Cuando enlazas desde una página a otra con contenido duplicado, estás perdiendo ese Page Rank. En realidad Matt Cutts responde a esta pregunta de Eric Enge, con un: “Puede funcionar así”. Deduciremos que el contenido duplicado puede estropear tu PageRank!
  6. Cuando hay enlaces a varias páginas marcadas como contenido duplicado, Google intenta mezclar estas páginas como si fueran una sóla (a efectos de link juice que envían) en lugar de eliminarlas completamente. No intenta pasar todo el PageRank a la página que cree que es canónica.
  7. Es totalmente posible enlazar una página a sí misma con rel=canonical, y también lo es, al menos para Google, tenerlo implementado para cada página de tu sitio. Interesante manera de proteger tu sitio de engaños en la creación de páginas. Pero habrá que tener cuidado con la forma de implementar algo como esto.
  8. El rel canonical es una sugerencia, no una directiva. Google se reserva el derecho de determinar si el propietario del sitio es quien lo firma en el pie y no escuchar la etiqueta rel="canonical".
  9. Se puede hacer rel canonical entre dominios, (desde diciembre de 2009).
  10. Los enlaces desde sites afiliados, normalmente son detectados y devaluados.
  11. Bloquear páginas con el robots.txt no hace que esta se elimine del índice si ya estaba incluída.
  12. Google sigue trabajando para combatir el spam y los fraudes mediante links, con nuevas herramientas y tecnologías, entre otras cosas.
  13. No usar los identificadores de sesión (ID), es la recomendación de Matt Cutts.
  14. Ahora google tiene la habilidad a de ignorar completamente un parámetro en la URL, través de google Webmasters Tools.
  15. Googlebot puede ejecutar una buena parte de JavaScript. Esta es una buena noticia. No sabemos si esto significa que tal vez podría tomar ventaja AJAX o contenidos de intercambio o de inyección).
  16. Evita el pagerank sculpting, céntrate en crear buen contenido y conseguir enlaces de calidad.

Es interesante destacar que Google se centra en ver todo el contenido de la web, independientemente de si es o no duplicado, un formato de archivo ilegible, o lo que sea. El equipo de rastreo e indexación, aunque intente controlar cómo se hagan las cosas, quiere verlo todo.

Y para que completar esta información te vendrá bien el Informe SEO de Google, que ya ha salido.

Queda aún la pregunta:
¿Las declaraciones de Matt Cutts, son canonical?

Espero que te haya sido de utilidad esta información.

entrevista completa: entrevista a Matt Cutts,
resumen de 29 puntos en el blog de Stone Temple.

imagen de Scleroplex

Si esta es tu primera visita tal vez quieras suscribirte RSS O via email para leer más artículos.
Si te ha gustado esta entrada puedes compartirla. Si quieres dejar un comentario, te estaré muy agradecida. Gracias por venir..!!
Juana Corbalán de Corbax

8 consultas en 0,606 segundos