Cómo diseñar menús de navegación

8 Enero 2010 – 13:37

Smashing Magazine ha publicado recientemente una completísima selección de diseños de menús de navegación que ha seleccionado de algunas de las webs mejor diseñadas en cuanto a usabilidad.

Opciones de menú en 3D, bocadillos para resaltar mensajes textuales, botones con esquinas redondeadas, iconos en la navegación o animaciones en JavaScript son algunas de las nuevas tendencias.

La mayoría de las muestras me parecen muy chulas. Cumplen a la perfección con la filosofía del famoso No me hagas pensar de Steve Krug y la idea cada vez más presente en el diseño web moderno de darle al usuario lo que busca a la primera, de forma clara, ágil e intuitiva.

Os dejo aquí algunos de los ejemplos que más me han gustado:

Compártelo:

Por Noa Marcos | Posteado en Diseño web, General | Etiquetados Diseño web, menús de navegación, no me hagas pensar, smashing magazine, usabilidad | Comentarios (5)

Bodegas La Rioja Alta, finalista de los Premios Web Riojanos 2009

7 Enero 2010 – 10:02

La web de las Bodegas La Rioja Alta, diseñada y desarrollada por Veiss Comunicación, ha sido seleccionada como finalista para optar al Premio a la Mejor Web Vino de Rioja de los Premios Web Rioja 2009.
La página web de las Bodegas La Rioja Alta ha sido elegida entre más de 100 webs de bodegas candidatas que optaban a entrar en la lista de finalistas de la XI edición de este galardón riojano. Un logro del que nos sentimos orgullosos.
El certamen de este año cuenta con el aliciente de un premio de 1.500 euros en metálico, que se sorteará entre todos los internautas que participen en las votaciones. El proceso de votación finaliza el próximo 28 de enero del recién estrenado 2010, día en que tendrá lugar la fiesta de entrega de premios y conoceremos al vencedor.
El concurso, organizado por el diario digital larioja.com, se realiza íntegramente a través de internet. Así que desde aquí os animamos a votar por Bodegas La Rioja Alta, nuestra favorita. Esperamos que también sea la vuestra.

Compártelo:

Por Noa Marcos | Posteado en Diseño web, General, Sitios web, Veiss | Etiquetados bodegas rioja alta, Diseño web, larioja.com, portfolio, premio mejor web vino de rioja, premios web riojanos 2009, riojalta.com, Veiss | Comentarios (0)

Cómo montar una tienda online (II)

18 Diciembre 2009 – 14:26

Empieza en el anterior post, Cómo montar una tienda online (I):

9.- Resaltar el sistema de pago. Describir claramente cómo se realiza el proceso de compra y subrayar cuestiones relativas a la seguridad (“pago 100% seguro”, certificados, etc.). Es interesante incluir el IVA en el precio final y especificar siempre si éste está incluido o no. Facilitar la compra a través del mayor número posible de sistemas: paypal, transferencia, tarjeta-TPV, etc. Aún hoy, hay gente reticente a comprar de otra forma que no sea vía transferencia o contrarrembolso. Cuestión de tiempo. Pero no debemos perder clientes por ofrecer un sistema de compra más limitado que otros, no?

10.- Hay que detallar los costes de envío y, en la medida de lo posible, tender a que sean gratis o muy bajos. Cada vez son más los que se están poniendo las pilas en este sentido y lo hacen, trabajando con stocks virtuales (stock cero), para reducir gastos en almacenes y logística. Hoy en día es una clara diferenciación que puedes marcar frente a tus competidores.

11.- Explicar la devolución de los productos durante el proceso de compra o en la condiciones generales de compra. Si el producto está defectuoso, ¿qué debo hacer?, ¿debo pagar yo los portes?, ¿me lo cambiarán?…

12.- Catálogo de productos ordenados por categorías (siempre es mejor, pocas pero rotuladas con la suficiente claridad) y con los mínimos niveles de profundidad.

13.- Descripciones completas y atractivas de los productos, con buenas fotos. Este punto a veces se descuida sobremanera y no cuesta tanto hacerlo bien. Una explicación que incluya frases más persuasivas y menos descriptivas marca la diferencia e incita al comprador. No dejes de enumerar las características técnicas del producto en cuestión, pero centra la atención en las ventajas de su uso: “Robot de cocina de diseño exclusivo. El todo en uno ideal que te permitirá preparar todos tus platos de forma sana y natural en un tiempo récord. Llévate al chef más profesional a tu propia casa!” siempre será preferible a un simple “Robot de cocina X1300 tipo olla xpress para cocinar, amasar, licuar y batir. Prepara masas, salsas, cremas, batidos, patés, etc.”

