Diseño web
Elaborado por: Lic. Marcela González
¿Qué es diseño web?
• Es probable que ya tenga una idea general de lo que es el diseño web. Ha venido trabajando de
forma intuitiva en su propio sitio web, instalando plugins, haciendo algunas publicaciones, etc.
• Sin embargo, el diseño web no se trata de hacer pruebas o de explorar plugins.
• El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios
web. Se deben considerar los espacios, la simetría y manejo de líneas, el uso de los colores, los
espacios positivos y negativos, etc.
Estructura de un sitio web
• El diseño web también incluye la definición de la estructura del sitio web, es decir qué va a
mostrar, en qué orden y jerarquía, etc.
• Cuando pensamos en la estructura de un sitio web, debemos tener claro que todo sitio web
comienza con un primer sitio llamado: Home. La traducción para Home es “Hogar” aunque es
posible verlo traducido como “Inicio”, “Empieza aquí” o algo similar.
• En esta sección de Home se debe incluir la información más relevante de la empresa, incluso se
puede incluir un resumen de lo que hay dentro del sitio web.
¿Cómo diseñar un sitio web?
Es importante a la hora de diseñar un sitio web, tener claro cuál es el objetivo que se tiene al crear el
sitio. Es decir, debe de conocerse la razón por la que se está creando. Para esto, es valioso responder, al
menos, las siguientes preguntas.
• ¿A quién se espera alcanzar con el sitio?
• ¿Qué debe mostrar el sitio?
• ¿Cada cuánto deberá cambiarse/ actualizarse/ añadirse información al sitio?
• ¿Qué debe poder hacer el usuario dentro del sitio?
Header o encabezado de un sitio web
El header es la parte superior del sitio web y es en la que se recomienda posicionar:
• El logo de la empresa.
• El menú del sitio web.
• El botón de búsqueda (para buscar información dentro del sitio).
Footer o pie de página
• El footer está posicionado en la parte inferior del sitio web, en la última parte del sitio web, aquí
normalmente se debe incluir la información de contacto, contenido de valor legal, políticas de
privacidad, ubicación de la empresa, redes sociales y en algunas ocasiones un chat o un
formulario web.
¿Para qué sirve el diseño web?
• Es importante ofrecer a los usuarios una experiencia adecuada, agradable, atractiva y de fácil uso
a la hora de visitar un sitio en Internet.
• El diseño del sitio hablará por el negocio, es una carta de presentación en internet, por lo cual
debe tener un excelente diseño web.
• El diseño web sirve para atraer a los usuarios, mantenerlos dentro del sitio, guiarlos por las
diferentes opciones y llevarlos hasta completar la acción final deseada por la empresa (un
compra, un entrega de datos de contacto, una donación, etc.)
¿Qué implica el diseño web?
• Tipografías y tamaños.
• Color y cantidad de los CTA (Call to action o botones generadores de acción).
• Plantillas del sitio (tema o temas a utilizar).
• Diseño pensado para dispositivos móviles.
• Imágenes, ubicación (mostrar a la empresa en el mapa Google) y vídeos del sitio.
• Formulario web.
¿Qué implica el diseño web?
• Tipografía: Se recomienda utilizar tipografía web. Se puede conocer los diferentes tipos
ingresando a Google Fonts, donde se puede ver todo tipo de tipografías y sus familias de
tipografía, para que puedan utilizarse varias dentro de un sitio web y mantener la misma línea
gráfica. Es decir, hacer que el sitio web se vea como una unidad coherente y no como “trozos
diferentes pegados unos con otros”.
• Tipos de tipografía: Verdana, Arial, Geneva, Tahoma, Lucida, Helvética, Roboto, Futura.
• Tamaños recomendados: Es recomendable utilizar varios tamaños para los diferentes títulos y
para el desarrollo del contenido, desde 40pts hasta 14pts.
¿Qué implica el diseño web?
• Sitio responsivo: Tomar en cuenta ejecutar el sitio bajo el diseño adaptable a cualquier tipo de
pantalla, ya sea de la computadora, televisor, tablet y cualquier celular, esto para brindarle al
usuario una mejor navegación y que sea mucho más funcional.
¿Qué implica el diseño web?
• Estilos del sitio: Se pueden escoger estilo cuadriculado, minimalista, cargado de imágenes o
plano.
• Estilo de página de inicio: Depende del tipo de negocio y de cómo se quiere representar la
información, por ejemplo, podría dejarse un vídeo en la página de inicio, para atraer la atención
del cliente.
• Palabras claves: lo más importante de incluir palabras clave dentro del desarrollo del contenido,
es que los motores de búsqueda puedan posicionarlas de forma orgánica de primero y así
optimizar el Search Engine Optimization (SEO). Es necesario pensar en las palabras clave desde
que se inicia el desarrollo, porque así se pueden incluir dichas palabras en menús, encabezados,
etc.
¿Qué implica el diseño web?
• Mapa del sitio: Sirve para determinar
cuáles serán las secciones que deberá
incluir el sitio página y que
subsecciones habrán dentro de estas.
En otras palabras es cómo estará
distribuido el sitio.
¿Qué implica el diseño web?
• Administración del sitio: Se debe contar con un sistema de manejo de contenido para poder
modificar el contenido del sitio y dar mantenimiento adecuado, así como hacer actualizaciones.
Esto podría implicar que se deben crear varios usuarios para el sitio, cada uno con permisos o
posibilidades de edición diferenciadas.
Referencias
• Todas las imágenes que se muestra en esta presentación fueron tomadas del repositorio Pixabay,
donde se encuentran listadas bajo licencia Creative Commons.
