la nueva Web es también más accesible para robots. Esto último es muy importante. Con el rediseño en tecnologías estándares esperamos mejorar el posicionamiento de la misma en los diferentes motores de búsqueda y como consecuencia el volumen de tráfico y el número de reservas.

Como se respaldan estos comentarios cuando comparamos los datos del tráfico recibido entre Agosto con Julio. Mediante Google Analytics podemos comprobar que el tráfico recibido a través de buscadores ha aumentado en un 10.57%

Pero no sólo se trata de recibir tráfico sino que los visitantes encuentren que la Web sea facil de usar, tenga un contenido atractivo y que finalmente realicen conversiones (en el caso de la Web analizada que realicen reservas). Para analizar estas características son interesantes dos estádisticas el porcentaje de rebote y el tiempo medio en la Web.

Extracto de la ayuda de Google Analytics: 

El porcentaje de rebote el porcentaje de visitas a una sola página o visitas en las que el usuario ha abandonado su sitio desde la página de acceso (destino). Use este indicador para evaluar la calidad de las visitas; En caso de presentar un porcentaje elevado, significa que los usuarios no valoran como relevantes las páginas de acceso al sitio. Cuanto más atractivas resulten las páginas de destino, más usuarios permanecerán en el sitio y se convertirán en clientes. Para lograr reducir el porcentaje de rebote, intente adaptar las páginas de destino a cada una de las palabras clave y los anuncios que publica. Estas páginas deberían proporcionar la información y los servicios mencionados en el texto del anuncio. 

Cuanto menor es el porcentaje de rebote mejor. El porcentaje de rebote ha pasado de 36.34% a 17.02%. . Mientras que el tiempo medio durante el cual los usuarios permanecen en el portal Web ha aumentado un 75%. Ha aumentado de 2:31 a 4:26 minutos. Hay que controlar que el tiempo medio de nuestro usuarios no sea excesivamente alto en comparación de las páginas vistas. Por ejemplo, podríamos asumir que los usuarios tienen problemas si tuvieramos dos páginas vistas de media por usuario pero el tiempo medio fuera de 10 minutos.  El elevado tiempo que permanecen en el sitio se podría deber a que están perdidos por una navegación confusa. Hay que tener en cuenta la naturaleza de la tarea a realizar por los usuarios dentro del portal. Si los usuarios vienen a leer, como en este blog, el tiempo de permanecia debería ser mayor que en un portal en el que los usuarios comprueban cierta información y realizan una tarea simple.

Es importante entender las estádisticas de nuestro portal para ser capaces de mejorar el mismo y lograr satisifacer los objetivos de nuestros usuarios y los nuestros. Como muestran estos datos un simple rediseño puede tener un impacto muy positivo en el funcionamiento de una página Web.

La nueva Web debía permitir a Thomas y a sus colaboradores cambiar la información de un modo sencillo. Cada año hay que añadir nuevos profesores. Los profesores son músicos y se presenta una foto de ellos y su biografía. A veces, ésta contiene enlaces a su propia página Web. Toda esta información se puede cambiar desde el panel de administración sin asistencia de un programador. 

Formuarlio de inscripción de los cursos de verano

Así mismo, se añaden las fechas, precios y nombres de los nuevos cursos. Los asistentes pueden elegir que cursos quieren asistir en el formulario de inscripción. Así mismo, pueden elegir el régimen de alojamiento (pensión completa, media pensión, desayuno). El precio de los regímenes de alojamiento se fija en el panel de administración. Es decir puede cambiar cada año. 

Formulario de inscripción

Para hacer el formulario lo más accesible se divide en partes. Por una parte la información personal, por otra parte la información específica sobre la formación músical de los asistentes. Por ejemplo, Thomas pregunta los estudiantes cual ha sido su profesor, si ya se conocen previamente, el repertorio que desean ensayar etc. 

En la última parte del formulario el estudiante puede elegir el curso al que quiere asistir así como el tipo de alojamiento. También se muestra un resumen del coste del curso. 

El proceso de inscripción tiene varias etapas:

1. El usuario pulsa el botón de inscripción
2. La aplicación Web manda un email automáticamente al usuario para confirmar que la dirección de email facilitada es realmente de su propiedad. Dentro de este email hay un enlace que dirige a una Web que valida su dirección de email.
3. Al pulsar el enlace de confirmación se confirma su inscripción al curso. Hasta que esto no sucede, la inscripción aparece como no confirmada en el panel de administración.
4. Al confirmar la inscripción el panel de administración envía automaticamente un email con los datos que facilito durante la inscripción confirmando al estudiante que su inscripción ha sido aceptada.