14.- Sensación de urgencia para motivar la adquisición ante el “miedo a la pérdida” del producto. “Sólo quedan 2 artículos disponibles”, “Si reservas hoy, 50% de descuento”…

15.- Cross selling. Asociar productos. Si vendes flores, ofrece al usuario la posibilidad de completar su compra con productos relacionados como un jarrón, un peluche o tarjetas de felicitación, por ejemplo. Una táctica de ventas relacionada es mostrar en la página de cada producto el típico “los clientes que compraron este producto también se hicieron con…” y mostrarles los artículos relacionados.

16.- Suscripción a un boletín semanal. Ofrece la opción de suscribirse a un boletín donde recibir cada semana todas las novedades e información interesante sobre tu catálogo de productos. Aquí debes incluir ofertas, promociones o descuentos tanto para alimentar el interés del suscriptor como para propiciar que el boca-boca, email-email se ponga en marcha y te recomienden.

17.- Marketing online: posicionamiento en buscadores y publicidad en internet. Cualquier negocio que se precie necesita deuna campaña de publicidad para su promoción y difusión. La gran ventaja de tener un negocio digital es que podemos recurrir a la publicidad que hoy en día es más económica y también de las más rentables, el marketing online. Debemos emprender distintas y complementarias acciones y estregias de promoción en internet -posicionamiento en buscadores, campañas de pago por clic, banners, notas de prensa, linkbuilding (conseguir enlaces entrantes), emailings, etc-. Todas ellas ayudarán no sólo a traer tráfico a nuestra tienda online, sino a traer tráfico altamente interesado en nuestros productos.

He tratado de compilar en esta lista los factores más influyentes que inciden en la toma de decisiones del usuario en el momento de realizar la compra online. Creo que estos son los más importantes y con los que conseguiremos optimizar nuestra tienda online para aumentar el porcentaje o ratios de conversión. Convertir visitas en clientes, que es de lo que se trata. Si alguien echa de menos cualquier otro aspecto, bienvenido sea…

Compártelo:

Por Noa Marcos | Posteado en Comercio electrónico, Diseño web, General, Marketing online | Etiquetados Comercio electrónico, ecommerce, Marketing online, persuabilidad, ratios de conversión, tienda online, usabilidad, vender en internet | Comentario (1)

Cómo montar una tienda online (I)

17 Diciembre 2009 – 15:34

Son muchas las dudas que surgen cuando te planteas poner en marcha una tienda online. Todo influye: diseño, estructura de contenidos, catálogo de productos, información y atención que ofrecemos al cliente…

La idea es explicar todos estos factores en un par de post, cada uno de los cuales iré ampliando en sucesivas entradas.

¿Qué debo tener en cuenta, pues, a la hora de montar mi tienda online? Aquí van unos cuantos consejos y elementos fundamentales que no debes pasar por alto:

1.- Diseño elegante, actual y agradable. El llamado look and feel de una empresa o producto cada vez cobra más importancia para el usuario. El estilo y la apariencia gráfica que consigamos transmitir vía online debe cumplir con las espectativas del usuario en cuanto a funcionalidad y a su percepción del sitio como “agradable”.

2.- Por encima de todo: facilidad de navegación, usabilidad. El usuario necesita encontrar lo que busca en todo momento y mejor en un sólo clic. De lo contrario, se marchará.

3.- Fomentar la persuabilidad a través de un lenguaje cercano y persuasivo. Utilizar constantemente la empatía. Pensar siempre en emitir mensajes que llamen a la acción, que provoquen un clic, compra, llamada, registro, etc. utilizando las palabras y gráficos adecuados. No es lo mismo leer de un producto “más información” que “quiero saber más”. No es lo mismo incitar a la compra con “solicitar presupuesto” que a través de un copy tipo “quiero este florero”, “añádelo a mi cesta”, etc. Los verbos y algunas características específicas del producto (como “gratis” o “gratuito”) llaman a la acción. Funciona muy bien comenzar el diálogo con el usuario a través de alguna pregunta que automáticamente responderá en su cabeza al leerla.

4.- Simplificar el proceso de compra a la mínima expresión. Crear tan sólo aquellos pasos completamente necesarios. Huir de formularios de registro y suscripción largos, que lo que consiguen es ahuyentar a la clientela. Solicita sólo un nombre, dirección de envío, teléfono y DNI.

