diseño web

Crecerán las soluciones digitales offline

El mercado del Digital Signage en España crecerá. Lo dice un estudio realizado recientemente por La Salle Technova Barcelona – Technology Market Research. Experimentará un fuerte crecimiento en los próximos años.

El Digital Signage se enmarca dentro de las soluciones de comunicación en el punto de venta y/o lugares públicos. Se trata de un medio eficaz para comunicar información relevante, ofertas, promociones o noticias en diferentes entornos. La importancia de la comunicación en el punto de venta aumenta cada vez más:

  • Acceso remoto para variación o rotación de contenidos, que permite que haya más de un producto o cliente por puesto en remoto.
  • Una mayor interactividad y un diseño atractivo para una comunicación más efectiva y visual.
  • Posicionamiento en el punto de venta con información actualizada.

Algunas conclusiones del estudio:

  • La experiencia de otros países señala el Digital Signage es un sector con un gran potencial de crecimiento. Está lejos de alcanzar su cumbre.
  • Hay desconocimiento. Resulta vital que las empresas conozcan las ventajas que les puede suponer.
  • Un cartel dinámico no capta al doble de público, sino que ese público permanece un 60% más de tiempo viendo el anuncio.
  • El 70 % de las decisiones de compra se toman en el punto de venta.
  • Hay un 24 % de aumento promedio en ventas durante una campaña publicitaria digital.
  • No sólo se tiene que asociar Digital Signage como alternativa a la publicidad impresa.

Referencias:

  • Estudio sobre Digital Signage en España en la revista Total Media.
  • Feria Digital Signage Total Media 28 y 29 de septiembre en Madrid
  • Digital Out of Home, La que se avecina según The Economist

 

Cuota de mercado de navegadores en España

En los diseños web que realizamos para nuestros clientes se aprovechan las nuevas funcionalidades de los navegadores más avanzados, aún así aún el 3% de los españoles usa Internet Explorer 6.

StatCounter-browser_version-ES-monthly-201003-201103

<tr»> IE 8,0Firefox 3,6IE 7,0IE 6,0Firefox 3,5Chrome 10,0

2010-0331,0314,0718,147,312,220
2011-0333,6123,1710,2532,0811,95
Cambio2,589,1-7,89-4,3-10,1411,95

Actualización 6/6/2011

DateIE 8.0Firefox 3.6IE 7.0IE 6.0Firefox 3.5Chrome 10.0Firefox 4.0Chrome 11.0IE 9.0
2011-0333,6123,1710,2532,0811,951,790,170,84
2011-0431,0517,0314,872,41,6416,946,350,552,4
2011-0530,5711,496,642,51,461,6414,5718,385,27
Cambio-3,04-11,68-3,61-0,5-0,62-10,3112,7818,214,43

 

 

Diseño web en Mac y en Internet Explorer 7, requisitos y validaciones

Ahora que Microsoft ha sacado una nueva versión de Internet Explorer, decimos adiós a la versión de Internet Explorer 7 y nos quedamos con un navegador con el que no podemos ver cómo quedan nuestra maquetación web.

Primeras consideraciones

Para comprobar cómo queda, con Windows podemos utilizar un programa llamado ietester para ver cómo queda en distintas versiones de Internet Explorer en distintos Windows (Vista y XP). Aún así nos queda un 8% del mercado que usa Mac o Linux. que no podrían ver cómo queda en su Sistema Operativo.

Validar la imagen

Utilizar servicios web que realizan pantallazos para ver cómo se visualiza:

Requisitos y las validaciones

Una cosa es cómo queda la imagen, pero otra es cómo esta hecho técnicamente. Con una auditoria web podemos analizar si cumple los requisitos técnicos y todas sus páginas són correctas técnicamente, tienen código correcto, cumplen las directrices de calidad de google, son accesibles, utilizan mejores prácticas de de usabilidad y diseño web entre otras características dependiendo de los requisitos del proyecto.

Internet no pot ser l’únic mecanisme de comunicació

Quan l’únic mecanisme per fer gestions és per internet i apareixen problemes d’accessibilitat, d’usabilitat o de capacitat cal tenir en compte quines mesures de contingència s’apliquen.

Recentment Medi Ambient ha decidit no multar per mancances evidents alhora de treure els tiquets via web. La pàgina del Departament aquest divendres es va col·lapsar, coincidint amb l’obertura de temporada.