Proceso de Inscripción

Idiomas

La web se ofrece tanto en ingles como en alemán. En la entrada Web en varios idiomas describía está característica. 

Ofrecer una copia exacta o una versión algo diferente

En principio podemos pensar que un portal Web en varios idiomas debe estar compuesto por varias replicas del mismo contenido. Sólo que traducido. Es decir que nuestro visitante va a tener la misma experiencia en nuestro portal independientemente del idioma en el que navegue. El portal que construí para loscursos de verano en Bad Leonfelden (Austria) es un ejemplo de esto. El menú de navegación permite cambiar entre la versión en ingles o alemán en todo momento. Más aún, el portal nos mantiene en el mismo punto en el que decidimos cambiar de idioma. Es decir, si estoy en la página de información y decido cambiar el idioma a alemán. El portal mostrará la página de información sólo que en alemán. Esta es la solución técnicamente más compleja. Requiere un gestor de contenidos (CMS) que soporte varios idiomas para cada página de nuestro portal. Sin embargo, otro factor importante es que la persona encargada de la gestión del portal, la más importante para éxito de una Web, deber ser capaz de cambiar y añadir el contenido en varios idiomas.

Panel de administración

Lista de Inscripciónes en el panel de administración. Se pueden descargar como un archivo Excel

La magia de la aplicación está en el panel de administración. Desde el mismo se pueden ver los estudiantes inscritos en los diferentes cursos. Se puede ver si estos han validado su email o no. Por cada estudiante podemos ver los emails que le hemos enviado. Podemos borrar una inscripción. A veces, un estudiante cancela una inscripción tras realizar el pago de una señal ya que por diversos motivos no puede finalmente asisitir. No queremos borrar su inscripción pero queremos marcarla de algún modo para saber que este estudiante no asistirá a los cursos. En el panel de administración podemos marcar una inscripción como cancelada.

Exportar información

Podemos descargar todas las inscripciones como una hoja de calculo Excel. Esto permite, por ejemplo, preparar un listado para controlar la asistencia de lo estudiantes a las clases del curso, imprimir el listado con ciertas modificacioes y facilitar el mismo a los profesores.  

Email 

Es habitual mandar el mismo email a todos o varios asistentes del curso. Por ejemplo, un recordatorio de pago. Se ha creado un sistema de plantillas. Que permiten el uso de parametros de sustitución dentro de estas plantillas. Estos parámetros son automaticamente reemplazados por los datos del estudiante con el que queremos comunicarnos. Por ejempo, podemos crear una plantilla llamada recordatorio de pago. En la misma podemos usar los parametros "nombre", "apellidos" y "fecha de inscripción". Cuando pulsemos en crear un email con la plantilla "recodatorio de pago" los parametros se substituiran automaticamente por los datos del estudiante. El uso de plantillas reduce el tiempo empleado en la comunicación con los estudiantes del curso.

Pagos

El sistema permite almacenar los pagos que los estudiantes vayan realizando desde el panel de administración. Más aún, el sistema permite la creación de diferente categorías de pago. Por ejemplo, "Fianzas", "Inscripción", "Alojamiento". En la ficha de inscripción de un alumno veremos los diferentes pagos que haya realizado. Más aún se pueden exportar todos los pagos como hoja de excel. 

El sistema permite almacenar los pagos realizados por los estudiantes y los emails enviados a los mismos

Si quieren crear una Web para sus cursos de verano no duden en consultarme.

Estoy deseando escuchar el último libro. No obstante, no puedo comprarlo desde Europa. Al parecer Random House Audio, la editora, no permite la venta por ahora. No entiendo la lógica de vender las dos primeras ediciones y ahora prohibir la tercera. Las grandes multinacionales de la música, el libro y el cine se merecen la piratería por su ineptitud para permitir a los usuarios comprar su contenido donde sea que nos encontremos y en el idioma que queremos.

Si no habéis escuchado todavía un audio libro, ambos son excelentes oportunidades para comenzar. Yo escucho muchas veces mientras voy en el coche, desayuno o recojo cosas.

Información