5.- Entender y atender las necesidades del comprador poniéndonos en su lugar y respondiendo a todas sus preguntas de forma anticipada, antes y durante el proceso de compra. “¿Tiene dudas?”, “¿Necesitas ayuda?”, “Podemos ayudarle?” o “Llámanos al…” en lugar de “Contacto” o “Contacte con nosotros”, por ejemplo. “Necesitas un presupuesto a medida? Te lo mandamos gratis y sin compromiso!”

6.- Habilitar un espacio para el envío de sugerencias, ideas, preguntas, etc. Realiza un seguimiento constante de las peticiones que llegan, responde a todas ellas e incorpora las posibles mejoras que propongan los usurios. En definitiva, hazles caso. De esto, dependerá, muchas veces que te compren a ti o a tu competencia.
7.- Posibilidad de realizar pedidos telefónicos. Incluir un cartelote bien grande y visible con el número de teléfono. Todavía hay mucha gente que prefiere navegar para consultar los productos y llamar para realizar la compra. Es más, el cliente que quiera realizar su compra online, también se sentirá más seguro y con posibilidades de ser mejor atendido si visualiza claramente desde la home que existe un número de teléfono al que llamar ante cualquier incidencia o duda.

8.- Destacar todas las ventajas con respecto a la competencia (compromisos, garantías, descuentos, plazos de entrega, sistemas de atención al cliente, etc.). Convencer al personal de por qué deben comprarte a ti. El valor añadido es lo que más cuenta. ¿Dispones de un teléfono de atención al cliente durante las 24 h?, ¿Puedes ofrecer plazos de entrega fijos? ¿Son además los más ajustados del sector? Pues a qué esperas para gritarlo a voces.

Continúa en el siguiente post: Cómo montar una tienda online (II)

Compártelo:

Veiss lanza la web de CASA NOVA 3020, casas con estructura de madera

16 Diciembre 2009 – 16:04

En Veiss hemos diseñado la web de la empresa de construcción de casas de estructura de madera Casa Nova 3020. Con la utilización de materias primas renovables consiguen construir casas ecológicas de madera. Se trata de una forma diferente de construir que se conoce como bioconstrucción.

Bajo el claim Imagine su hogar, nosotros lo construimos, Casa Nova 3020 apuesta por el estilo, el diseño y la sostenibilidad. Las casas de estructura o armazón de madera permiten crear ambientes más saludables, construcciones rápidas y sostenibles, que se benefician de una mayor durabilidad, ahorro de energía y cuidado ecológico con respecto a las construcciones convencionales.

La web de Casa Nova 3020 consta de completas galerías de imágenes de casas con estructura de madera tanto de estilo tradicional como modeno, memoria de calidades y ventajas de las construcciones ecológicas. Se completa con respuestas a las preguntas más frecuentes sobre materiales, garantía, seguros, legislación, etc. que debemos tener claras a la hora de construir nuestra vivienda con estructura de madera.

Compártelo:

Por Noa Marcos | Posteado en Diseño web, General, Sitios web, Veiss | Etiquetados bioconstrucción, casa nova 3020, casas de estructura de madera, casas ecológicas de madera, Diseño web, portfolio, Veiss, viviendas con estructura de madera | Comentarios (0)

Veiss desarrolla la web del distribuidor de automóviles para Francia EURO D.F.

10 Diciembre 2009 – 10:50

La central de compras de automóviles EURO D.F. se ha puesto en manos de Veiss para desarrollar su nueva web. La firma, con sede en Irún (Guipúzcoa), nació en 1994. Su parque de automóviles, situado en Francia, agiliza la gestión de su actividad centrada en la compra, venta y distribución de vehículos en el país vecino.

El buscador de vehículos nuevos, de ocasión y en promoción, que además permite filtrar por tipo de automóvil, marca, modelo, carburante y referencia, facilita la consulta de las características específicas de los coches. El resultdo de la búsqueda realizada se puede descargar fácilmente en formato pdf.

El usuario puede comprar el coche que desee haciendo el pedido del automóvil directamente y de forma segura a través de la web.

Compártelo:

Por Noa Marcos | Posteado en Comercio electrónico, Diseño web, General, Sitios web, Veiss | Etiquetados compra venta coches, Diseño web, distribuidor automóviles, portfolio, proveedor vehículos, Veiss | Comentarios (0)

Nuevo código de seguimiento asíncrono de Goolge Analytics

7 Diciembre 2009 – 15:35

Google Analytics ha lanzado su nuevo código de rastreo asincrónico para realizar el seguimiento de tráfico de sitios web.

El tiempo de carga de una página web es decisivo a la hora de retener al usuario en nuestro sitio. Cuantas más líneas de código JavaScript añadamos, mayor será ese tiempo de carga y más pereza provocaremos en el pobre usuario que, sin duda, querrá salir corriendo.

