Crear una web es cada vez más fácil. Existen montones de webs y opciones para hacer diseños atractivos de manera relativamente sencilla. Si esto es así, ¿por qué la mayoría de las webs no funcionan? ¿Qué quiere decir que funcionen? Y, lo que es más importante, ¿cómo hacemos que funcionen? En esta charla que di junto a las chicas de GalsTech os ayuda a identificar los pequeños desastres visuales de la mayoría de las webs y a solucionarlos.

1. por Nora Ferreirós
¿Por qué hay tantas webs que son
un desastre (visual)?
1 ABR 2019
Biblioteca Pública de Pontevedra Antonio Odriozola

2. Branding y diseño UX/UI
www.noradriana.com
@noradriana_
NORA FERREIRÓS

3. ¿Por qué hay tantas webs que son
un desastre (visual)?

4. ¿A qué me refiero con
desastre (visual)?

7. ¿Cuándo consideramos que funciona
una web?
• Función técnica (funcionalidades).
• Función visual.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?

8. ¿Qué es la función visual?

13. Puntos negros de las webs

14. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
¿Por qué no funcionan (visualmente) la
mayoría de webs?
1. Análisis.
2. Objetivos.
3. Soluciones erróneas.
4. Estructura de contenidos.
5. Jerarquía.
6. Legibilidad.
7. Testeo.

15. ¿Necesito una web?
¿Por qué? ¿Para qué?
¿Tiene web la competencia? ¿Cómo son?
¿Quién va a usar a esa web?
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Análisis

16. Briefing.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Análisis

17. ¿Cuál es la finalidad de la web?
¿Qué espero conseguir (concretamente) teniendo
una web?
¿Qué acción o acciones principales quiero que
realicen los usuarios?
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Objetivos

18. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Objetivos
Los falsos objetivos.

19. ¿Cumple la web con los objetivos marcados?
¿Me estoy dirigiendo correctamente al usuario?
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Soluciones erróneas

20. Una web es una herramienta, no un fin.
Los contenidos dirigen la web y no al revés.
La web funciona por capas, no por páginas o
secciones.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Estructura de contenidos
.

21. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Estructura de contenidos
Los parches.

22. El escaneo visual: los usuarios no vienen a tu web
a dar un paseo.
¿Cómo encuentra el usuario lo que viene a buscar?
¿Tu web es más un manual de Ikea o un mercadillo
de segunda mano?
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Jerarquía
.

23. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Jerarquía
.
No eres un trovador.
Ni Fidel Castro.

24. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Legibilidad
.
¿Es posible leer tu
web o es sencillo
hacerlo?

25. 1. Tamaño de letra.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Legibilidad

28. 1. Tamaño de letra.
2. Longitud de líneas.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Legibilidad

32. 1. Tamaño de letra.
2. Longitud de líneas.
3. Espacios entre letras, palabras y líneas.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Legibilidad

35. 1. Tamaño de letra.
2. Longitud de líneas.
3. Espacios entre letras, palabras y líneas.
4. Formas de las fuentes.
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Legibilidad

39. 1. Tamaño de letra.
2. Longitud de líneas.
3. Espacios entre letras, palabras y líneas.
4. Formas de las fuentes.
5. Contraste¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Legibilidad

43. ¿Cómo sé lo que funciona mejor para mi público o
mis objetivos?
¿Cómo puedo saber si he hecho bien todos los
puntos anteriores?
¿De dónde saco los datos?
¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Pruebas y mediciones

44. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
.
Tu web no es un
santo: no la veneres.
Pruebas y mediciones

45. Recomendaciones

46. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Invierte en tu web:
no es un gasto
(si lo haces bien).

47. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Antes de decidir o
crear, valida.

48. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Primero los
contenidos, después
la web.

49. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Fórmate
(si no puedes
contratar a
profesionales).

50. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Contrata
profesionales.

51. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Fórmate
(aunque puedas
contratar
profesionales).

52. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Fíjate en quién lo
hace BIEN.

53. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
No infravalores el
trabajo de los demás.

54. ¿POR QUÉ HAY
TANTAS WEBS QUE
SON UN DESASTRE
(VISUAL)?
Recomendaciones
Nunca va a estar
perfecta: lánzala de
una vez.

55. ¡Gracias!
escribes@noradriana.com
@noradriana_