Es per això que Medi Ambient estudia que es puguin treure els tiquets de pesca amb el mòbil, a través del 012 o del caixer automàtic
De fet, s’ha decidit no multar ja que ara mateix, La Generalitat estudia fórmules per demanar tiquets de pesca a través del telèfon mòbil

Això es pot evitar

Els problemes de capacitat cal preveure’ls, es un requisit que cal tenir en compte i que cal asegurar fer proves de capacitat prèvies.

No només això, accessibilitat a Internet no es tan generalitzat com l’accés al mòbil. Cal mecanismes alternatius per tal de donar servei a tothom. L’enviament de SMS es un mètode utilitzat i alternatiu a l’accés web per persones amb dificultats d’us d’internet.

Què hem fet nosaltres?

A einnova hem habilitat comunicacions SMS entre usuaris i empreses, també hem fet proves de capacitat per habilitar campanyes puntuals facilitant la informació de quina es la capacitat màxima dels servidors dels clients.

Tendencias en la visualización de videos en pantallas móviles

El tamaño es importante para poder garantizar una buena visualización desde distintos canales cómo lo es el móvil con la gran demanda de navegación web con pantallas de dispositivos de HTC o Apple.

Proponemos el uso del formato 240×202 para visualizar videos de youtube en móviles.

A continuación mostramos un ejemplo de formatos de youtube y visualización según resoluciones de móviles actuales y su tendencia.

Tamaño videos de youtube

Tomamos como ejemplo el video de envio sms con weebbb

425×344 (Tamaño por defecto)

106×86 (Reducción 1/4)

Resolución pantallas móviles

El estudio de resoluciones en inglés lo puedes ver en sender11

Pantalla pequeña móviles actuales 128 x 128

Tendencia pantalla en móviles: 240 x 320

Conclusión

¿Porque no tomar el máximo ancho y escalar el alto?

Medida 240×202

Uff … ¿y las pantallas pequeñas actuales?
Medida 128×114

Diseño de páginas web

Diseño Web en Barcelona Einnova Marketing.cat

En este post agrupamos los temas ya tratados en el blog.

Organización del desarrollo

Diseño imagen y tipografía

Usabilidad para la web

Gestión de contenidos

Flex, Silverlight y las Rich Internet Applications

Las Aplicaciones Enriquecidas de internet (RIA o Rich Internet Applications), surgen como una combinación de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales.

Justificamos hablar de RIA dado la competencia de Adobe Flexy Microsoft Silverlight y la consalidación de plataformas AJAX+Multimedia.

En las aplicaciones tradicionales se produce un tráfico muy alto entre el cliente y el servidor, llegado muchas veces, a recargar la misma página con un mínimo cambio.

Con las RIA, se evitan recargas de página.  Sólo se produce comunicación con el servidor cuando se necesitan datos externos como datos de una Base de Datos o de otros ficheros externos.

Las plataformas RIA tienen en común la capacidad multimedia de no requerir reproductor de videos del Sistema Operativo. La mayoría, esto sí, requiere una extensión (plugin) del navegador.

Ordenados según mis preferencias:

 

 

  1. Adobe Flex, con interfaz gráfica  MXML, y un servidor para interaccionar con PHPASPJSPCFMX, etc.
  2. OpenLaszlo, soporta Flash, utiliza un lenguaje propio LZX y el Servidor OpenLaszlo.
  3. Microsoft Silverlight, no soportado por todos los S.O., modo de gráficos similar al del WPF, la base de su programación es XAML y el acceso a los objetos esta dado por JavaScript.
  4. SUN JavaFX, capa presentación para Java con un lenguaje de scripting declarativo.
  5. Bindows, plataforma comercial RIA accesible basado en JavaScript y Application Description Files (ADF),

 

Mas información en la wikipedia y en las correspondientes páginas:

Los objetivos que tienen los usuarios y cómo los consiguen

Principalmente si un visitante está en tu página es por algún motivo. Dependiendo de que motivo que tiene por estar ahí utilizará un método distinto para conseguirlo.

Objetivos del usuario: Motivos de la visita

