Razones para no usar música en un sitio Web

Recuerda que en la Web menos es siempre más. La música de fondo es en la mayoría de los casos un elemento superfluo que no sirve ningún propósito y por lo tanto podemos eliminar.

Sin embargo, sitios promocionales de películas, bandas de música o videojuegos pueden beneficiarse de la música de fondo. En estos pocos casos es importante facilitar apagar la música.

Reproducir música de fondo en un sitio Web es una mala idea. Supongamos los siguientes escenarios:

• Alguien llega al portal mientras navega tranquilamente desde su puesto de trabajo. Inmediatamente música de fondo comienza a sonar, tras unos instantes tratando de buscar un botón de control que la detenga, decide cortar por lo sano y cierra la ventana del navegador. Cuando levanta su cabeza con la esperanza de que sus compañeros de trabajo no se hayan dado cuenta, lo que percibe son los murmullos que vienen del despacho de su jefe. Ya están perdiendo el tiempo otra vez
• Alguien navega en Internet en un espacio tranquilo compartido por otras personas. Por ejemplo, una habitación con un bebe durmiendo o un piso por la noche donde algunos de sus familiares duermen. Cuando la música comienza a sonar, el bebe se despierta y el usuario se da cuenta que la visita al sitio Web le ha costado una hora de esfuerzo para volver a dormir a su bebe.
• Alguien llega al sitio Web mientras escucha su propia música. Ahora, ésta se mezcla con la música de fondo que el sitio Web reproduce inmediatamente. La terrible mezcla impide al usuario disfrutar de su música y decide dejar el sitio Web.
• Alguien llega al sitio Web con sus altavoces apagados. Cualquier beneficio que queramos obtener con la reproducción de música se pierde.
• Alguien llega al sitio Web, escucha la música y ésta no le gusta. Esto le predispone negativamente sobre el portal.
• La reproducción de música cuesta dinero al propietario del sitio Web. Coste anual = ((tamaño del archivo de audio * numero de reproducciones * número de meses)/ coste del GB de ancho de banda al mes)
• La mayoría de los usuarios no tratan los sitios con música seriamente. Los sitios con música están asociados con falta de profesionalidad.
• Los sitios Web con música dificultan la navegación a los usuarios que usan lectores de pantalla (usuarios que sufren de visión limitada). Por ejemplo, si un usuario parcialmente ciego esta navegando en Internet usando un lector de pantalla y llega a un sitio web con música de fondo, ésta se mezclara con la lectura de texto, menús y controles dejándole practicamente sólo la posibilidad de cerrar el sitio. Nada hace dejar más un sitio que audio superfluo o no deseado

Etiquetas: music

Incremento de Velocidad - Feria Apícola

He rediseñado el portal de la Feria Apícola de Pastrana (España). La feria tendrá lugar del 5 al 8 de Marzo y ya se puede ver el cartel del 2009. Asi mismo, se han publicado las bases de concurso para el cartel del año 2010. El resto de información se cargará en los próximos días.

Como cimientos de este rediseño se ha usado parte de la navegación del portal de 2008, así como parte de su contenido. En concreto el contenido de la secciones enlaces, Pastrana y fundación. El nuevo código hace que la página sea más rápida y que sea indexada mejor por buscadores como Google. A continuación se muestran datos objetivos sobre la nueva velocidad de la página:

Se ha logrado un incremento medio de la velocidad de carga del 63%, en algunos casos hasta el 87%. entre el portal feriaapicola.es de la feria de 2008 y el portal feriaapicola.es de la feria de 2009, que fue realizado por Softamo. Si quiere hacer que su portal carge más rápido pongase en contacto con nosotros.

Etiquetas: feriaapicola.es, Portafolio, redesign, spanish

Rediseño Web - los diez errores comunes

Cuando nos enfrentamos a un rediseño Web, no sólo se trata de cambiar el diseño gráfico del portal sino sobre todo de subsanar los errores importantes del portal. Entre ellos, es común encontrar:

1. Uso erroneo de la etiqueta title de html. Dicha etiqueta no sólo aparece en la barra superior de nuestro navegador sino que aparece también en los resultados de búsqueda por ejemplo en Google. Es decir, si usamos siempre el mismo título, por ejemplo Feria Apícola 2008, todas nuestras páginas apareceran con dicho nombre en Google. En la siguiente imagen se muestra este problema:

   

   Si hubieramos usado el atributo title correctamente, el primer resultado tendría el nombre Programa Oficial de Actos | Feria Apicola 2008 y el segundo Programa de Conferencias | Feria Apicola 2008. El uso correcto de title incrementa nuestra visibilidad en Google y por lo tanto nuestras visitas.
