febrero 09, 2010
El periodista alcarreño Angel de Juan García, que por su labor documental sobre las rutas de Guadalajara podríamos definir como el Cela del siglo XXI, ha puesto a la venta su colección de libros de Guadalajara a través de la página Web http://caminosdeguadalajara.es
Hace poco leí la magnifica entrada 8 técnicas con las que incrementamos las ventas de comercio electrónico un 10,000%. He tratado de implementar estás técnicas durante este proyecto. En esta entrada os describo como aplico algunos de estos puntos.
Evitar que la página esté recargada
He tratado de mantener la página extremadamente sobria para facilitar la compra de los libros. El portal está compuesto en la actualidad por 16 páginas. 12 de las cuales se corresponden a páginas especificas para cada libros. La idea es que el visitante descubra el catálogo y en caso que desee comprar un ejemplar lo haga sin problemas.
Más aún, cuando el usuario va a realizar un pedido, se elimina toda la navegación para que se concentré en terminar la tarea.
Asegurarse que el carro de la compra destaca
Mediante el uso de de la propiedad position: fixed de CSS el carro de la compra siempre esta posicionado en la parte superior de la página incluso cuando el usuario hace scroll (ver imagen más abajo). Intencionalmente es un poco más grande que el resto de la navegación para que resalte. Siempre muestra una descripción de su contenido con el número de libros y el importe que suman. Así mismo un botón con el texto "Realizar el pedido" insta al usuario a completar su compra.
Proporcionar ayudas visuales
Cuando el usuario pulsa el botón añadir a la cesta de compra, tanto el libro como el carro de la compra situado en la parte superior derecha se resaltan con un brillo amarillo que se desvanece a los pocos instantes. Esto proporciona una señalización visual al usuario sobre el efecto de su acción. Es decir que ha conseguido añadir un libro a su carro de compra y así mismo centra su atención en el carro de compra, que ha sido actualizado.
Cuanto más grande mejor
Cuando trabajamos con Web dedicadas al comercio electrónico la accesibilidad es todavía más importante. Ya que no sólo estamos haciendo el contenido inaccesible a un usuario sino a un potencial cliente. La Web, Caminos de Guadalajara, usa un tamaño de fuente de 16 pixeles y un alto de linea de 20 pixeles para hacer el contenido lo más legible posible. A menudo los textos escritos con tamaño de fuentes pequeñas son más atractivos visualmente. Sin embargo, en las páginas de comercio electrónico la accesibilidad debe estar a la cabeza de nuestras prioridades.
Hacer que los botones y enlaces resalten
Es decir, que nuestros usuarios sean conscientes en todo momento del funcionamiento del sistema. Es decir que no tengan que pensar sobre las acciones a llevar a cabo. Sean capaces de saber que es pulsable y que no. Y que consecuencias van a tener sus acciones. Por ejemplo, el botón Realizar Pedido cambia de color de fondo y fuente para transmitir la sensación de que puede ser pulsado.
Etiquetas: ecommerce, sales
enero 16, 2010
Tengo un cariño especial a la web del
Centro de La Fotografía y La Imagen Histórica de Guadalajara (CEFIHGU). Fue mi primera Web
grande. Esta compuesta por más de 35 páginas, más notas de prensa y un archivo de más de 4.000 entradas. Cefihgu muestra su contenido en ingles y castellano. Cuando ofrecemos una Web en varios idiomas la hacemos más accesible a un mayor número de potenciales vistantes.
Facilitar al usuario el cambio de idioma
Esto se realiza habitualmente con un menú compuesto por banderas y palabras que designan el idioma. Mucha gente recomienda no usar banderas ya que estas representan países y no idiomas. Aunque el argumento es correcto, yo creo que el uso de banderas está tan extendido a lo largo de la Web que no importa si el uso es algo incorrecto ya que es una metáfora visual que los usuarios comprenden. Yo soy partidario escribir el idioma sin traducir. Es decir si ofrezco dentro de un sitio en ingles un enlace a la versión en castellano. Uso
Castellano y no
Spanish. Si el portal está en castellano y ofrezco una versión en ingles. Uso
English y no
Ingles. Esto se debe a que el enlace esta orientado a una persona que busca el contenido en un idioma diferente y por lo tanto el enlace es ofrecido en ese idioma.
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 los
cursos 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. Incluso si tenemos una persona capaz de mantener la página en varios idiomas, y un gestor de contenidos que soporte varios idiomas a veces las diferencias culturales no hacen posible esta traducción párrafo a párrafo. Con diferencias culturales me refiero a la posibilidad que parte de nuestro contenido o incluso un grupo de página sea de interés por ejemplo a nuestro público que hable ingles pero no a nuestro público que hable chino.
La semana pasada he remodelado la Web de Cefihgu no gráficamente pero si en la distribución del contenido en varios idiomas. El archivo del Cefihgu, notas de prensa y agenda son ofrecidas sólo en Castellano. Por esto hemos optado por apuntar
cefihgu.com a la versión en ingles del portal y
cefihgu.es a la versión en castellano. La versión en ingles es una versión más reducida del portal ya que no incluye notas de prensa, agenda o archivo. El cambio de idioma lleva a la página de inicio del idioma correspondiente. Este cambió permite controlar de un modo más fácil el tráfico de cada versión del portal (de hecho cada portal esta asociado con una cuenta diferente de Google Analytics), permite el mantenimiento del portal de un modo más sencillo (el personal del centro no tiene que preocuparse del contenido del portal en ingles (Este no es modificado en el día a día) y la experiencia para el visitante del portal en ingles es menos confusa ya que la versión inglesa no ofrece ahora partes no traducidas como sucedía anteriormente.
Si compartís mi enfoque, no lo compartes en absoluto o tienes otro punto de vista. Me encantaría escuchar tu opinión. Mándame un email a
sergio.delamo@softamo.com
Nota Para la construción de mis Web uso un CMS creado por mi en Java.
Etiquetas: locale
enero 15, 2010
Hace dos semanas escribía una entrada sobre como crear una radio online con Ustream.tv. Hoy puedo anunciaros el lanzamiento de Orden Aleatorio Radio.
No es un proyecto propio, sino de un cliente externo. Una de las razones por las que me gusta mantenerme al día en la tecnología es para ser capaz de orientar a mis clientes a la mejora solución para su proyecto. Hoy en día, tecnologías como la ofrecida por Ustream permiten crear estaciones de radio o de televisión practicamente a coste cero. Si habéis trabajado conmigo sabéis que yo tengo un modo de trabajo diferente a la tradicional agencia de diseño. Mientras que otras agencias se limitan a diseñar o construir lo propuesto por el cliente sin más, a mi me gusta conocer el modelo de negocio de la idea a construir. Creo que es imprescindible para lograr una presencia de éxito en la Web. Más aún me gusta retar vuestra de negocio, sugeriros nuevas posibilidades de monetizar dicha idea o de expandirla.
La idea detrás de OARadio es la de un stream musical de 24 horas al día, 365 días al año. Música elegante y tranquila que puedas poner como música de fondo mientras trabajas.
Es posible contratar al DJ de OARadio para que emita audio y vídeo en directo desde tu local. Es decir contratas no sólo música sino también promoción de tu local.
Etiquetas: oaradio.es, radio, streaming, ustream
enero 01, 2010
Nacido el 28 de Octubre de 1982 en Madrid, Sergio del Amo Caballero es un ingeniero de telemática. Estudió ingeniería técnica de telecomunicaciones (especialidad telemática) en la universidad de Alcalá de Henares. En 2004 se licenció con Matricula de Honor. Al acabar trabajo en la Core Network Division de (CND) Motorola como programador. Después se mudo a Austria y trabajó como programador en las startups Webteam y Cerebra mientras cursaba Master Telematics en la universidad tecnológica de Graz. Acabó en 2007 con honores con especialidad en sistemas de información. Su tesis analizaba la gestión de conocimiento en el entorno empresarial.
Regreso en 2008 a España para fundar la agencia de diseño Web Softamo. Una empresa dedicada a diseño y programación de aplicaciones Web. Ahora mismo, se centra en AmoRural una linea de negocio para casas rurales.
Etiquetas: biografía