A continuación damos los rangos de cada tipo de motivo para dar un valor estimado que no generalizable para todo tipo de casos de los distintos objetivos de los usuarios.

  • Comparar: El 50% (la mitad) de los usuarios está en la página web para comparar opciones y escojer la mejor. Evalúa las distintas opciones, productos y características para poder decidir.
  • Conseguir: El 25% (un cuarto) quiere informarse para conseguir encontrar algo: Esos hechos, documentos, productos, condiciones, descargas y herramientas que necesita.
  • Conocer: El 25% (un cuarto) quiere información para conocer y para entender algún tema. Estudia desde los materiales de ayuda y formación.

Métodos de uso: Cómo actúan para conseguir sus objetivos

  • Recopilar: El 66% (más de dos tercios), aunque tienen un motivo no tienen preguntas concretas, están recopilando piezas de información del sitio.
  • Buscar: El 25% (un cuarto), están buscando el sitio en respuesta a una pregunta específica.
  • Explorar: El 3% (casi uno de cada treinta), están explorando sin un objetivo claro.
  • Vigilar: El 3% (casi uno de cada treinta), están visitando regularmente el sitio en busca de información actualizada.

Usabilidad

La usabilidad en castellano significa capacidad de uso, es decir, la característica que distingue a los objetos diseñados para su utilización de los que no. Sin embargo la acepción inglesa, usability, es más amplia y se refiere a la facilidad o nivel de uso, es decir, al grado en el que el diseño de un objeto facilita o dificulta su manejo.

La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso.
ISO/IEC 9126

Las etapas de una auditoría de usabilidad

Modificación (Update) 24-oct-2008
Se cambió Comprar por Conseguir.

Plan para mejorar la confianza y la reputación online

A continuación mostramos algunos de los puntos que revisamos en nuestras auditorias web en referencia a la confianza y a la reputación online y algunos de los servicios para mejorar la confianza y reputación.

Contenido

  • Solidez al mostrar los productos y el contenido.
  • Buenas fotografias de TODOS los productos.
  • El usuario debe tenerlo todo. No poner contenido al azar o aleatorio.

Sobre la empresa

Se recomienda tener 4 niveles de información:

  1. Una frase que lo diga todo.
  2. Un resumen de la actividad, su mercado y su ámbito de actuación.
  3. Datos empresariales y hechos interesantes.
  4. Páginas auxiliares para profundizar en visión, valores, historia, divisiones, responsabilidad social, contactos, etc.

Enlaces de confianza

  • Conexión de las páginas mediante enlaces.
  • Enlazar a páginas que nos aporten confianza y reputación.
  • Los sitios aislados parece que escondan algo.

Comunicación por correo

  • Las cuentas de correo de servicios gratuitos suelen ser cuentas para evitar spam en el correo corporativo.
  • Funcionalidades de control sobre la finalidad de uso y periodicidad de los envíos. Por ejemplo posibilidad de indicar que solo quiere recibir información sobre aclaraciones y confirmaciones sobre la petición de servicio solicitada.

Reputación online

  • eBay: puntuaciones de las personas vendedoras mediante la evaluación por parte de los compradores de la corrección y estado de la entrega realizada por el vendedor. Esto permite dar confianza a los desconocidos y detectar estafadores. Vigilando las transacciones vigilas la mala reputación.
  • Ciao: opiniones, comentarios, valoraciones de productos y servicios. Comprobar la reputación de los distintos modelos antes de comprar y así verificar que funciona como se promete o si la gente se ha encontrado con problemas en su adquisición, después o poco después. Responder las opiniones respondes a quien te puede dar mala reputación.
  • Google: la posición en los resultados de búsqueda se puede considerar un indicador de reputación ya que para ordenarlos se valora la autoridad y la cantidad de páginas que enlazan ahí. Mejorar el posicionamiento mejora la reputación.
  • Go: búsquedas modificadas mediante comentarios, valoraciones y puntuaciones. Mejorando el contenido mejoras la reputación.
  • Ranking de Alexa: Ranking de las páginas web mediante una estimación del numero de visitas. Mejorando las visitas mejoras la reputación.

Servicios y productos

  • Destacar sertvicios y productos más populares y de más reputación.
  • Información detallada:
    • Que pueden comprar (servicios y opciones)
    • Donde se puede comprar (debemos estar en alguna ciudad)
    • Que cuesta cada opción (precios y tarifas)
    • Que buena es cada opcion (comparativa)
  • Atención al cliente:
    • Demoras en la entrega
    • Estado de las entregas
    • Devoluciones

Desafío: Búsqueda de clientes extranjeros