Maximiliano

Pozzebon4º2º

Resumen:

Cómo diseñar una página web: Guía para

principiantes
¿Por dónde empiezo a diseñar?
Hay dos posibilidades:

o Elegir una plantilla ya predeterminada: Podes elegir entre blogs, porfolios, etc.
o Desde cero: Debemos de definir el diseño básico, mediante ♙dobe XD, Sketch, etc;
para luego programarlo todo.

Hay diferencias entre un creador web y programarlo por tu cuenta.

Creador web Programado por uno mismo

 Incluyen plantillas, no se pagan.
 No se necesita usar programas
adicionales.
 Limitaciones de diseño.
 Ideal para principiantes.
 Soporte gratis para resolver
problemas.
 Plantillas gratis, pero con un costo
adicional.
 Utilización de programas
adicionales.
 Diseño a tu manera.
 Lleva tiempo y dedicación.
 Tenes que pagar el soporte.

Ideas para el diseño de tu web

Es bueno inspirarse, pero no copiar y pegar. Se pueden sacar idea para webs en
Dribbble, Behance o Domestika. Podremos ver las últimas tendencias, buenas prácticas,
etc.

Estructura la idea
Es bueno saber las limitaciones de ciertas plantillas. Piensa sobre lo que necesitas en
tu página web, empieza por lo básico y luego vamos añadiendo detalles.

Es bueno empezando a definir el número de páginas, pueden ser: inicio, sobre mí,
contacto, blog, productos, preguntas frecuentes, etc; otra opción si tu sitio web no
requiere mucha información es hacerlo en una sola página añadiendo secciones.

También es necesario plantearnos el objetivo principal del sitio web y qué elementos
necesitamos como formularios, suscripciones, valoraciones, etc.

Nuestra navegación debe de estar bien estructurada; existe la opción de añadir

subniveles no superes los 3 niveles, ya que navegar por tu web sería demasiado
complejo.

Errores 4CS
o Complejidad: ♙yuda mucho a la hora de saber si nuestro diseño es muy
complejo o no, escuchar la opinión de los usuarios para poder mejorar. Hay
Maximiliano
Pozzebon4º2º

herramientas que analizan el comportamiento de los usuarios, siendo así que

mejoramos el contenido.
o Coherencia: ♙segúrate de utilizar la misma gama de colores, estructura de
fuentes y estilo en toda la página web. Porque si no el sitio web, se vera no
profesional.
o Concreción: El objetivo es que el usuario pueda ver rápidamente de qué va la
web. Utiliza palabras claves en los títulos que capturen la atención de los
usuarios, en tu sitio web.
o Claridad: El diseño debe ser claro, se recomienda dejar suficiente espacio en
blanco para que “respire”. ♙sí será más fácil navegar por tu web.

Colores, fuentes e imágenes

o Colores

Deberían ser los asociados a tu marca, producto o sector. Cuando elijas los coloresdel
sitio web, siempre se debe tener un contraste entre las fuentes, el fondo y las
imágenes; facilitando así la lectura del usuario.

o Fuentes

Es suficiente usar dos fuentes, una para los títulos y otra para el texto. Puedes
cambiar el aspecto drásticamente dentro de la misma fuente. Las fuentes deben de
combinar.

o Imágenes

Deben ser de buena calidad, puedes usar tus propias imágenes para darle un toque
personal. Hay que comprobar el peso y la cantidad de imágenes ya que esto puede
reducir la velocidad de carga del sitio web.

o Videos

Últimamente son tendencia, pero paso lo mismo con las imágenes debemos ver su
peso y la cantidad de videos, por lo que hay es bueno plantearse si es necesario.

Prueba de diseño
El diseño del sitio web debe adaptarse a los distintos dispositivos, siendo que hoy en
día es primordial el celular.

Ventajas:

o Mejor posicionamiento de búsqueda.

o Más suscripciones.
o Mejor uso del sitio web.
o Mejor velocidad de carga.

Desventajas:

o Errores metodológicos.
o Costes adicionales de los programas necesarios para las pruebas.
Maximiliano
Pozzebon4º2º

Primeras impresiones
Esta misma es muy importante, ya que es el primer pantallazo de nuestro sitio,
siendo que va, hacer lo primero que verán los usuarios cuando accedan a este
mismo. Lo primordial es que la información importante no quede escondida.