La comunicación como expresión humana

Jennifer Tejada Quiroz

Sena

Ficha: 240201524

Tema: Diseño Web

Fecha:11/062023

Daniela Ceballos Bohórquez

pág. 1
 Diseño Web
Palabras claves:
1. HTML: es el lenguaje con el que se define el contenido de las páginas web.
Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y
otros elementos que compondrán una página web, como imágenes, listas, vídeos,
etc.
2. XML: es el acrónimo de Extensible Markup Language, es decir, es un lenguaje de
marcado que define un conjunto de reglas para la codificación de documentos.
3. CSS: es un lenguaje que maneja el diseño y presentación de las páginas web, es
decir, cómo lucen cuando un usuario las visita. Funciona junto con el lenguaje
HTML que se encarga del contenido básico de las páginas.
4. SEO: SEO significa Search Engine Optimization (Optimización para motores de
búsqueda). Se trata del conjunto de estrategias y técnicas de optimización que se
hacen en una página web para que aparezca orgánicamente en buscadores de
Internet como Google, Yahoo o Youtube. La correcta aplicación del SEO puede
causar incrementos expresivos en el tráfico y la visibilidad de las marcas en
Internet.
5. UX: Exriencia del usuario

Introducción
El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así
como la producción de contenido, aunque generalmente se aplica a la creación de sitios
web. El diseño web se refiere al proceso del diseño de sitios y páginas web, es uno de los
elementos más importantes para la atracción de leads y posibles cierres de ventas. No es
simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta
cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la
información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo
considera dentro del Diseño Multimedial. El diseño de una página Web tiene la esencial
misión de vincular al usuario con el vasto mundo informativo, de un modo agradable y
eficiente. Los contenidos no estandarizados dentro del Web y las facilidades que brinda la
hipermedia permiten, además de acceder a la información de un modo entretenido,
satisfacer los requerimientos y gustos de los más disímiles usuarios.

Diseño Web
pág. 2
Los diseñadores web crean las páginas utilizando lenguajes de marcado como
HTML o XML.
Por otro lado, la parte visual de los sitios está a cargo del CSS, término
utilizado para estilizar los elementos escritos en HTML.
Elementos clave del diseño web:
Escaneabilidad:
Facilidad para encontrar de un vistazo elementos de un todo, en nuestro caso
una pantalla.
Tipografía:
Materia que intermedia entre el receptor y la información.
Velocidad de carga:
El tiempo promedio de carga de los sitios es de 5 segundos.
El diseño web profesional es útil para generar una identidad de marca,
reforzando la parte visual del branding; es un gran aliado del marketing digital
para crear materiales en distintos formatos a fin de publicarse en entornos
digitales como publicaciones de redes sociales, landing pages, correos
electrónicos, anuncios, entre otros.
El proceso de diseño web es estructura y detallado, además debe contemplar
diversos aspectos como, por ejemplo, la parte SEO.

El diseño web influye en el SEO, en tanto que la configuración puede afectar

el posicionamiento del sitio. En ese sentido, utilizar HTML y CSS permite que
el sitio sea legible para los motores de búsqueda.

Un sitio web necesita estructurarse de tal forma que desde el código

(backend) y la parte visual (frontend) brinden una navegación fluida y
adecuada.

pág. 3
El diseñador web está limitado a los espacios digitales de la empresa,
principalmente el sitio web, su blog, sección de noticias, etc. Aunque también
puede participar en las redes sociales.
El diseño gráfico se enfoca en darle una imagen visual atractiva a todo lo que
le pidan, ya sea un logo, una fotografía editada para un aparador, etc.
El diseño web busca que la UX sea placentera, se logren los objetivos del
usuario dentro del sitio web, pueda navegar dentro de él y los usuarios estén
dispuestos a volver nuevamente o a contratar los productos o servicios de la
empresa.
Diseño web y SEO:
El proceso de diseño web es estructura y detallado, además debe contemplar
diversos aspectos como, por ejemplo, la parte SEO.

El diseño web influye en el SEO, en tanto que la configuración puede afectar

el posicionamiento del sitio. En ese sentido, utilizar HTML y CSS permite que
el sitio sea legible para los motores de búsqueda.

Un sitio web necesita estructurarse de tal forma que desde el código

(backend) y la parte visual (frontend) brinden una navegación fluida y
adecuada
Características del diseño web:
 Es visual.
 Permite una carga veloz.
 Es responsivo.
 Es intuitivo.
 Está optimizado.
 Presenta una estructura.
 Mantiene la coherencia.
 Es interactivo.
 Es comunicativo.
 Es altamente funcional.

pág. 4
 Elementos de diseño de un sitio web:
 Estilo visual.
 Colores.
 Tipografía
 Imágenes
 Componentes interactivos

Conclusiones:
El diseño web representa en la actualidad uno de las áreas de diseño más
rentables de la actualidad. La relación entre la baja inversión en comparación
a los beneficios y ganancias que este medio ofrece lo convierte en uno de los
campos de interés de los diseñadores, debido a lo aún inexplorado de dicho
nicho para los profesionales del diseño.
La comunicación visual juega un papel fundamental y ahora una agencia de
diseño web puede formar el método de introducción de los negocios a
potenciales clientes.
Son muchas las ventajas de incursionar en dicha área para los diseñadores.
Una de estas radica en la cantidad de recursos y posibilidades a nivel gráfico y
audiovisual que pueden a llegar a generar, otro motivo es el ahorro de
recursos, tiempo y espacio, al ser una actividad que ofrece una libertad en
cuanto a necesitar condiciones básicas de hardware y software para generar
todo el trabajo.

pág. 5
Bibliografía
1. https://blog.hubspot.es/website/diseno-web
2. https://rockcontent.com/es/blog/que-es-xml/
3. https://desarrolloweb.com/articulos/que-es-html.html
4. https://lenguajecss.com/css/introduccion/que-es-css/
5. https://rockcontent.com/es/blog/diseno-web/#:~:text=%C2%BFQu
%C3%A9%20es%20el%20dise%C3%B1o%20web,marcado%20como
%20HTML%20o%20XML.
6. https://www.inboundcycle.com/blog-de-inbound-marketing/trucos-
dise%C3%B1o-ux-ui
7. https://www.tresce.com/blog/la-importancia-del-diseno-web/
8. https://merca3w.com/que-es-el-diseno-web-y-su-importancia-en-
2021/#:~:text=El%20dise%C3%B1o%20web%20es%20un,se%20lleva
%20sobre%20la%20compa%C3%B1%C3%ADa.

pág. 6