Con este nuevo código, la carga de la página se realiza más ágilmente ya que, mientras el código se carga en un segundo plano, deja al resto del contenido cargarse a velocidad normal. Lo que conseguimos es que el usuario tarde menos en ver la página cargada completamente, gracias a una optimizada ejecución en el navegador.

Pero además, según Google, la recopilación de datos será más precisa y se eliminarán aquellos errores anteriormente producidos por la carga incompleta del código JavaScript.

El código asíncrono se encuentra en versión beta y, para todo aquel que desee testearlo, tan sólo debe sustuir su código actual por el siguiente, especificando su ID (identificador del perfil de Analytics) en lugar de “UA-XXXXX-X” y recordar pegarlo en todas las páginas del sitio que se quieran medir:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script');
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    ga.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(ga);
  })();

</script>

Consultar la guía de instalación del código asíncrono de Google Analytics.

Compártelo:

Por Noa Marcos | Posteado en Buscadores, Comercio electrónico, General, Marketing online | Etiquetados analítica web, asynchronous tracking, código de seguimiento, google analytics, tracking | Comentarios (0)

Google Caffeine, la nueva versión del buscador

4 Diciembre 2009 – 12:20

Se ha instalado cierta espectación y preocupación en los foros de posicionamiento web durante las últimas semanas. El motivo no es para menos. Se trata de la nueva versión del buscador rey en internet, a la que se ha bautizado con el nombre de Google Caffeine. La compañía de California lo lanzará después de Navidades (lo que ha supuesto un gran alivio para muchas empresas con picos de ventas en esta época).

No sabemos todavía si la revolución montada alrededor de la comunidad online de SEO’s está justificada o no, pero en principio, la revisión del buscador debería suponer un gran cambio en el algoritmo de Google y su forma de indexar las páginas web. La relevancia que otorgue a éstas se basará en factores que algunos webmasters se han aventurado a adelantar, después de haber testeado la versión beta de Caffeine (ya desactivada).

Se cree que algunos de los puntos más importantes que el motor de búsqueda valorará para el posicionamiento en su ranking y que, por tanto, repercutirán en las estregias de los profesionales del SEO para el 2010, pueden ser:

velocidad de carga de la página
calidad: contenido único, diseño y facilidad de navegación que mejore la usabilidad
meta tags, títulos, descripción y densidad de palabras clave
tiempo de permanencia que pasa el usuario navegando por la web y porcentaje de rebote
existencia de enlaces rotos que contengan las páginas
links a sitios “no deseables”
enlaces desde medios y redes sociales (“puntuarán” más que cualquier link desde otra web al entender que se combatirá con más efectividad la compra de enlaces)
geolocalización (cobra mayor relevancia el tipo de dominio, la dirección IP y la ubicación geográfica de los enlaces que le apunten)
resultados de Universal Search (imágenes, vídeos, libros, mapas…)

Lo cierto es que aún no han sido publicadas oficialmente las modificaciones que establecerá el buscador para rankear u ordenar los documentos web, así que toca esperar. En cualquier caso, quiero pensar que la intención no es trastocar las técnicas que actualmente aplicamos en posicionamiento. Es de suponer que se mejorará el funcionamiento interno del buscador y su forma de indexar, aumentando la velocidad, prevaleciendo la satisfacción de los usuarios y correspondiendo de manera justa a los esfuerzos que dediquemos o no a posicionar nustras webs. Veremos…

Compártelo:

Por Noa Marcos | Posteado en Buscadores, General | Etiquetados google caffeine, posicionamiento en buscadores, search engine optimization, seo | Comentarios (0)

Veiss en la conferencia de Bernando Hernández (Google) en Vitoria-Gasteiz

27 Noviembre 2009 – 13:20

Ayer estuvimos buena parte del equipo de Veiss en la conferencia que Bernardo Hernández ofreció en el Palacio de Congresos Europa de Vitoria-Gasteiz, de la mano de Araba Enpresa Digitala.

Bernardo Hernández es el Director Mundial de Marketing de Producto de Google desde junio de 2009, aunque empezó su andadura en la compañía de Mountain View en el año 2005, siempre en la Dirección de Marketing y Producto. Pero es que, además, este emprendedor nato es el responsable como fundador y socio de proyectos tan interesantes como idealista.com o tuenti.com.

“Innovación y Tecnología. El cambio que no cesa”, el título de la charla. Un repaso a la revolución digital, sus logros y retos, tendencias y maneras de hacer las cosas online que se renuevan cada día, el resumen de lo expuesto. Y un poquito de autobombo para los productos del gigante, como no.

