Archive for the ‘Diseño’ Category
Perfiles, usabilidad y accesibilidad en proyectos interactivos
A la hora de afrontar la creación de un proyecto Interactivo son muchos los aspectos que hay que tener en cuenta para garantizar el éxito y consecución de objetivos.
Entre las Cinco claves de exito que propone eMascaró está en “Enamorar al cliente” y para conseguir este objetivo es muy importante todo lo que tenga que ver con el conocimiento de los perfiles, la usabilidad y accesibilidad, estando todo intrínsecamente ligado con los demás claves de nuestra estrategia.
Hoy hablaré sobre uno de los temas que a la hora de enfocar la creatividad y diseño son más importantes, consiguiendo que cualquier tipo de usuario sea capaz de interaccionar de forma satisfactoria con nuestro proyecto web.
Navegar y conocer la web de la W3C a través de las “User Interface Recomendations” nos ayudará en esta misión y nos permitirá conocer las bases y técnicas necesarias.
Pero si sumamos a estas bases, la experiencia de eMascaró podemos resumir en tres los puntos fundamentales que hemos de tener en cuenta a la hora de afrontar el prototipado, creatividad y diseño de nuestro proyecto.
1. Conocer el perfil cliente del proyecto
Los proyectos interactivos ya no son meros catálogos o panfletos online y de forma paulatina el nivel y calidad de estos ya no sólo pasa por una creatividad o diseño espectacular basado en una idea con caducidad inmediata.
Ahora es clave conocer perfectamente el perfil potencial de clientes y ofrecer una nivel de interacción personalizado para cada tipo de cliente.
El acertar y ofrecer la navegación adecuada nos permitirá mejorar la conversión según los “goals” que tengamos marcados.
A modo de ejemplo del proyecto ponemos el proyecto realizado para Guinot Prunera.
En la página de inicio segmentamos al cliente por tipo de necesidad, de esta forma ofrecemos un contenido personalizado y mejoramos la experiencia de usuario, ya que de esta forma encuentra la información que necesita rápidamente, con un contenido y enfoque personalizado.
En conclusión, conocer en detalle el perfil de cliente, sus características y sobretodo saber lo que espera encontrar es clave a la hora de enfocar el proyecto web, ya que no olvidemos que los usuarios son cada vez más exigentes y no quieren perder su tiempo.
2. Garantizar una usabilidad óptima para cada perfil usuario web
Conocer a nuestro potencial cliente es sólo el primer paso, también hemos de ser conscientes de que nuestro proyecto interactivo ya no sólo responde a perfiles de cliente sino también a nivel de perfiles de usuario web.
¿Pero a qué nos referimos con perfiles de usuario web?
Desde que aparición de Internet el lenguaje interactivo ha evolucionado en paralelo a la potencia y capacidades multimedia de los dispositivos, así como también la velocidad de la conexiones, pero también el usuario ha evolucionado y en este caso de forma muy variada.
Podríamos asegurar que a día de hoy el usuario que está al otro lado de la pantalla ya no es un analfabeto digital, sino al contrario, es un auténtico experto en materia de navegación.
En materia de usabilidad hay grandes expertos y diferentes tendencias, pero lo que es cierto es que al final cada proyecto se ha adaptar al tipo de usuario y satisfacer sus necesidades.
En eMascaró dividimos a los usuarios interactivos en 5 tipos.
- No sabe
Es el usuario que no sabe exactamente lo que quiere y necesita que le guiemos para facilitarle la navegación.
Podemos ofrecerle recomendaciones, experiencias, ofertas, enlaces de Interés.
- Sabe
Este tipo de usuario no quiere perder su tiempo, quiere encontrar la información, comprar o contactar de la forma más rápida.
En dos Clicks hemos de garantizar sus espectativas.
- Se enamora
Son aquellos que se dejan sorprender por un diseño espectacular, magníficas fotografías, animaciones y vídeos.
Cada vez son más los proyectos webs que ofrecen experiencias interactivas espectaculares.
- Exigente
Es aquel usuario que busca la información más detallada, no le sirve sólo una web espectacular, sino que también quiere consultar el más mínimo detalle y con este fin hemos de garantizar ofrecer la información de la forma más amplia posible y sobretodo ofrecer herramientas para localizar esta información.
- Web 2.o
Durante los últimos años el perfil de usuario 2.o es el que se está expandiendo de forma más rápida.
Este tipo de usuario se preocupará de ampliar la navegación a través de las redes sociales, vídeos y buscaré información de nuestra marca en los más recónditos lugares de la red.
Es por ello que tenemos que garantizar la plena compatibilidad e integración de nuestro proyecto web con el mundo 2.0.
3. Garantizar la accesibilidad a diferentes dispositivos
Debido a la coexistencia de diferentes sistema operativos, navegadores y ahora dispositivos es estratégico y fundamental crear proyectos compatibles y que sean accesibles desde dispositivos móviles de tercera generación como por ejemplo Iphone, Blackberry, Ipad o cónsolas.
Los principales puntos que hemos de tener en cuenta a la hora de garantizar la compatibilidad serán:
- Sistema operativo (Windows, Mac OS, Unix)
- Plataforma (Pc, Mac, Linux)
- Resolución
- Dispositivo (Pc, Tablet, Mobile, Cónsola)
El tema de accesibilidad para personas discapacitadas el algo también muy importante y vendrá marcado según las las guías marcadas por el cliente, clasificándolas estas la W3C en A, AA y AAA.
En conclusión estos son algunos de los aspectos más importantes y aunque que obviado muchos otros aspectos por la extensión del post, en resumen creo que estos pueden ayudar a comprender uno de los aspectos claves a la hora de conseguir los objetivos que nos marcan los clientes.
Nueva web para Barnices Valentine creada por eMascaró
Desde hace pocas semanas ya está disponible la nueva página web de Barnices Valentine en la queeMascaró se ha encargado de la estrategia, conceptualización, usabilidad y diseño.
El reto
Barnices Valentine, expertos en pinturas y marca líder en la Península, gozaba de la confianza y el reconocimiento de muchos profesionales, siendo utilizada y recomendada a diario como pintura de primera elección por pintores e interioristas. Sin embargo, la marca no tenía el mismo alcance a nivel de clientes particulares, por lo que Barnices Valentine encargó a eMascaró desarrollar una web corporativa que pusiera a disposición de todos los perfiles de clientes, particular, profesional e industrial, el amplio abanico de productos y que, al mismo tiempo, acercara la marca a cada uno de ellos, pero… ¿cómo conseguirlo cuando las necesidades y expectativas de cada target son distintas?
La clave
La clave para el éxito de este proyecto, teniendo en cuenta su dimensión y los distintos perfiles de clientes a los que iba dirigido, fue desarrollar una estrategia online que cubriera las necesidades y expectativas de todos ellos, pero con un plan de acciones especialmente enfocado al cliente particular, ya que era el principal objetivo.
Una vez creada la web, lo importante era hacerles llegar hasta ella gracias a un óptimo posicionamiento online e incorporar, además de la usabilidad, distintas herramientas interactivas que hicieran la página más atractiva para el usuario.
El proyecto
El primer paso fue definir una estrategia online y arquitectura de la información que respondiera a las necesidades del cliente. Tras el diseño web inspirado en los chips de color, y con el objetivo de hacer la página más útil y atractiva, se desarrollaron diversas herramientas multimedia que dieran a conocer las Tendencias en color y asesoraran al usuario sobre diferentes aspectos, como por ejemplo, cuáles pueden ser los colores más apropiados en función del espacio o cómo combinarlos de la mejor forma con el Concepto 60 30 10. Se creó un apartado que ayudara al cliente a encontrar distribuidores o tiendas donde comprar los productos Valentine, utilizando un mapa de España interactivo seguido de un geolocalizador de Google maps.
Después, sólo quedaba asegurar el tráfico a la web, por lo que se trabajó en su posicionamiento en buscadores y Web 2.0 (Facebook, Twitter, Youtube, Flickr…).
El resultado
Barnices Valentine cuenta con una web corporativa que pone su amplia gama de productos al alcance de todos sus perfiles de clientes y, además, ha renovado su presencia en la red a través de un conjunto de estrategias y funcionalidades que llega de forma efectiva a un sector muy importante del mercado: el cliente particular.
Como siempre, felicidades a todo el equipo
Mas información en:
http://www.valentine.es
http://www.emascaro.com (Caso de estudio completo)
Innovación Robótica
Estoy un poco molesto y seguramente será por ver como en otros países el esfuerzo por innovar en tecnología es una de las prioridades.
Sembrar en materia de innovación e investigación es clave para sembrar el futuro de nuestro país.
Lo que no se dan cuenta los políticos de nuestro precioso país es que innovar no significa invertir en marketing para decir lo que hacemos, sino hacerlo de verdad… y eso es un tema de estrategia y actitud.
Y de eso, lo siento.. nos falta un largo camino serlo.
Quizás aquí podríamos Innovar en materia de Corrupción.
Desde el Personal Robots Group del MIT MEDIA LAB están dándole fuerte al tema de la robótica.
El futuro de la Interacción entre el mundo real y virtual está cerca
¿Os acordáis de la película Minority Report?
Pués no es ficción y la interacción mundo real y virtual está a punto de entrar en nuestras casas y trabajos.
John Underkoffler nos habla sobre los avances en los nuevos sistemas de realidad inmersiva en donde el usuario puede interactuar en tiempo real con elementos virtuales en un entorno real e incluso realizar trabajo colaborativo.
Según John en menos de cinco años veremos en el mercado sistemas accesibles para cualquier usuario.
Lo que vemos a continuación es sólo un ejemplo y un inicio de la revolución que se está fraguando en los nuevos sistemas de UI, Realidad Aumentada eIntereacción tridimensional.
La web del Hotel Pullman Skipper premiada como la mejor web de hoteles por la Internet Advertising Competition
La Web Marketing Association, a través del certamen anual “Internet Advertising Competition”, ha premiado la web del Hotel Pullman Barcelona Skipper como la mejor página en Internet en la categoria deHotel and Lodging Websites.
El proyecto de la web del Hotel Pullman Barcelona Skipper destaca una creatividad y diseño enfocado a enriquecer la experiencia e interacción del usuario mediante una visita virtual a través de las diferentes áreas de este magnífico hotel.
En eMascaró Tourism luchamos día a día por ofrecer a nuestros clientes las mejores soluciones tanto a nivel de innovación, creatividad, tecnología e Innovación ayudando a su posicionamiento, comercialización y fidelización en el entorno de internet.
Desde estas líneas deseamos felicitar al Hotel Pullman Barcelona Skipper y agradecerles su confianza y apostar poreMascaró Tourism como su partner en Internet.
También queremos destacar el esfuerzo y trabajo diario de todo el equipo de profesionales de eMascaró, que día a día hacen posible que nuestra compañía avance.
Mención especial a las webs de Hotel Murmuri y Hotel Denit que han quedado en la la lista de menciones especiales en los premios.
Reportaje sobre Realidad Aumentada
Como todos sabéis soy un apasionado de temas vinculados a la innovación y en concreto llevo tiempo investigando en Realidad Aumentad desde eMascaró .
Durante las semanas pasadas he tenido el placer de participar en la realización de un reportaje sobre la Realidad Aumentada para la Malla conjuntamente con Novorama.
Por cierto, felicidades a Anabel Herrera por el gran trabajo
Inauguración del Centro de Innovación de BBVA en Esade Creapolis
El año pasado ya dediqué un post sobre mi visita al Centro de Innovación de BBVA en Madrid, un lugar que recomiendo visitar no sólo por todo el conocimiento y creatividad que hay concentrada, sino además por la belleza histórica del edificio donde está ubicado.
Gracias a mi buen amigo Ignacio Villoch, director de comunicación del centro de Innovación BBVA, ayer tuve el placer de ser invitado con un pequeño grupo a la inauguración de su centro de Innovación en Barcelona ubicado el magnífico edificio de Esade Creapolis, un proyecto que poco a poco se está consolidando en un cluster para empresas de nueva generación en el que ya 54 empresas están instaladas.
En el acto estaban congregados colegas, amigos, clientes y expertos del sector de la innovación y la empresa, como Ignacio Villoch (BBVA), Antoni Flores (CDN-LOOP), Pere Rosales (Íncipy), Philippe Delespesse (Inteligencia Creativa), Joan Ramis (Departamento de Operaciones e Innovación de ESADE), Eulalio Toril (Director de Innovación Corporativa de BBVA) y Alfons Cornella (Infonomia) entre otros.
Se presentaron varios casos de innovación del BBVA y tuvimos la presencia del director Territorial de BBVA en Catalunya, Xavier Queralt entre otras personalidades.
“Solamente podemos innovar desde la comprensión en profundidad del consumidor y desde la anticipación de nuevas tendencias, y el hecho de formar parte del conjunto de empresas de diferentes sectores y tipologías que hay en ESADECREAPOLIS sin duda nos ayudará a conseguirlo.
A nivel personal siempre he apostado por la innovación y realmente soy un apasionado (http://www.hiperinnovacion.com) y desde eMascaró intentamos ofrecer soluciones no sólo técnicas, sino también estratégicas y creativas enmarcadas en el eje de la innovación como un elemento de mejora competitiva y de excelencia.
Nuevo blog de Innovación – Hiperinnovacion.com
Llevo un tiempo meditando en crear un espacio blog donde recopilar toda mi investigación en recursos sobre Innovación en sus diferentes puntos de aplicación, tanto desde el punto de vista de tecnología, tendencias, creatividad, diseño, espacio, aviación, salud, medioambiente y un sin fin más… pero también desde un punto de vista de concepto y de actitud.
Fruto de esta inquietud la semana pasada cree el Blog titulado Hiperinnovacion.com, un proyecto que espero se convierte en el punto de partida o al menos un lugar de consulta para todos aquellos amantes “de lo último”.
El espacio Hiperinnovacion.com está también abierto a la colaboración con otros expertos. En este momento estoy ampliando el proyecto a otros colaboradores especializados en las diferentes materias, sobretodo gente que es una apasionada por el tema.
En la primera semana de vida hemos conseguido un promedio de 100 visitas al Blog y caso 200 amigos en nuestra página en Facebook.
Os animo a visitar el blog! y sobretodo espero vuestros comentarios, sugerencias y colaboración.
Facebook > http://www.facebook.com/hiperinnovacion
Twitter > http://www.twitter.com/hiperinnovacion
Feliz 2010
Hiperinnovacion.com
Enlaces de la semana Vol.1
Inspirado por otros muchos, o sea nada de original, empiezo con un resumen de los enlaces que recomiendo cada semana y que pueden ser seguidos en tiempo real a través de mi cuenta en Twitter y Facebook
Suelen tener que ver con temáticas como la Innovación, cultura, tecnología, geek, ciencia, astronomía, física, tendencias, actualidad, creatividad, diseño, interactivad y un montón de cosas más… espero que os gusten.
Espero que os gusten!
- La realidad aumentada, el nuevo dorado para los Smartphones
- En las empresas no siempre hay un correcto entendimiento de los mensajes
- The future of office printing
- Seguimos inundados por el pensamiento sobrenatural
- Se estanca el mercado de las TIC en España
- Wainova, Atlas mundial de Innovación
- [HowTo] Cómo usar Twitter para viajar
- Presentado el Informe eEspaña 2009 (Fundación Orange)
- Fotos espectaculares en HD de la misión Apollo
- 9 formas distintas de buscar en Twitter
- Evian Live Young, un caso de éxito en marketing viral online y web 2.0
- Vaya forma de levantarse por la mañana
- El mostruo de las galletas de la deuda norteamericana.
- Empieza a funcionar la “Internet espacial”
- La prohibición de fumar ya hace caer los infartos, según un estudio
- Los niños saharauis piden a Zapatero que les ayude a “no crecer” como refugiados
- Augmented ID, más Realidad Aumentada en Android (sin comentarios)
- Los directivos deciden si sus empresas salen de la crisis (muy bueno)
Lands’ End y un buen ejemplo de comercio electrónico
He descubierto por internet un buen ejemplo de web de comercio electrónico, LANDS’ END, sobretodo porque aunque la mayoría de veces nos encontramos con proyectos de e-Commerce que respetan los requisitos básicos de usabilidad, indexación y accesibilidad, si que es cierto que todo ello casi siempre penaliza a la creatividad e interactividad del proyecto.
Creo que esta web es un buen ejemplo de como se pueden hacer auténticas obras maestras en cretividd interactiva en tiendas online y me apostaría a que la experiencia de usuario y su nivel de conversión deben ser muy altas.