Hay que ofrecer información sobre el evento de un modo sencillo. ¿Dónde va a tener lugar? ¿Cómo llegar al recinto? ¿Hay medios de transporte públicos? ¿En que fechas? ¿Que ponentes participan? ¿Cuánto cuesta la asistencia?. Obviamente elegir la ubicación, la fecha, seleccionar y convencer a los ponentes es clave en el éxito del evento. Debemos elegir un nombre y crear un logotipo para el mismo. Si tenemos la intención de repetir el evento en años sucesivos es una buena idea buscar un logotipo que integre los dos dígitos del año. De modo que sea fácil actualizarlo para el año siguiente.

Inscripciones

Formulario de Inscripción en la Página del I congreso José Herrera Petere

Hay que facilitar el proceso de inscripción. El proceso tiene que ser sencillo y claro. Si la asistencia al evento no es gratuita, el precio debe ser mencionado claramente. Así mismo, si tenemos descuentos en el precio debemos mencionar esto también. Por ejemplo, los estudiantes tiene un descuento. Esto debe verse claramente en la información y el proceso de inscripción. El modo en el que se debe probar la pertenencia a uno de estos grupos debe también figurar claramente en la Web. Por ejemplo, si para probar la condición de estudiante es necesaria una copia de la matrícula del último año.

Las inscripciones se pueden realizar mediante un formulario dentro de la misma Web. Es conveniente que el formulario recoja la dirección de email del usuario. De este modo creamos una base de datos de usuarios con potencial interés en eventos similares en un futuro. Podemos enviar estas campañas mediante emails en HTML por ejemplo. El formulario, automáticamente, debe enviar un email de confirmación al usuario para confirmar que la inscripción se ha realizado con éxito.

Gestión de alojamientos

Hay que facilitar el alojamiento a las personas que vienen a nuestro evento. Por ello es conveniente presentar a los visitantes con un listado de hoteles. Más aún a menudo los hoteles ofrecen descuentos si se recomiendan como destino para los asistentes a un determinado evento. Es decir, es tarea del organizador masticar previamente la oferta hotelera. Si hemos negociado los diferentes precios por habitaciones con varios hoteles se puede incluir esta información en formulario de inscripción. Permitiendo a los visitantes registrase en el congreso y contratar alojamiento de un modo sencillo y rápido. Es importante poder guardar en la ficha de inscripción dentro del panel de administración del gestor del congreso el hotel en el que el asistente va a permanecer, aún cuando no gestionemos el alojamiento de los asistentes.

Gestión de comunicaciones

El comite científico puede descarga las comunicaciones subidas por los asistentes y marcarlas como aceptadas o rechazadas

A menudo las conferencias con naturaleza académica tienen un periodo temporal donde se aceptan comunicaciones. Estas comunicaciones son entonces revisadas por un comité científico. El conjunto de comunicaciones aceptadas se entrega a menudo a los asistentes en forma de libro. Muchos de los comunicantes presentan sus comunicaciones en forma de ponencia. Aunque también hay ponentes que no son comunicantes. Para el envío de comunicaciones se puede crear un área dentro de la Web, protegida por credenciales, donde un usuario pueda subir una comunicación comprar el grado de aceptación de la misma. Los miembros del comité científico deben tener la posibilidad de etiquetar una ponencia como aceptada o rechazada. Para ello la Web permitirá a los miembro del comité la descarga de las comunicaciones.

Programa del Congreso

Es fácil crear el programa de la conferencia y publicarlo en la Web, en un dispositivo móvil o imprimirloEl programa del congreso debe detallar de un modo breve y conciso las diferentes sesiones, la temática de las mismas, el ponente encargado de llevarlas a cabo y el lugar donde se realizarán. Es común que dentro de un congreso haya varias sesiones en paralelo dentro de un mismo recinto. Por lo que debe quedar clara la ubicación de las diferentes habitaciones de la sala de convenciones. Esta información puede ser presentada de un modo tabular. Es conveniente que la visualización de la Web o al menos de la parte del programa se adecue para dispositivos móviles. Muchos de los visitantes del congreso consultarán a última hora o entres sesiones la siguiente ponencia que quiere escuchar. También es interesante usar una hoja de estilos para adecuar la impresión de la Web del congreso. Ya que es posible que muchos de los visitantes de la Web quieran imprimir bien el programa o las indicaciones sobre la ubicación del recinto de congresos.

