diseño

You are currently browsing articles tagged diseño.

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: , , , , , ,

Hoy me he percatado al abrir en un navegador (Chrome) una sesión nueva en google.es que el aspecto de la página de resultados había cambiado y mucho. Habituado a ver todos los días las páginas de resultados de google.es, como otros tantos miles de mortales, el cambio me ha llamado la atención, y mucho.

La página de resultados de google.es (o SERP) que me he encontrado es muy muy parecida a la SERP de Bing

Pagina de resultados nueva de Google.es para la búsuqeda "alquilar coche"

Pagina de resultados nueva de Google.es para la búsqueda "alquilar coche" - Clic sobre la imagen para verla grande.

Por comparar y entrender el porque llama la atencion tanto este cambio, aquí podeis ver una página de resultados del buscador Bing:

Pagina de resultados del buscador Bing

Pagina de resultados del buscador Bing para la búsqueda "rent a car" - Clic sobre la imagen para verla grande.

Como puede verse a simple vista, la disposición de los elementos de la nueva página de resultados de Google es muy similar a la de Bing, sobre todo en lo referente al menú vertical de la parte izquierda, algo nuevo en google y que fue una apuesta de Bing. ¿Es este el futuro de la página de resultados de Google?

Sigue leyendo »

Tags: , , , , ,

Probablemente muchos de los que leais este post ya conoceis perfectamente lo que es un test multivariante en Google Website Optimizer. Para los que no, aquí un pequeño resumen: Optimizer es una herramienta que te permite testear diseños alternativos de una landing page para ver si mejoras la conversión o cambia el comportamiento del usuario (esto es un test A/B) o bien puedes, dentro de un diseño, testear diferentes versiones de uno o varios elementos del diseño (botones, colores, fotos, etc.) para ver si mejoras la conversión, etc.

Un test multivariante nos permite comprobar el rendimiento de varias alternativas de un elemento en un diseño web. Para mejorar la conversión es una muy buena herramienta.

Dicho esto, en el caso práctico y real del que voy a hablar aquí, tenemos una web de comercio electrónico, y queríamos comprobar, tras leer un artículo, si la posibilidad de que un usuario haga clic sobre el botón de compra de un producto varia en función del color de éste. Es decir, si tengo un botón de “Iniciar compra” de un producto, ¿el color de este botón influye en la decisión del usuario de hacer clic en él, y por tanto comprar?.

En este test multivariante se utilizaron 3 colores diferentes para el botón de compra, con el objetivo de ver cual ofrecía mayor ratio de conversión.

En este test multivariante se utilizaron 3 colores diferentes para el botón de compra, con el objetivo de ver cual ofrecía mayor ratio de conversión.

Por supuesto, yo tengo claro que sí, que influye y mucho, y hay montones de estudios, posts y artículos hablando de ello, porque los colores tienen una asociación inconsciente con el comportamiento del usuario. Pero con creerlo o intuirlo no vale, así que decidí hacer un test multivariante para determinar si el color del botón de “Iniciar compra” influía en el CTR, el índice de clics, en ese botón de compra de los usuarios, en qué medida y qué margen de mejora teníamos en la web. Sigue leyendo »

Tags: , , ,

El diseño web es una actividad que día a día, conforme el uso de internet es más general, va cobrando cada vez más importancia, ya que ante la demanda de creación y mantenimiento de sitios web cada vez más profesionalizados se hace necesario contar con buenos diseñadores web.

Lo malo es que la profesión de diseñador web alberga a muchos perfiles, algunos muy profesionales y conscientes de lo que supone el diseño de web y otros que simplemente se apuntan al carro porque saben manejar Dreamweaver un poco por encima y consideran que con eso ya son diseñadores web.

diseno-web-profesional-01

Aquí tenemos un diseño web reciente, de 2008 o 2009, aunque no lo parezca, ¿os atreveis a llamar profesional del diseño web a su autor?

La principal característica del diseño web y la que lo diferencia de otros tipos de diseño, es que requiere un buen conocimiento de conceptos como navegadores, usabilidad, arquitectura de la información, resoluciones, código HTML y demás zarandajas técnicas y no técnicas directamente relacionadas con el medio en el que trabaja el diseñador web: internet. En resumen, puedes ser un gran diseñador gráfico, pero eso no te convierte en un buen diseñador web, y la fórmula también se aplica a la inversa.

Después de conocer a muchos y trabajar yo mismo como diseñador web unos cuantos años, participar en procesos de selección e incluso hacerlos, os incluyo unas listas de mínimos que SI y que NO debe cumplir un diseñador web para poder considerarlo como tal. La lista podría ampliarse mucho en ambos sentidos, pero se trata de ver lo básico que debe tener y no tener un diseñador web.

Lo que SÍ debe saber o tener un diseñador web que sabe diseñar webs:

  1. En su portafolio deben aparecer varias direcciones web diseñadas por él mismo. Si un diseñador web no tiene URLs en su portafolio solo hay dos posibilidades: no sabe hacer webs o las que ha hecho le averguenzan y no las pone en su curriculum. En cualquier caso nada bueno.
  2. Debe conocer y utilizar CSS. Hoy en día, por muchísimos factores, el uso de CSS es imprescindible en el diseño web. Si un diseñador web no utiliza CSS generalmente es porque no se ha molestado en aprender y estar actualizado o porque sigue diseñando webs basadas en el uso de flash o en tablas y recorte de imágenes. Sigue leyendo »

Tags: , , ,

« Older entries