2. No mostrar al visitante su posición dentro del portal La mayor parte del tráfico que llega a un portal Web proviene de buscadores (Ej. Búsquedas en Google) y por lo tanto pueden aterrizar en cualquiera de las páginas de nuestro portal. Es importante que la navegación del portal refleje donde nos encontramos. Hay que resaltar la opción del menú donde nos encontramos. Muchos portales Web resaltan opciones de su navegación mediante el uso de color. El uso de color normalmente no es suficiente ya nuestros visitantes con minusvalias visuales pueden no detectar esos cambios. Es recomendable usar otras opciones como subrayado para indicar inequivocamente el punto del portal donde nos encontramos.
3. Código invalido. Tener código valido según los estándares W3C aporta las siguientes ventajas respecto a código no valido:
   
   
   • Código valido carga más rápido que código invalido.
   • Código valido es interpretado mejor y más rápido que el código invalido.
   • Los navegadores modernos Firefox 3, Google Chrome, Internet Eplorer 7 y el próximo Internet Explorer 8 están cumpliendo más los estándares, lo cual hace más importante escribir código valido ya que nos aseguramos que nuestro portal se vea bien en más navegadores y plataformas (Ej. Telefonos móviles).
   • Los buscadores entienden y prefieren código valido ya que hace más fácil su trabajo.
   Se pueden usar herramientas como el validador de W3C para hacer que nuestro código valide de acorde a los estándares.
4. Separar contenido de presentación no hay escusas para continuar usando diseño por medio de tablas. Desde la introducción de CSS en 1998 pero sobre todo desde la aparición de los navegadores modernos IE6, IE76, Firefox etc. se pueden conseguir diseños atractivos separando contenido de presentación que no tienen nada que envidiar a aquellos logrados usando otras tecnologias como flash. Tener la presentación separada del contenido permite cambiar cualquiera de las dos de un modo rápido. Es decir podremos añadir nuevo contenido a nuestro sitio sin la ayuda del diseñador. Y podremos cambiar el aspecto de nuestro sitio sin modificar nuestro contenido. Por otro lado cargar archivos CSS o Javascript en archivos separados de nuestro contenido hará que nuestro portal carge más rápido.
5. Navegación poco clara Debemos evitar el uso de terminos complejos en los elementos de navegación. De hecho se debe usar un lenguaje coloquial no sea fácil de interpretar. Debemos crear una estructura con poco niveles de anidamiento. Se recomienda no usar más de cuatro niveles de anidamiento. En caso de tabs no usar más 12 Tabs. Para elegir los diferentes puntos de nuestro menús de navegación, son muy útiles los test de usabilidad card sorting.
6. Ausencia de búsqueda Si tiene un portal medio (aquel con más de 10 páginas) debe ofrecer un motor de búsqueda. La búsqueda es el método preferido de muchos usuarios los cuales intentarán llegar a la información deseada sin usar otros métodos como la navegación en menus. Típicamente el buscador se ofrece en la esquina superior derecha.
7. No integración del logotipo Es imporante que el diseño Web concuerde con el logotipo. Recomendamos usar el mismo logotipo tanto en nuestro portal Web, como en nuestro material impreso, facturas. Es importantes que nuestros clientes o visitantes nos perciban como una marca. El uso de un logotipo con el que poder ser identificados ayudará tremendamente a esta percepción como marca. El proyecto Villas Alcarreñas llevado a cabo por Softamo es un claro ejemplo diseño alrededor de un logotipo.

La página fundación carga ahora en 0,48 segundos, mientras que la página de 2008 cargaba en 3,72 segundos. Eso es una mejora del 87,21% en la página fundación. Midiendo la mejora en todas las páginas y haciendo la media. Esta mejora es del 65%. Es decir el portal ha mejorado tremendamente.

He dividido la navegación del portal en dos secciones usando colores y logos. Por un lado la feria XXVIII y por otro la fundación. De este modo se divide la información que el sitio oferta ayudando al visitante a separar intuitivamente dicha información en su mente. Lo que se pretende en todo momento es hacer que el visitante no tenga que pensar y que la navegación dentro del portal sea intuitiva.

Etiquetas: errors, redesign