diseño

You are currently browsing articles tagged diseño.

El UX Spain cumplía en 2015 4 ediciones (que se dice pronto) volviendo a Salamanca, donde se realizo el primer año.

Han pasado 48 horas desde el fin de esta edición y escribo este post desde la perspectiva de alguien que ha asistido a todas las ediciones anteriores de UX Spain. Y digo esto porque creo que es algo importante y no menor.

Que el UX Spain es el evento ya no español, sino en español, referencia sobre UX (sea lo que sea esto, que cada uno lo ve a su manera), creo que es indiscutible.

UX Spain. Magaz de Pisuerga

Aquí podemos ver a Miguel Monreal en pleno viaje a UX Spain Salamanca en una parada en Magaz de Pisuerga donde aprovechamos para mandar unos mails. El contraste entre dos mundos

Este año participé en primer lugar como patrocinador, a través de Flat 101, la empresa que tengo con mis socios Miguel, Diego y Sandra; y como ponente, impartiendo con Miguel un taller sobre analítica digital aplicada a procesos de diseño, algo que hacemos en el día a día de Flat 101.

Como todos los años, resumo lo que he vivido en esta edición del UX Spain en riguroso orden cronológico.

Y este es el resumen de lo que dieron de sí los dos días de UX Spain 2015 en Salamanca:

Sigue leyendo »

Tags: , , , , ,

Desde hace unos meses, en Flat 101 trabajamos con Rusticae, elegido por el ministerio de Industria como mejor sitio web de turismo y viajes en 2014, en la mejora de su transacción digital. Básicamente, nos centramos en rediseñar su interfaz y procesos en base a datos de negocio y de analítica digital para buscar el mejor modelo de conversión / transacción para alcanzar los objetivos de negocio de la empresa y que sus usuarios tengan el mejor nivel de satisfacción posible.

Este año hemos comenzado nuestro proyecto más ambicioso con Rusticae: el rediseño del sitio web principal, orientándolo a mejorar los indicadores de negocio.

Se trata de alinear el diseño del sitio web con los objetivos de negocio de la empresa y con los intereses de los usuarios del sitio web. Algo que puede parecer sencillo de decir, pero bastante complicado de ejecutar.

Foto de la sesión de trabajo con Rusticae

En esta foto podemos ver a Daniel Bueno, Senior Designer de Flat 101 (con coco afeitado y barba) en un momento de la reunión con el cliente. Fundamental comprender su negocio

Nuestra metodología de trabajo en este tipo de proyectos es siempre la misma, y comienza con una parte muy importante y clave para poder desarrollar un diseño eficaz: debemos conocer a nuestro cliente, su modelo de negocio y el perfil de los clientes que tiene y a los que se dirige. Se trata, en resumen, de comprender el modelo de negocio lo mejor posible para que el rediseño de procesos se oriente correctamente.

No podemos tratar un diseño digital de manera idéntica en todos los casos, y por eso es clave este paso, el primero en un proceso de diseño.

La herramienta principal para conocer el modelo de negocio de un cliente, conocer a sus usuarios tipo, sus drivers de negocio, etc, es muy sencilla, la entrevista. Sigue leyendo »

Tags: , , , , ,

Conozco a Gemma Muñoz, la principal cara de la analítica web en España (y parte del extranjero), desde hace ya unos cuantos años. Gemma y yo hemos compartido muchas cosas juntos, algunas personales y algunas profesionales, algunas buenas y acojonantes y algunas menos buenas y menos acojonantes, e incluso llegamos a ser socios de empresa en Mind Your Group, en una decisión que tomé principalmente por el privilegio que suponía poder trabajar con ella cada día.

Gemma, además de la principal divulgadora de la analítica web en este santo pais, fue (es) autora, junto con Tristán Elosegui, de un libro fundamental en esta disciplina en España, que es “El arte de medir“. Ese libro sirvió, de hecho, para dar nombre a su propia empresa, que formó en 2011, y tras el parentesis de ser socia en MYG, esa empresa, El arte de medir, se ha reforzado con un equipo muy potente, encabezado por su nuevo socio, Tristán Elosegui. Un tipo realmente majo y profesional que conozco desde el año 2010, cuando me entrevistó para su blog acerca de mi trabajo y la analítica web.

El arte de medir, la empresa, queda en este 2014 encabezada por Gemma Muñoz y Tristán Elosegui, además de otros grandes profesionales, pero claro… necesitaban una nueva web, porque el concepto había pasado de ser un libro a ser una empresa

Imagen de la web elartedemedir.com cuando se promocionaba el libro

Así era la web de “El arte de medir” cuando el proyecto “solo” era un libro, no una empresa