Usar una Web y una panel de administración para la organización de un congreso reduce el flujo de emails y documentos externos que tenemos que mantener. Este tipo de Web fue creada para el primer congreso internacional Vanguardia y Exilio: Jose Herrera Petere que se celebro los días 30 y 31 de Octubre de 2009 en Guadalajara. Si quiere crear una Web para su congreso no dude en consultarme.

I'm really looking forward for listening the last book. Unfortunately publishers stupid policies currently do not allow me to buy the last book in Europe. Why? I have no idea. I bought both books in audible from the same IP address I am currently writing and I had no problem before. A lot of times publishers deserve the piracy. I should be able to buy an audiobook wherever I am in the language I please.

I began into audibooks less than a year ago. They are great when you are in the car, gym, cleaning. Give them a try. 

La nueva Web es más ancha y con una navegación mejorada

Antigua introducción que cargaba al inicio del portal

Tamaño 

Eliminar la introducción

Reducir las animaciones

Más accesible, más clientes

Ejemplo de llamada a la acción que insta a los visitantes a completar la reserva

Llamadas a la acción

Presentación de resultados en la nueva Web del Bipgu

Antigua Web del Bipgu

• Ampliación base de datos. Hemos ampliado la base de datos de la Biblioteca con las nuevas entradas bibliográficas catalogadas en el último periodo. En la Web actual se pueden consultar 15,176 entradas. La biblioteca trabaja internamente con Filemaker. Para importar el material se hace un volcado de la base de datos en XML y se importa mediante un filtro en Java en una base de datos. En este caso MySQL. El motor de búsqueda se constuye mediante la librería Lucene. Esta librería permite unas búsquedas rápidas. Las peticiones al servidor se realizan mediante Ajax incrementando la velocidad del motor. La presentación de los resultados se asemeja a la ofrecida por la BNE. La visualización de los resultados de búsqueda es casi el doble de ancha y por lo tanto más accesible.
• Paleta de colores. En esta nueva versión de la página se ha suavizado la paleta de colores (el antiguo diseño de la página usaba un fondo oscuro y un color de texto claro). En esta nueva versión se usa un fondo claro, el mismo color que en el Cefihgu.
• Logotipo de la Diputación. El Bipgu, al igual que su hermano el Cefihgu, es un organo dependiente de la Diputación Provincial de Guadalajara. El logotipo de la Diputación se muestra a al derecha, mientras que el logotipo del cento se situa a la izquierda. 
• Navegación horizontal Se ha substituido la navegación vertical, insertada en una imagen de fondo, por una navegación horizontal. La nueva página es más ligera y tiene un diseño más simple. Este diseño permite la inclusión de secciones más fácilmente. Por ejemplo la sección notas de prensa aparece sólo cuando se ha publicado alguna nota de prensa durante el último mes. 

Espero que los cambios en la Web del Bipgu os gusten y sobre todo que os permitan realizar las labores de investigación de un modo más rápido y eficiente.

Captura de pantalla de la antigua página del Cefihgu

Integración

Captura de Pantalla de la Nueva Web del CefihguEn la nueva versión de la página se resalta que el centro es parte de la Diputación provincial de Guadalajara. Este punto no quedaba claro del todo con el diseño antiguo. Para transmitir esta pertenencia todas las páginas muestran el logotipo del centro la izquierda y el logotipo de la Diputación a la derecha.

Nueva Navegación

La nueva navegación hace hincapié en el motor de búsqueda de la página. En todas las páginas se muestra el cuadro de búsqueda. Este permite la búsqueda tanto de imágenes como de notas de prensa o páginas interiores. Es decir todo el portal es búscado. Se muestran los resultados pertenencientes a páginas en las primeras posiciones y las imágenes a continuación.  La búsqueda se carga sin refrescar el navegador usando Ajax. Esto permite a los investigadores uno de los principales grupos de visitantes del portal realizar consultas de un modo más rápido. 

Además se subsituye la navegación por iconos de la Web antigua por una navegación horizontal en la parte superior. Esto reduce el número de imágenes a cargar con lo cual mejorá la velocidad de carga. Además la navegación ocupa menos espacio con lo cual deja más sitio para mostrar imágenes y contenido sin barras de desplazamiento.

El portal se ayuda de breacrumbs y un índice alfabético para facilitar la navegación.