Hernández centró su primera parte del discurso en la evolución de la tecnología como fenómeno único en la historia de la humanidad por su grado de penetración y velocidad con que lo ha hecho en los últimos 10 años. Quiso resaltar que la rapidez con la que el entorno digital (nuestro entorno, queramos o no) se transforma, es algo imparable y con un crecimiento exponencial más allá de lo que estamos acostumbrados a ver y manejar en cualquier ámbito de la vida.

Estuvo bien. Sobre todo, como reflexión de lo que supone el momento que vivimos y como toque de atención para no quedarse atrás. Seas profesional de internet o usuario final, la actualización y aprendizaje constante es un trabajo que nos compete a todos por igual.

Las cifras de usuarios de twitter o facebook, los minutos de vídeo que se suben a YouTube, las fotos que se cuelgan en Flickr y los blogs -que se se cuentan por millones y van en aumento cada día- nos sirven para verlo claro.

Lo que más me sorprendió: las preguntas de los presentes. Mucha preocupación por el tema de la seguridad y privacidad en internet, sobre todo, frente al propio Google. Parece ser que el tema no está ni mucho menos superado… Cada día me sorprende más que la gente se asuste o critique la libertad con que las redes sociales manejan tu información cuando precisamente eres tú el que decide qué colgar, cómo, dónde y quién puede verlo, no? No sé, supongo que este tema daría para otra conferencia, seguro. Pero en este punto lo único necesario es sentido común.

Y la confusión de muchos frente a la inmensa masa de información que ofrece la red, de la que creen son responsables los buscadores (?). Sí, yo también me extrañé. Una de las más grandes aportaciones de los últimos años en internet es la creación de contenidos por parte de los usuarios. El trabajo de los buscadores es indexar toda esa información. Y el papel del usuario, saber manejar esta fuente inagotable de datos. A veces la gente se olvida de que somos nosotros, los usuarios, los dueños de gestionar el tiempo que invertimos en internet, los contenidos que consumimos, las aplicaciones y herramientas que utilizamos, etc. Y esto es lo grande de internet.

Compártelo:

Por Noa Marcos | Posteado en Buscadores, General, Internet, Marketing online | Etiquetados Bernardo Hernández, blogs, Buscadores, facebook, flickr, google, Marketing online, redes sociales, revolución digital, twitter, Veiss, youtube | Comentarios (0)

En Veiss hemos lanzado la página web de Instalaciones y Montajes Eléctricos Del Valle Aguayo

26 Noviembre 2009 – 12:14

En Veiss hemos desarrollado la nueva página web de Del Valle Aguayo, empresa alavesa especializada en instalaciones y montajes eléctricos, ubicada en Vitoria-Gasteiz.

La web corporativa muestra los servicios que ofrece Del Valle Aguayo tanto para industrias, sector público, comercio y vivienda. Cuenta con más de 20 años de experiencia en la elaboración e implantación de estudios, proyectos, instalaciones y mantenimientos eléctricos de alta, media y baja tensión.

La empresa apuesta fuerte por las energías renovables destinando una gran inversión en I+D para el desarrollo de nuevos productos. En este sentido, trabajan en instalaciones y montajes eléctricos en el campo de la energía hidroeléctrica y energía solar fotovoltaica.

Hemos habilitado una sección de noticias que se irá actualizando con las novedades más destacadas del sector y un acceso al blog, donde se tratarán temas de utilidad como legislación o seguridad en materia de electricidad.

Compártelo:

Por Noa Marcos | Posteado en Diseño web, General, Sitios web, Veiss | Etiquetados diseño páginas web, Diseño web, instalaciones y montajes eléctricos del valle aguayo, portfolio, Veiss | Comentarios (0)

Cómo diseñar menús de navegación

Bodegas La Rioja Alta, finalista de los Premios Web Riojanos 2009

Cómo montar una tienda online (II)

Cómo montar una tienda online (I)

Veiss lanza la web de CASA NOVA 3020, casas con estructura de madera

Veiss desarrolla la web del distribuidor de automóviles para Francia EURO D.F.

Nuevo código de seguimiento asíncrono de Goolge Analytics

Google Caffeine, la nueva versión del buscador

Veiss en la conferencia de Bernando Hernández (Google) en Vitoria-Gasteiz

En Veiss hemos lanzado la página web de Instalaciones y Montajes Eléctricos Del Valle Aguayo

Subscríbete a nuestro blog

Artículos recientes

Archivos

Categorías

Últimos comentarios:

Subscríbete a nuestro blog

Artículos recientes

Archivos

Categorías

Etiquetas

Últimos comentarios: