Tracking del comportamiento de los usuarios con ClickTale

Usabilidad y Accesibilidad

Seguro que si vuestro negocio está en vuestra web os gustaría saber cómo se comportan los usuarios ante ella.

El análisis del comportamiento de los usuarios puede ser realmente útil para mejorar la usabilidad de vuestra pagina, pero sobretodo, puede ser útil para hacer que convierta más.

Pues bien, con ClickTale, no solo vamos a poder obtener valiosas métricas de cómo se comportan los usuarios como los mapas de zonas calientes, contadores de cuantas veces y cuanto tiempo pasan el ratón por encima de un link, tiempo que duda un usuario entre que se pone encima de un link y hace click; sino que además, vamos a poder ver este comportamiento grabado en video!!

Vamos, una pasada. No crees?

Publicado por: 0

Balance del 2011

Gestión de proyectos

Desde microteching queremos daros las gracias a todos los que nos habéis visitado, pero sobre todo, a todos aquellos que habéis colaborado con vuestros comentarios.

Gracias a todos ya tenemos alrededor de las 2.000 visitas mensuales y esperamos poder seguir creciendo y ofreciéndoos a todos nuestras experiencias en el campo del desarrollo web.

Feliz 2012, y esperamos seguir ayudándoos en la solución de problemas.

Happy coding!!

Publicado por: 0

Lytebox va muy lento en IE

Diseño web

Si utilizas el lightbox ‘lytebox‘ pero las transiciones te funcionan muy lentamente, tal vez lo mejor sea deshabilitarlas aunque sea solo para IE.

Para ello, abrimos el archivo “lytebox.js” y en línea 37 tenemos que poner:

this.doAnimations = (document.all && !window.opera) ? !checkVersion() : true;

y unas líneas más arriba entre “String.prototype…” y “function LyteBox() {“, añadimos esta función:

function checkVersion() {

    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {

        var ieversion = new Number(RegExp.$1)

        if (ieversion > 8 )

            return false;

        else if (ieversion <= 8 )

            return true;

    }

    return false;

}

Publicado por: 0

Problema del flash, el lightbox, y el z-index

Diseño web

Ahora vamos a hablar del clásico problema de cuando tenemos un lightbox y los vídeos de youtube salen por encima, o en general de cuando al abrir/expander/mostrar cualquier capa de nuestro html por javascript mediante un lightbox jQuery, o un drop down menu de mootools, o lo que sea, se nos queda cualquier SWF de flash que tengamos por encima.

Y ya le podemos poner z-index ya, que para el flash como si nada.

Esto como ya se ha dicho muchas veces es cuestión del wmode=”transparent”.

El problema bien cuando el que luego se va a encargar de meter los vídeos de youtube en la pagina que estamos haciendo es el cliente mediante el Tiny Editor o cualquiera de estos, o incluso poniéndolo a pelo en un textarea.

Si no nos curramos nada para que automáticamente se detecte el caso y añada el parámetro el sistema, al menos, si nos podemos currar una aviso muy sencillo para ponerlo encima del editor, y así cuando vaya a incluir el vídeo, podrá ver como hacerlo.

Aquí os dejo una imagen de como queda integrado en Joomla…

y el código:

<div>

Nota: <a href="#" onclick="jQuery('#yt_explain').toggle(); return false;">cómo debemos insertar vídeos de youtube</a> <br/>

<p id="yt_explain" style="display:none;">

    Para incluir videos de youtube <strong>utilizar el código antiguo</strong> (no el iframe).<br/>

    Además de tener en cuenta el tamaño del ancho (360px máximo) para obetner el codigo, una vez lo tengamos lo tendriamos que modificar ligeramente.<br/>

    Para que al mostrar la ventana de la/s imagen/es el video no se quede por encima, hay que añadir un parametro.<br/>

    Veremos que el código es de la forma:<br/>

    &lt;object&gt;&lt;param name=&quot;XXX&quot; value=&quot;YYY&quot;/&gt;<br/>

    Pues bien. Al final de todos los que aparecen, debes añadir uno m&aacute;s: <span style="color:red;">&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;/&gt;</span><br/>

    Ademas, veremos que tambien hay una cadena <span style="color:red;">&lt;embed</span> con xxxx=&quot;yyyy&quot;.<br/>

    Pues al final, antes del &gt; tambien añadiremos: <span style="color:red;">wmode=&quot;transparent&quot;</span>

</p>

</div>

Seguro que nos ahorra un montón de llamadas por teléfono o mails.

xD

Publicado por: 3

Creación de websites para hoteles con cloudhotelier

Joomla

Una de las presentaciones que más nos sorprendieron en el último joomla day 2011 celebrado en Zaragoza fué la de la plataforma “Cloudhotelier“.

Cloudhotelier es una plataforma para la gestión de reservas hoteleras que consta de 2 partes; una parte cloud donde pagamos según el servicio que queramos obtener y que nos permite configurar los datos y la disponibilidad de nuestro hotel o hoteles, y una parte de paquete web normal donde se nos ofrece la posibilidad de obtener un instalable de joomla preconfigurado de forma atractiva para un hotel con su módulo de búsqueda de disponibilidad que podremos configurar fácilmente para que tire contra nuestra instancia en el cloud.

La verdad es que nos dió la sensación de un producto bastante maduro con muy buenos acabados y una interfaz sencilla y usable.

Nuestra enhorabuena al equipo de Cloudhotelier.

Publicado por: 0