8/11/23, 14:37 Diseño web y Arquitectura web ¿Cuales son las diferencias y como se relacionan?

– Programa en Línea

¡NOVEDADES! API REST de WhatsApp: Preguntas frecuentes  7 November, 2023

Java  .NET  Javascript  Python  PHP  Bases de Datos  Desarrollo Móvil  Otros  

   


Diseño web y Arquitectura web ¿Cuales son

las diferencias y como se relacionan?
NGuerrero FEBRERO 12, 2021 0 2079  5 Min Read

Buscar

Search Keyword 

En el sector del desarrollo de páginas web conviven multitud de términos a menudo poco
claros o con definiciones ambiguas. UIX, accesibilidad, link juice, indexación, wireframe…
son algunos ejemplos del torrente de siglas y conceptos con los que nos toparemos si
queremos crear una web para nuestro negocio.

Una de las parejas de conceptos más utilizadas es el diseño web y la arquitectura web.
En algunos casos, se emplean como sinónimos, en otros como complementos, y en otros
escenarios como parte el uno del otro. En este artículo vamos a arrojar un poco de luz
sobre qué son el diseño web y la arquitectura web, y qué relación existe entre ellos.

¿Qué es el Diseño web?

La definición del diseño web por sí misma no es complicada. El problema reside en que el
concepto se ha ido moldeando a lo largo del tiempo. Hemos pasado de definir una
disciplina que forma parte de la creación de páginas web, a agrupar todo el proceso de
desarrollo de portales web.

En el primero caso, el concepto de diseño web alude a la definición del apartado visual de
una web. Puede complementarse con otras disciplinas, como la usabilidad, accesibilidad e
incluso la arquitectura web. Pero en síntesis, se ocupa de crear la parte visual de una web.

En el segundo caso, el término diseño web define todo el proceso de planificación, noviembre 2023
programación, diseño, maquetación y un largo etcétera de acciones y disciplinas que
L M X J V S D
intervienen en la creación de una web. Incluyendo la arquitectura web.
1 2 3 4 5
Para el objetivo de este artículo, utilizaremos la primera definición y cómo ésta se vincula
a la arquitectura web. 6 7 8 9 10 11 12
Liz 😀 x
¿Qué es la Arquitectura web? 13 14 15 16 17 18 19
Hola, ¿Estás buscando algún curso
de programación?
20 21 22 23 24 25 26
La arquitectura web es la disciplina que engloba la organización de los contenidos e
información de una web, incluyendo la jerarquía entre sus elementos y las relaciones 27 28 29 30
Escribe un mensaje... 
entre los mismos. Se trata de una especialización de la arquitectura de la información « Oct
tradicional, que afecta a todo tipo de interfaces digitales.


https://www.programaenlinea.net/diseno-web-arquitectura-web-cuales-las-diferencias-se-relacionan/ 1/3
8/11/23, 14:37 Diseño web y Arquitectura web ¿Cuales son las diferencias y como se relacionan? – Programa en Línea

Dado que la arquitectura web se encarga de la priorización de contenidos de una web y

Javade .NET  entre
 las relaciones Javascript Python
 que es
ellos, o lo  delPHP
lo mismo, 
enlazado Bases se
interno, desuele
Datos 
asociar al Entradas
Desarrollo Móvil  recientes
Otros  
posicionamiento orgánico. Procesos de optimización de SEO técnico como la distribución
Guía paso a paso para crear un
del link juice o una auditoría de rastreo tienen una relación directa con la organización de componente Vue.js personalizado
los contenidos derivada de la arquitectura web.
API REST de WhatsApp: Preguntas
frecuentes

Cómo proteger tu infraestructura AWS

de ataques

API REST de facturación electrónica:

¿Qué es y cómo funciona?

Los mejores frameworks de Java para

2023

Cómo integrar una API REST de envíos

con otras plataformas

Los mejores complementos de Appium

para automatizar tus pruebas móviles

Cómo escribir un blog de programación

La relación entre Arquitectura web y Diseño web exitoso

Como mencionábamos arriba, tomaremos la definición de diseño web que hace referencia
a la creación del apartado visual de un portal. En este sentido, la arquitectura web tendrá
una influencia directa sobre el diseño web. ¿Por qué? La arquitectura web marcará la
presencia de determinados contenidos en una web y de la relación entre los mismos.
Etiquetas
Esto influirá en el diseño de una web en puntos como:
.NET .NET Core Amazon

Tipos de páginas. La arquitectura web delimitará qué tipologías de páginas se

Android Angular
incluirán en una web. Por ejemplo, fichas de producto o listados de servicios. Para cada
una de estas clases de páginas se requerirá un diseño web específico. APIREST api rest

Presencia de elementos. En el proceso de definición de la arquitectura de la Automatizacion Whatsapp

información de una web se especificarán una serie de contenidos que deberán estar
presentes en determinadas páginas, además de su ubicación y priorización. El diseño AWS Base de Datos

web deberá trasladar estos requisitos al apartado visual de la web.

Desarrollo Móvil
Necesidades de enlazado. Como extensión del punto anterior, uno de los aspectos que
Desarrollo Web DevOps
marcará la arquitectura web es el enlazado entre diferentes contenidos. Para
incorporar estas relaciones, el diseño web deberá emplear recursos como llamadas a la Diseño Web Docker
acción, menús de navegación o breadcrumbs.
Flutter Framework
Como veis, la definición de la arquitectura web de un portal tiene una influencia directa
Frameworks GitHub IOS
en su diseño. La coordinación entre estas disciplinas será clave para crear una web
acorde a los requisitos de nuestro público objetivo. Pero no sólo de estos dos campos: Java Javascript JPA
SEO, accesibilidad o programación, entre muchos otros, también influirán en el resultado
final de un nuevo portal. Y en La Teva Web podemos ayudaros a crear una web a medida Kubernates Kubernetes

para vuestro negocio.

Laravel Linux
Te esperamos en los próximos artículos en donde hablaremos mas acerca de estos temas
Metodologías MySQL
que hoy en día son de importancia e interés en el mundo de la tecnología.

Oracle PHP

Tags: Arquitectura Diseño Web programacion Programación

pruebas de software Python

React JS rest api

Selenium Spring

About Author
Spring Framework SQL
NGuerrero
Testing vue.js

Wordpress Xamarin

POST ANTERIOR POST SIGUIENTE

¿Como hacer un Checkbox Formas en que SAP Busines

en línea con Bootstrap? s One te ayuda a manejar el
inventario

0
Article Rating

 Suscribir   Acceso

https://www.programaenlinea.net/diseno-web-arquitectura-web-cuales-las-diferencias-se-relacionan/ 2/3