Nuevas secciones

Más contenido

A lo largo de estos años el Cefihgu ha continuado su labor de conservación y digitalización del legado fotográfico y cinematográfico de la provincia. La Web incorpora parte de estos esfuerzos ampliando su contenido inicial con todo esta nueva información. Ahora mismo se pueden consultar más de 4.500 imágenes y la sección archivos y colecciones introduce 11 colecciones. La mayoría de los fondos están disponibles desde la Web. No obstante, algunas de las imágenes no se muestran por problemas en los derechos de autor o porque todavía se hayan en proceso de catalogación.

Más Fresca

El portal incluye en su página de incio una sección llamada foto al azar. Cada vez que se carga la página de inicio se muestra una foto al azar de entre las 4500 imágenes del archivo. Siempre es una buena idea dar una razón a nuestro usuarios para volver al portal. 

Noticias y Agenda. La página permite la inclusión de notas de prensa así como de eventos por parte del personal del Centro.  Los visitantes pueden subscribirse a las noticias de la página mediante un enlace RSS o al calendario de eventos que se ofrece en formato ICS.  El personal del centro puede modificar todo el contenido de la página (modificar textos, añadir adjuntos) desde un gestor de contenido desarrollado en HTML, Javascript, CSS y Java para la página.

¿Qué os parece?, ¿Qué mejorarías?

1. Algún cliente o amigo me recomienda a un cliente que tiene interés en realizar una Web para su negocio u organización. A menudo el cliente tiene una vaga noción de lo que quiere. La mayoría de las veces no tiene prácticamente madurada la idea. 
2. Me pongo en contacto con el cliente. A veces por email otras por teléfono. El email es más cómodo, sobre todo para los introvertidos, ya que permite una interacción más impersonal pero creo que es menos efectivo. El teléfono tiene ese componente de inmediatez que nos impide escondernos tras una frase meditada y lleva menos a equívocos que el email. Normalmente trato de averiguar por teléfono en que rango de presupuesto se mueve el cliente y cual es el alcance, al menos en líneas generales, del proyecto. Si el cliente no tiene un Informe de Diseño Web, cosa que sucede habitualmente, le explico que para preparar un presupuesto necesito conocer en profundidad el alcance del proyecto y que para lograr esto insto a mis clientes a rellenar un cuestionario de ideas y a enviármelo una vez lo tengan relleno.  
3. A veces quedo en persona dado que la mayor parte de mis clientes son locales. A veces los clientes son reticentes a rellenar un cuestionario y relleno con ellos el cuestionario cuando los encuentro en persona. Es increíble lo difícil que es hacer escribir a la gente hoy en día. Creo que es más efectivo cuando el cuestionario es rellenado por el cliente en solitario sin que yo, aunque involuntariamente, diriga sus respuestas. 
4. Una vez tengo el cuestionario de ideas rellenado preparo un presupuesto. La extensión del documento varía en función del dinero a ganar con el proyecto. Es decir, si el proyecto es minúsculo una factura pro-forma (sin numeración y por tanto sin validez legal) donde se especifican los puntos más importantes será suficiente. Si, el proyecto es jugoso entro en detalle. 

Lo más importante para preparar un presupuesto es saber en que rango de dinero se mueve el cliente. Hay clientes que creen que si responden 5.000 € - 10,000 € vamos a ofrecer 9,999 € y que les vamos a hacer lo mismo que si les cobraramos 2.000 €. El diseño Web es un campo como la arquitectura en el que con presupuestos muy diferentes podemos realizar un proyecto. El prespuesto marcará el uso de determinados materiales, estudios etc y por lo tanto el resultado final. Es nuestra labor educar a los clientes sobre los diferentes beneficios que un mayor presupuesto puede ofrecerles; por ejemplo: test de usabilidad, test de ordenación de tarjetas, optimización de textos para la Web, versión móvil ... 

Cada vez que se queda con el cliente en persona disminuye el beneficio del proyecto. Ya que hay que contar casi tres horas entre reunión, viajes, preparación ... Añadir además la ruptura de la rutina de trabajo.

Lograr capturar la visión de un cliente sobre un proyecto manteniendo un equilibrio con las horas dedicadas a ello es un arte que todavía no dominio. He cometido y cometo errores todavía pero creo que la metodología aquí expuesta es un paso hacia adelante.

Portada del número 1 del Calamar Gigante