Y en esa tesitura aparecimos nosotros. Como amigo personal de Gemma y de Tristán (con su permiso) y teniendo en cuenta nuestro bagaje en trabajos conjuntos, nos encargaron el reto de reestrcuturar, conceptualiar y desarrollar toda su nueva presencia digital, la de su empresa… y claro, a nosotros nos gustan las cosas dificiles, así que lógicamente dijimos que sí. Las cosas fáciles ya son para otros… Así que nos pusimos en cabeza de esto, por nuestra parte, en nuestra empresa Flat101, los señores Jorge Rigabert, Miguel Monreal y servidor, con la misión de que elartedemedir.com, la web de la empresa de analítica digital fuera el principal activo comercial de la empresa y representara sus valores, además de explicar perfectamente los servicios que prestan. ¿Antes de seguir leyendo quereis ver el resultado final? Pues entrad en www.elartedemedir.com … pero ahora sigue leyendo! Sigue leyendo »

Tags: , , , , , ,

Querido amigo que lees esto, adelanto que este post es largo (más de 1.300 palabras) y un pelín filosófico, pero también creo que es muy necesario y me apetecía escribirlo, que para eso monté este espacio!

Cuando yo empecé en esto de internet de manera profesional (es decir, me pagaban por mi trabajo) corría el año 98 y saber hacer una web era algo al alcance de muy pocas personas. El valor de una web estaba en que te la hicieran, porque no era facil encontrar personas o empresas que se dedicaran a ello. Tranquilos, que aunque no lo parezca, este post no va de batallitas del abuelo cebolleta.

En aquel contexto, a finales de los 90, el gran valor de un sitio web era que te lo hicieran, que pudieras acceder a uno, tener una web.

El que una empresa consiguiera un sitio web era algo relativamente complicado, sobre todo dependiendo de lo que quisiera, pero vamos, que el saber hacer una web era algo que tenía un valor bastante grande. Yo, en concreto, comencé con aquel programa llamado Front Page 98, de Microsoft, y del que llegué a comprarme un libro de esos de “Dummies” que aún conservo (y que en algunas cosas sigue siendo util y todo).

Imagen del libro FrontPage 98 para dummies

Este fue mi primer libro sobre como hacer una web… un conocimiento precioso en aquella época.

Con el paso de los años la situación fue cambiando poco a poco… prácticamente cualquier empresa de publicidad, artes gráficas o hosting, por poner solo 3 ejemplos, ofrecía (y ofrece) el desarrollo de sitios web. Y luego llegaron las grandes ofertas masificadoras como las que podemos ver hoy día en la tele, que ofrecen tener una web 100% profesional por unos pocos euros al mes. Y a esto hay que añadir la expansión de CMSs que permiten que hacer una web sea cuestión de unas pocas horas… con todo ello, el hecho de saber hacer una web, como conocimiento técnico, fue perdiendo su valor, hasta caer en el cero absoluto. Hoy en día el hecho de “saber hacer” una web, entendido como entregarte una web como producto, carece de valor.

Sigue leyendo »

Tags: , , , , ,

El diseño web fue el primer campo profesional en el que comencé a trabajar en internet, allá por finales de los 90, a raiz de mi afición al retoque digital, al dibujo, a los comics, a la cartelería, etc, creando lo que hoy me parecen espantosos sitios web con aquel artilugio llamado Front Page 98 entre otras herramientas de la época, como Xara 3D o una cosa novedosísima llamada Flash 3.

Fue como mi primer amor profesional, algo que realmente me gustaba (y me gusta) y disfrutaba (y disfruto). Aprendí (y prendo) todo lo que pude sobre diseño, en su sentido más puro, y sobre la web, además de sobre las herramientas, las interfaces, etc. Aprendí que, sobre todo, un diseñador, para considerarse tal, debe pensar no solo en la estética, sino en la funcionalidad y utilidad de la misma y en el usuario que va a utilizar ese diseño, en que éste debe ser capaz de conseguir su propósito, que es el objeto último del diseño en sí.

Esto me lleva a poner en duda el trabajo de muchos autoproclamados diseñadores web que, en realidad, no lo son, sino que son operarios de Photoshop (en el mejor de los casos también de Dreamweaver)

Captura del juego Street Fighter, que representa el combate entre diseñador web vs operario de photoshop

Aqui podemos ver a un diseñador web en combate contra un operario de photoshop

El diseño implica comprensión de lo que se pretende conseguir y definir la forma y el camino para que ello sea posible. En el caso de la web, vincular el objetivo al proceso a través de navegación e interfaz que permite conseguir dicho objetivo. Y el diseño incluye una parte visual, gráfica, que es, en ocasiones, la que soporta el grueso de las críticas y opiniones, precisamente por ser la parte más visible, pero, como en el caso de un iceberg, representa solo una parte (pequeña) del trabajo.

