Qué es el diseño web, y qué hace que uno funcione
Maties Burguera 
01 / 09
La respuesta corta
El diseño web es decidir qué ve una persona cuando entra en tu web, en qué orden lo ve y qué puede hacer con ello. No es elegir colores: es decidir qué va primero.
Hoy, el diseño de páginas web y el diseño de sitios web incluyen cuatro cosas que van juntas: cómo se ve, qué dice, cómo está construido por dentro y cómo se mide si funciona. Una web puede ser preciosa y no vender nada, y eso pasa cuando solo se trabajó la primera.
02 / 09
Las cuatro partes que van juntas
-
Lo que se ve
Dónde va cada cosa, qué tamaño tiene, qué se pulsa. Es la parte que en diseño paginas web todo el mundo llama diseño, y en realidad es la mitad más visible, no la más importante.
-
Lo que dice
Los textos, y sobre todo cuántas páginas hay y de qué va cada una. Aquí se decide si te encuentran, y es la parte que más proyectos deja a medias porque nadie la reclama.
-
Cómo está hecho por dentro
Que cargue rápido, que se vea en un móvil, que Google pueda leerla y que no se rompa al crecer. No se ve, y decide si dentro de dos años te sigue sirviendo.
-
Y cómo se mide
Cuánta gente entra, por dónde y cuánta hace lo que querías. Sin esto, el diseño de webs es una opinión.
Las dos primeras suelen ser de una persona y la tercera de otra. Cuando son dos, pasa lo que cuento en diseño y desarrollo web.
03 / 09
Cómo se hace una web, paso a paso
-
1. Saber qué vende el negocio y a quién.
Suena obvio y es donde se falla más. Si esto no está claro, todo lo demás son decisiones a ciegas.
-
2. Ver cómo lo busca la gente.
No cómo lo llama el dueño. Casi nunca es lo mismo.
-
3. Decidir qué páginas hacen falta y escribirlas.
Cada cosa que vendes y que se busca de otra manera necesita la suya.
-
4. Diseñar.
Ahora, con el contenido delante, para que el diseño se haga para lo que hay que contar.
-
5. Construirla.
Escribirla o montarla, y dejarla rápida y legible por los buscadores.
-
6. Publicar y medir.
Con la analítica puesta desde el primer día, no seis meses después cuando alguien pregunta si funciona.
El paso tres es el que casi siempre se hace mal, y no por desconocimiento: por comodidad. Enseñar un diseño bonito en la segunda semana contenta al cliente. Enseñarle un documento de estructura, no.
04 / 09
Qué hace que un diseño funcione, y no solo que guste
Que guste es fácil de comprobar y no sirve de mucho. Esto sí.
-
¿Se entiende qué vendes en la primera pantalla, sin bajar?
Si alguien tiene que leer tres párrafos para saber a qué te dedicas, ya se ha ido.
-
¿Está lo que la gente viene a buscar donde se busca?
El teléfono, la carta, el precio, el horario. Lo que preguntan por teléfono es lo que tiene que estar arriba.
-
¿Se puede hacer con una mano y andando?
Porque así es como se usa.
-
¿Sabes qué páginas te traen clientes?
No visitas, clientes. Si no lo sabes, no puedes mejorar nada, solo cambiar cosas.
05 / 09
Cómo se reconoce uno bueno, con tres ejemplos
Los artículos que salen encima de este ponen galerías de webs premiadas. Sirven para inspirarse y no sirven para decidir, porque no cuentan por qué está cada cosa donde está.
Así que van tres, de negocios normales, con la decisión que define cada uno.
Un restaurante: la carta gana a la historia
Quien entra tiene hambre y decide en segundos. Así que la carta y el botón de reservar van arriba, y la historia de la casa va abajo del todo. Suena obvio y casi ninguna web de restaurante lo hace.
Una clínica: el precio a la vista
En salud lo normal es esconder las tarifas para que llames. Publicarlas filtra al que no puede pagarlas, que tampoco iba a venir, y le ahorra la llamada al que sí. La web pasa de captar llamadas a captar pacientes.
Un distribuidor que vende a otros negocios: el catálogo y ningún carrito
Cuando cada cliente tiene su precio, un carrito con la tarifa a la vista estorba. Lo que hace falta es que el cocinero vea la gama entera a las once de la noche y pida presupuesto.
Las tres decisiones son de negocio, no de diseño. Y las tres se toman antes de abrir una herramienta de dibujo.
06 / 09
Plantilla o a medida
Una plantilla es un diseño ya hecho al que le metes tu contenido. Una web a medida se hace al revés: primero qué vendes y de ahí sale la web.
La plantilla está bien cuando lo que necesitas ya está inventado
Un proyecto pequeño, presupuesto ajustado, prisa. Se monta en días y funciona.
Y deja de estar bien en dos momentos concretos
Cuando necesitas algo que la plantilla no sabe hacer, y ahí toca elegir entre renunciar o pagar un parche.
Y cuando el peso que arrastra empieza a costarte visitas, porque una plantilla trae dentro todo lo que podrías necesitar y tu web se lo descarga entero aunque uses tres cosas.
La comparación con números está en Wix o una web a medida.
07 / 09
Los errores que se pagan caros
-
Meter todo lo que vendes en una página de servicios.
Es el más común y el más caro. Esa página no gana ninguna búsqueda porque intenta ganar seis.
-
Diseñar antes de saber qué se va a contar.
Te deja con un diseño precioso al que hay que recortarle el contenido para que quepa.
-
No pedir los accesos a tu nombre.
Dominio, servidor y analítica. Si están a nombre de quien te hizo la web, el día que cambies de proveedor empieza una conversación incómoda.
-
Y publicar sin medir nada.
Seis meses después nadie sabe si la web funciona, y la conversación se convierte en opiniones sobre el color del botón.
08 / 09
Lo que he visto haciendo esto
La primera web que entregué la monté en un gestor, con una plantilla debajo
Sigue en pie y sigue funcionando, y el restaurante para el que se hizo no ha tenido que tocarla. Hoy la escribiría, porque en hostelería la velocidad en el móvil decide más de lo que parece. Pero decir que aquella decisión fue un error sería mentir: era lo que hacía falta con lo que había.
Y una que cambió lo que enseño a los clientes
En la web de un centro de fisioterapia acabamos publicando las tarifas, que en ese sector no se hace casi nunca. El argumento de siempre es que cada caso es distinto. Lo es, y aun así esconder el precio no gana un paciente: gasta una llamada. Quien no puede pagarlo no llama igualmente.
Ninguna de las dos cosas se decide mirando ejemplos de diseño bonito. Se deciden hablando del negocio.
09 / 09
Preguntas frecuentes
¿Qué diferencia hay entre diseño web y diseño gráfico?
El diseño gráfico se imprime o se mira, y el diseño web se usa. Eso cambia todo: en una web hay que decidir qué pasa cuando alguien pulsa, qué se ve en una pantalla pequeña y qué ocurre si la conexión va lenta.
¿Qué es un diseño de página web profesional?
Uno que está hecho para que el negocio consiga algo concreto, no para que quede bonito en una captura. La forma de reconocerlo es preguntar qué tiene que conseguir la web: si la respuesta es «que se vea moderna», eso no es un objetivo.
¿Cuánto se tarda en hacer una web?
Semanas, no días, y lo que más lo alarga casi nunca es el trabajo del que la hace: es que llegue el material del cliente.
¿Hace falta saber programar para tener una web?
No. Hace falta para hacerla desde cero, no para tenerla. Lo que sí hace falta, tengas la web que tengas, es saber qué quieres que consiga.