Sigue leyendo »

Tags: , , , , ,

Hace casi un año, en mayo de 2011, ya hablé en este blog del siempre peliagudo asunto de que te copien una web, algo que, de inicio, no sienta bien, pero también muy habitual y extendido en este mundo nuestro de internet, gracias a la transparencia absoluta del medio (descarga de imágenes, CSS, código fuente, JS…), que permite “fusilar” prácticamente cualquier contenido y diseño web de cualquier parte del ancho mundo.

El plagio de diseños web sin el menor escrúpulo ni consideración es algo con lo que debemos convivir, nos guste o no.

El medio, internet, lo posibilita. Es fácil copiar un sitio web tal cual, y además no parece que haya una regulación legal clara al respecto que te permita defenderte, a ti o a tus clientes, si te ves en un caso de este tipo. Es muy desagradable e ingrato haber trabajado en un diseño exclusivo para alguien, pensado para sus objetivos, para su negocio, y que éste sea miserablemente copiado hasta la saciedad sin poder hacer mucho más que el típico envío de emails solicitando la retirada, o como mínimo que te otorguen el crédito como autor que te corresponde. Supongo que grandes corporaciones o ecommerces de tamaño titánico recurrirán a sus ejércitos de abogados para solucionar esto, pero esas opciones están muy lejos de las posibilidades de una empresa de tamaño pequeño o mediano, que son la mayoría.

Yo mismo lo he sufrido en mis carnes repetidas veces con algunos diseños web en los que he trabajado en los últimos 15 años, pero de verdad que ahora, en este momento, supongo que por tecnología y abundancia de ejemplos, es cuando más copias descaradas y flagrantes de sitios web estoy viendo.

Este tema ha vuelto a mi mente por las múltiples copias, fusilamientos y plagios que mi buen amigo y compañero de fatigas Jorge Rigabert ha encontrado de su web personal en las últimas semanas. Estábamos hablando del tema en el trabajo y que mejor manera de expresar el enfado/frustración/enojo/hastio por el tema de los plagios de sitios web que aquí, en formato post. Para muestra, un primer botón de plagio:

Copia y plagio de un sitio web

Aquel caso de copia de diseño web que conté en mayo de 2011 queda en una chiquillería de parvulario comparado con este ejemplo, sobre estas líneas. Ni me molesto en resaltar las zonas copiadas porque son TODAS! Sigue leyendo »

Tags: , , , , , ,

Dieter Rams es un diseñador industrial alemán, que aparte de su trabajo, sobre todo para la marca Braun, es muy conocido por haber elaborado 10 principios básicos o mandamientos sobre el diseño. Y digo diseño así, a secas, porque supongo que originalmente Dieter Rams los pensó para su propio escenario de trabajo, el diseño industrial, pero la verdad es que los pensó tan bien, que son aplicables en su práctica totalidad a cualquier tipo de diseño o escenario estético.

Los 10 mandamientos del buen diseño de Dieter Rams pueden aplicarse perfectamente a la web

Dieter Rams pensando en sus cosas

Dieter Rams, probablemente pensando en sus principios de diseño

Y de hecho, estos principios o mandamientos, aplicados a un sitio web, son, por lo menos en mi opinión, un buen termómetro de la calidad y utilidad de su diseño.

Estos famosos 1o mandamientos o principios son:

  1. El buen diseño es innovador.
  2. El buen diseño hace un producto útil.
  3. El buen diseño es estético.
  4. El buen diseño ayuda a un producto a ser entendido.
  5. El buen diseño es discreto.
  6. El buen diseño es honesto.
  7. El buen diseño es duradero.
  8. El buen diseño es constante hasta el último detalle.
  9. El buen diseño está concienciado con el medio ambiente.
  10. El buen diseño es tan poco diseño como sea posible.

Vale que no todos son 100% aplicables al diseño web si los interpretamos literalmente, pero desde luego un buen número sí lo son, y de hecho suponen una ayuda en la definición de un diseño web como un elemento de real utilidad y correctamente orientado. Es fácil comprobarlo de la siguiente forma, aplicando estos principios al diseño web: Sigue leyendo »

Tags: , ,

“¡Me han copiado la web!”, esto es lo primero que te viene a la mente, lo digas o no, cuando ves cosas como estas, en lo que ya no se puede llamar inspiración, sino copia descarada. Ampliad la imagen y valorad vosotros mismos:

Copia de una web

A ver, una cosa es “inspirarse” en un diseño web y otra es copiarlo directamente, fusilarlo sin más

Yo, como la mayoría de la gente que trabaja en esto, me fijo, y mucho, en el trabajo de los demás, porque de ahí aprendo y de ahí saco ideas o adapto las ideas de otro, o si me gusta un layout o una disposición de elementos lo utilizo… pero lo adapto!!! Intento convertirlo en algo propio partiendo de un modelo que ya existe, y eso, señores, es una cosa, y esto, amigos de Campoamor formación, es otra muy distinta.

Desde aquí os invito a que trabajeis más vuestras propias propuestas, por supuesto aprendiendo de los demás, pero trabajando y esforzandoos, como hacemos o intentamos hacer otros. Pensad amigos de Campoamor, si todos hiciéramos los mismo, solo habría 4 o 5 diseños web en el mundo, porque todos copiaríamos literalmente al otro para enmascarar nuestra falta de imaginación y/o ideas. NO LO HAGAIS AMIGOS DE CAMPOAMOR! Pensad que si nosotros lo hemos hecho, vosotros también podeis (¿o no?), solo hay que trabajar un poquito y tener una pizca de ética. Ayudadnos a hacer de este mundo un lugar más bonito donde vivir y empecemos por aquí, por tener un sitio web realmente diseñado por ti. Además llevando la palabra “amor” en vuestro nombre, esto está muy feo. Vais a cabrear a Cupido. Sigue leyendo »

Tags: , , , ,

Siempre hablamos de la optimización como algo fundamental para conseguir rendimiento, eficacia y rentabilidad en cualquier proyecto web. En un ecommerce, orientado a facturar, esto ni siquiera es una opción, es una obligación, así de claro.

La optimización generalmente se plantea tras el lanzamiento de un proyecto y cuando éste lleva un recorrido inicial que permite obtener una serie de datos (ventas, tiempos de visita, rebotes, fuentes de tráfico, etc) que a su vez hacen posible el analizar su rendimiento y, a partir de ahí, empezar a proponer acciones de mejora en el sitio web siempre buscando un mejor rendimiento en función del objetivo principal del sitio web.

Sobre estos temas, y en concreto de optimización de un ecommerce de servicios, hablamos largo y tendido en el Conversion Thursday de Madrid el pasado 17 de febrero

En concreto, en función del análisis de un proyecto de ecommerce de servicios durante un periodo de 18 meses se encontraron 10 puntos clave de optimización web, cuya mejora y el encontrar un modelo óptimo es necesario para alcanzar umbrales de rentabilidad.

Antes de detallar los 10 puntos de mejora claves en un ecommerce os dejo el vídeo de la exposición de este tema en el Conversion Thursday de Madrid:

Sobre los 10 puntos clave de optimización y mejora de un ecommerce, en este caso de servicios, que tratamos esa tarde, éstos son:

  1. El TPV. La pasarela de pago que empleemos es determinante en el éxito de las operaciones de venta. Hay TPVs con sistema CES (3D Secure), que son la mayoría, y que tienen sentido en el marco de la venta de bienes físicos. Quizás en el sector servicios tengan menos sentido, y, en general, debes tener un TPV adecuado a lo que vas a vender y que, en la medida de lo posible, permita integración con tus sistemas financieros, de pedidos y logística, etc. Sigue leyendo »

Tags: , , , , ,

Una de las principales ventajas de la analítica web es que podemos conocer datos muy importantes sobre como navegan los usuarios por nuestros sitios web, y eso nos permite orientar las mejoras que queramos hacer hacia nuestros usuarios y pensando en el uso real que hacen de nuestro sistio web.

Desde el punto de vista del diseño web siempre me ha parecido fundamental controlar y medir que navegadores de internet utilizan los usuarios en los sitios web en los que trabajo y que resoluciones de pantalla, además de otros indicadores igualmente importantes.

La evolución de uso de los navegadores de internet en tan solo un año ha sido lo bastante significativa como para tenerla en cuenta a nivel de diseño web.

Es un dato muy importante sobre todo por asegurarnos de que el CSS va a funcionar igual en todos los navegadores empleados y también asegurarnos de que el sitio web se va a visualizar igual en cualquier navegador, sin hacer cosas raras si vemos la web en Firefox, Opera, Chrome o en Internet Explorer.

Estudiando recientemente la evolución del uso de navegadores de internet por parte de los usuarios en varios perfiles de Google Analytics que mido, en los que hay sitios web de temátcias muy diferentes, se aprecian cambios muy importantes en el uso de navegadores web por parte de los usuarios. Como muestra, esta comparación tipo (una media entre 5 sitios web de temáticas distintas) entre el uso de navegadores en el primer trimestre de 2009 y en el primer trimestre de 2010:

Comparativa de uso de navegadores de internet entre el primer trimestre de 2009 y el primer trimestre de 2010.

Comparativa de uso de navegadores de internet entre el primer trimestre de 2009 y el primer trimestre de 2010.

Podemos observar cosas bastante interesantes: Sigue leyendo »

Tags: , , , , , ,

« Older entries