Diseño web

El diseño web abarca muchas habilidades y disciplinas diferentes en la producción y mantenimiento de sitios web. Las diferentes áreas del diseño web incluyen diseño gráfico web; diseño de interfaz de usuario (diseño de interfaz de usuario); autoría, incluido el código estandarizado y el software propietario; diseño de experiencia de usuario (diseño UX); y optimización de motores de búsqueda. A menudo, muchas personas trabajarán en equipos cubriendo diferentes aspectos del proceso de diseño, aunque algunos diseñadores los cubrirán todos. El término "diseño web" se usa normalmente para describir el proceso de diseño relacionado con el diseño frontal (lado del cliente) de un sitio web, incluido el marcado de escritura. El diseño web se superpone parcialmente a la ingeniería web en el ámbito más amplio del desarrollo web. Se espera que los diseñadores web sean conscientes de la usabilidad y estén al día con las pautas de accesibilidad web.

Historia

Libros de diseño web en una tienda

1988–2001

Aunque el diseño web tiene una historia bastante reciente, se puede vincular a otras áreas como el diseño gráfico, la experiencia del usuario y las artes multimedia, pero es más adecuado verlo desde un punto de vista tecnológico. Se ha convertido en una gran parte de la vida cotidiana de las personas. Es difícil imaginar Internet sin gráficos animados, diferentes estilos de tipografía, fondos, videos y música. En noviembre de 1992, Cern fue el primer sitio web que se lanzó para funcionar. La web se anunció el 6 de agosto de 1991 y el CERN fue el primer sitio web que se puso en marcha en la World Wide Web. Durante este período, los sitios web se estructuraron utilizando la <tabla> etiqueta que creó números en el sitio web. Eventualmente, los diseñadores web pudieron encontrar su camino para crear más estructuras y formatos. En la historia temprana, la estructura de los sitios web era frágil y difícil de contener, por lo que se volvió muy difícil usarlos. En noviembre de 1993, ALIWEB fue el primer motor de búsqueda que se creó (Archie Like Indexing for the WEB).

El inicio de la web y el diseño web

En 1989, mientras trabajaba en el CERN, Tim Berners-Lee propuso crear un proyecto de hipertexto global, que más tarde se conocería como la World Wide Web. De 1991 a 1993 nació la World Wide Web. Las páginas HTML de solo texto se pueden ver usando un navegador web simple en modo de línea. En 1993, Marc Andreessen y Eric Bina crearon el navegador Mosaic. En ese momento había varios navegadores, sin embargo, la mayoría de ellos estaban basados en Unix y, naturalmente, tenían mucho texto. No había habido un enfoque integrado de los elementos de diseño gráfico, como imágenes o sonidos. El navegador Mosaic rompió este molde. El W3C se creó en octubre de 1994 para "llevar la World Wide Web a su máximo potencial mediante el desarrollo de protocolos comunes que promuevan su evolución y aseguren su interoperabilidad". Esto disuadió a cualquier empresa de monopolizar un navegador y un lenguaje de programación propios, lo que podría haber alterado el efecto de la World Wide Web en su conjunto. El W3C continúa estableciendo estándares, que hoy se pueden ver con JavaScript y otros lenguajes. En 1994, Andreessen formó Mosaic Communications Corp., que luego se conocería como Netscape Communications, el navegador Netscape 0.9. Netscape creó sus propias etiquetas HTML sin tener en cuenta el proceso de estándares tradicionales. Por ejemplo, Netscape 1.1 incluía etiquetas para cambiar los colores de fondo y dar formato al texto con tablas en las páginas web. De 1996 a 1999 comenzaron las guerras de los navegadores, mientras Microsoft y Netscape luchaban por el dominio definitivo de los navegadores. Durante este tiempo hubo muchas tecnologías nuevas en el campo, en particular las hojas de estilo en cascada, JavaScript y HTML dinámico. En general, la competencia de los navegadores dio lugar a muchas creaciones positivas y ayudó a que el diseño web evolucionara a un ritmo rápido.

Evolución del diseño web

En 1996, Microsoft lanzó su primer navegador de la competencia, completo con sus propias características y etiquetas HTML. También fue el primer navegador que admitía hojas de estilo, lo que en ese momento se consideraba una técnica de creación oscura y hoy en día es un aspecto importante del diseño web. El marcado HTML para las tablas se diseñó originalmente para mostrar datos tabulares. Sin embargo, los diseñadores se dieron cuenta rápidamente del potencial del uso de tablas HTML para crear diseños complejos de varias columnas que de otro modo no serían posibles. En ese momento, como el diseño y la buena estética parecían tener prioridad sobre una buena estructura de marcado, se prestó poca atención a la semántica y la accesibilidad web. Los sitios HTML estaban limitados en sus opciones de diseño, más aún con versiones anteriores de HTML. Para crear diseños complejos, muchos diseñadores web tuvieron que usar estructuras de tablas complicadas o incluso usar espaciadores en blanco. Imágenes GIF para evitar que las celdas vacías de la tabla se colapsen. CSS fue introducido en diciembre de 1996 por el W3C para apoyar la presentación y el diseño. Esto permitió que el código HTML fuera semántico en lugar de semántico y de presentación y mejoró la accesibilidad web, consulte el diseño web sin tablas.

En 1996, se desarrolló Flash (originalmente conocido como FutureSplash). En ese momento, la herramienta de desarrollo de contenido Flash era relativamente simple en comparación con la actual, ya que usaba herramientas básicas de diseño y dibujo, un precursor limitado de ActionScript y una línea de tiempo, pero permitió a los diseñadores web ir más allá del HTML, los GIF animados y JavaScript.. Sin embargo, debido a que Flash requería un complemento, muchos desarrolladores web evitaron usarlo por temor a limitar su participación en el mercado debido a la falta de compatibilidad. En su lugar, los diseñadores volvieron a las animaciones GIF (si es que no renunciaron por completo al uso de gráficos en movimiento) y JavaScript para los widgets. Pero los beneficios de Flash lo hicieron lo suficientemente popular entre los mercados de destino específicos para eventualmente llegar a la gran mayoría de los navegadores, y lo suficientemente poderoso como para usarlo para desarrollar sitios completos.

Fin de las primeras guerras de navegadores

En 1998, Netscape lanzó el código de Netscape Communicator bajo una licencia de código abierto, lo que permitió a miles de desarrolladores participar en la mejora del software. Sin embargo, estos desarrolladores decidieron comenzar un estándar para la web desde cero, lo que guió el desarrollo del navegador de código abierto y pronto se expandió a una plataforma de aplicación completa. El Proyecto de estándares web se formó y promovió el cumplimiento de los navegadores con los estándares HTML y CSS. Los programas como Acid1, Acid2 y Acid3 se crearon para probar los navegadores para cumplir con los estándares web. En 2000, se lanzó Internet Explorer para Mac, que fue el primer navegador compatible con HTML 4.01 y CSS 1. También fue el primer navegador compatible con el formato de imagen PNG. En 2001, después de una campaña de Microsoft para popularizar Internet Explorer, Internet Explorer había alcanzado el 96 % de participación en el uso de navegadores web, lo que significó el final de las primeras guerras de navegadores, ya que Internet Explorer no tenía competencia real.

2001–2012

Desde principios del siglo XXI, la web se ha integrado cada vez más en la vida de las personas. Mientras esto ha sucedido, la tecnología de la web también ha avanzado. También ha habido cambios significativos en la forma en que las personas usan y acceden a la web, y esto ha cambiado la forma en que se diseñan los sitios.

Desde el final de la guerra de los navegadores, se han lanzado nuevos navegadores. Muchos de estos son de código abierto, lo que significa que tienden a tener un desarrollo más rápido y son más compatibles con los nuevos estándares. Muchos consideran que las nuevas opciones son mejores que Internet Explorer de Microsoft.

El W3C ha lanzado nuevos estándares para HTML (HTML5) y CSS (CSS3), así como nuevas API de JavaScript, cada uno como un estándar nuevo pero individual. Si bien el término HTML5 solo se usa para referirse a la nueva versión de HTML y algunas de las API de JavaScript, se ha vuelto común usarlo para referirse a todo el conjunto de nuevos estándares (HTML5, CSS3 y JavaScript).

2012 y posteriores

Con la mejora de la cobertura de Internet 3G y LTE, una gran parte del tráfico del sitio web pasó a ser generado por dispositivos móviles. Esto afectó a la industria del diseño web, empujándola hacia un estilo minimalista, ligero y simplista. En particular, el "Móvil primero" surgió un enfoque que implica crear un diseño de sitio web con un diseño orientado a dispositivos móviles primero y luego adaptarlo a dimensiones de pantalla más altas.

Herramientas y tecnologías

Los diseñadores web usan una variedad de herramientas diferentes según la parte del proceso de producción en la que estén involucrados. Estas herramientas se actualizan con el tiempo con estándares y software más nuevos, pero los principios detrás de ellas siguen siendo los mismos. Los diseñadores web utilizan editores de gráficos vectoriales y rasterizados para crear prototipos de diseño o imágenes con formato web. Se puede crear un sitio web utilizando el software de creación de sitios web WYSIWYG o el sistema de gestión de contenido, o las páginas web individuales se pueden codificar a mano de la misma manera que se crearon las primeras páginas web. Otras herramientas que los diseñadores web pueden usar incluyen validadores de marcado y otras herramientas de prueba de usabilidad y accesibilidad para garantizar que sus sitios web cumplan con las pautas de accesibilidad web.

Diseño de experiencia de usuario

Una herramienta popular en el diseño web es el diseño UX, es un tipo de arte que diseña productos para realizar un historial de usuario preciso. El diseño de UX es muy profundo. UX es más que la web, es muy independiente y sus fundamentos se pueden aplicar a muchos otros navegadores o aplicaciones. El diseño web se basa principalmente en cosas basadas en la web. UX puede superponerse tanto al diseño web como al diseño. El diseño de UX se enfoca principalmente en productos que están menos basados en la web.

Habilidades y técnicas

Diseño de marketing y comunicación

El diseño de marketing y comunicación en un sitio web puede identificar lo que funciona para su mercado objetivo. Puede tratarse de un grupo de edad o de una corriente particular de cultura; así el diseñador podrá entender las tendencias de su audiencia. Los diseñadores también pueden comprender el tipo de sitio web que están diseñando, lo que significa, por ejemplo, que las consideraciones de diseño de sitios web de empresa a empresa (B2B) pueden diferir mucho de un sitio web dirigido al consumidor, como un sitio web minorista o de entretenimiento. Se puede hacer una consideración cuidadosa para garantizar que la estética o el diseño general de un sitio no entren en conflicto con la claridad y precisión del contenido o la facilidad de navegación web, especialmente en un sitio web B2B. Los diseñadores también pueden considerar la reputación del propietario o la empresa que representa el sitio para asegurarse de que se retraten favorablemente. Los diseñadores web normalmente supervisan todos los sitios web que se crean sobre cómo funcionan u operan en las cosas. Constantemente están actualizando y cambiando todo en los sitios web detrás de escena. Todos los elementos que hacen son texto, fotos, gráficos y diseño de la web. Antes de comenzar a trabajar en un sitio web, los diseñadores web normalmente programan una cita con sus clientes para discutir el diseño, el color, los gráficos y el diseño. Los diseñadores web pasan la mayor parte de su tiempo diseñando sitios web y asegurándose de que la velocidad sea la correcta. Los diseñadores web generalmente se dedican a probar y trabajar, comercializar y comunicarse con otros diseñadores sobre el diseño de los sitios web y la búsqueda de los elementos correctos para los sitios web.

Diseño de experiencia de usuario y diseño interactivo

La comprensión del usuario del contenido de un sitio web a menudo depende de la comprensión del usuario de cómo funciona el sitio web. Esto es parte del diseño de la experiencia del usuario. La experiencia del usuario está relacionada con el diseño, las instrucciones claras y el etiquetado en un sitio web. Lo bien que un usuario entiende cómo puede interactuar en un sitio también puede depender del diseño interactivo del sitio. Si un usuario percibe la utilidad del sitio web, es más probable que continúe usándolo. No obstante, los usuarios que son hábiles y versados en el uso del sitio web pueden encontrar útil una interfaz de sitio web más distintiva, pero menos intuitiva o menos fácil de usar. Sin embargo, es menos probable que los usuarios con menos experiencia vean las ventajas o la utilidad de una interfaz de sitio web menos intuitiva. Esto impulsa la tendencia hacia una experiencia de usuario más universal y facilidad de acceso para acomodar a tantos usuarios como sea posible, independientemente de la habilidad del usuario. Gran parte del diseño de la experiencia del usuario y el diseño interactivo se consideran en el diseño de la interfaz de usuario.

Las funciones interactivas avanzadas pueden requerir complementos si no se requieren conocimientos avanzados de lenguaje de codificación. Elegir si usar o no la interactividad que requiere complementos es una decisión crítica en el diseño de la experiencia del usuario. Si el complemento no viene preinstalado con la mayoría de los navegadores, existe el riesgo de que el usuario no tenga los conocimientos ni la paciencia para instalar un complemento solo para acceder al contenido. Si la función requiere habilidades avanzadas de lenguaje de codificación, puede ser demasiado costoso en tiempo o dinero codificar en comparación con la cantidad de mejoras que la función agregará a la experiencia del usuario. También existe el riesgo de que la interactividad avanzada sea incompatible con navegadores o configuraciones de hardware más antiguos. Publicar una función que no funciona de manera confiable es potencialmente peor para la experiencia del usuario que no intentarlo. Depende de la audiencia objetivo si es probable que sea necesario o si vale la pena correr el riesgo.

Mejora progresiva

El orden de mejora progresiva

Mejora progresiva es una estrategia en el diseño web que pone énfasis en el contenido web primero, lo que permite que todos accedan al contenido básico y la funcionalidad de una página web, mientras que los usuarios con funciones de navegador adicionales o acceso a Internet más rápido recibe la versión mejorada en su lugar.

En la práctica, esto significa entregar contenido a través de HTML y aplicar estilo y animación a través de CSS en la medida de lo técnicamente posible, y luego aplicar mejoras adicionales a través de JavaScript. Páginas' el texto se carga inmediatamente a través del código fuente HTML en lugar de tener que esperar a que JavaScript se inicie y cargue el contenido posteriormente, lo que permite que el contenido sea legible con un tiempo de carga y un ancho de banda mínimos, y a través de navegadores basados en texto, y maximiza la compatibilidad con versiones anteriores.

Como ejemplo, los sitios basados en MediaWiki, incluida Wikipedia, usan mejoras progresivas, ya que se pueden usar mientras JavaScript e incluso CSS están desactivados, ya que las páginas' el contenido está incluido en el código fuente HTML de la página, mientras que Everipedia, el contraejemplo, se basa en JavaScript para cargar las páginas. contenido posteriormente; aparece una página en blanco con JavaScript desactivado.

Diseño de página

Parte del diseño de la interfaz de usuario se ve afectado por la calidad del diseño de la página. Por ejemplo, un diseñador puede considerar si el diseño de la página del sitio debe permanecer consistente en diferentes páginas al diseñar el diseño. El ancho de píxel de la página también puede considerarse vital para alinear objetos en el diseño del diseño. Los sitios web de ancho fijo más populares generalmente tienen el mismo ancho establecido para coincidir con la ventana del navegador más popular actual, en la resolución de pantalla más popular actual, en el tamaño de monitor más popular actual. La mayoría de las páginas también están alineadas al centro por cuestiones de estética en pantallas más grandes.

Los diseños fluidos aumentaron en popularidad alrededor del año 2000 para permitir que el navegador hiciera ajustes de diseño específicos del usuario en diseños fluidos en función de los detalles de la pantalla del lector (tamaño de la ventana, tamaño de fuente relativo a la ventana, etc.). Crecieron como una alternativa a los diseños basados en tablas HTML y el diseño basado en cuadrículas tanto en los principios de diseño de diseño de página como en la técnica de codificación, pero su adopción fue muy lenta. Esto se debió a las consideraciones de los dispositivos de lectura de pantalla y los diferentes tamaños de ventanas sobre los que los diseñadores no tienen control. En consecuencia, un diseño puede dividirse en unidades (barras laterales, bloques de contenido, áreas de publicidad incrustadas, áreas de navegación) que se envían al navegador y que el navegador encajará en la ventana de visualización, lo mejor que pueda. Aunque tal visualización a menudo puede cambiar la posición relativa de las principales unidades de contenido, las barras laterales pueden desplazarse debajo del cuerpo del texto en lugar de a un lado. Esta es una pantalla más flexible que un diseño basado en cuadrícula codificada que no se ajusta a la ventana del dispositivo. En particular, la posición relativa de los bloques de contenido puede cambiar sin afectar el contenido dentro del bloque. Esto también minimiza la necesidad del usuario de desplazarse horizontalmente por la página.

El diseño web receptivo es un enfoque más nuevo, basado en CSS3, y un nivel más profundo de especificación por dispositivo dentro de la hoja de estilo de la página a través de un uso mejorado de la regla CSS @media. En marzo de 2018, Google anunció que implementaría la indexación móvil primero. Los sitios que utilizan un diseño receptivo están bien ubicados para garantizar que cumplan con este nuevo enfoque.

Tipografía

Los diseñadores web pueden optar por limitar la variedad de tipos de letra del sitio web a solo unos pocos que tengan un estilo similar, en lugar de utilizar una amplia gama de tipos de letra o estilos de letra. La mayoría de los navegadores reconocen un número específico de fuentes seguras, que los diseñadores utilizan principalmente para evitar complicaciones.

La descarga de fuentes se incluyó más tarde en el módulo de fuentes CSS3 y desde entonces se ha implementado en Safari 3.1, Opera 10 y Mozilla Firefox 3.5. Posteriormente, esto ha aumentado el interés en la tipografía web, así como el uso de la descarga de fuentes.

La mayoría de los diseños de sitios incorporan espacios negativos para dividir el texto en párrafos y también evitan el texto alineado al centro.

Gráficos en movimiento

El diseño de la página y la interfaz de usuario también pueden verse afectados por el uso de gráficos en movimiento. La elección de utilizar o no gráficos en movimiento puede depender del mercado objetivo del sitio web. Los gráficos en movimiento pueden esperarse o al menos recibirse mejor con un sitio web orientado al entretenimiento. Sin embargo, el público objetivo de un sitio web con un interés más serio o formal (como negocios, comunidad o gobierno) puede considerar que las animaciones son innecesarias y que distraen, aunque solo sea con fines de entretenimiento o decoración. Esto no significa que el contenido más serio no pueda mejorarse con presentaciones animadas o de video que sean relevantes para el contenido. En cualquier caso, el diseño gráfico en movimiento puede marcar la diferencia entre imágenes más efectivas o imágenes que distraigan.

Los gráficos en movimiento que no son iniciados por el visitante del sitio pueden producir problemas de accesibilidad. Los estándares de accesibilidad del consorcio World Wide Web requieren que los visitantes del sitio puedan desactivar las animaciones.

Calidad del código

Los diseñadores de sitios web pueden considerar que es una buena práctica cumplir con los estándares. Esto generalmente se hace a través de una descripción que especifica lo que está haciendo el elemento. Es posible que el incumplimiento de los estándares no haga que un sitio web sea inutilizable o propenso a errores, pero los estándares pueden relacionarse con el diseño correcto de las páginas para facilitar la lectura, así como para garantizar que los elementos codificados se cierren correctamente. Esto incluye errores en el código, un diseño más organizado para el código y asegurarse de que las ID y las clases se identifiquen correctamente. Las páginas mal codificadas a veces se denominan coloquialmente sopa de etiquetas. La validación a través de W3C solo se puede realizar cuando se realiza una declaración DOCTYPE correcta, que se utiliza para resaltar errores en el código. El sistema identifica los errores y áreas que no se ajustan a los estándares de diseño web. Esta información puede ser corregida por el usuario.

Contenido generado

Hay dos formas de generar sitios web: estática o dinámicamente.

Sitios web estáticos

Un sitio web estático almacena un archivo único para cada página de un sitio web estático. Cada vez que se solicita esa página, se devuelve el mismo contenido. Este contenido se crea una vez, durante el diseño del sitio web. Por lo general, se crea manualmente, aunque algunos sitios utilizan un proceso de creación automatizado, similar a un sitio web dinámico, cuyos resultados se almacenan a largo plazo como páginas completas. Estos sitios estáticos creados automáticamente se hicieron más populares alrededor de 2015, con generadores como Jekyll y Adobe Muse.

Los beneficios de un sitio web estático son que eran más fáciles de alojar, ya que su servidor solo necesitaba servir contenido estático, no ejecutar secuencias de comandos del lado del servidor. Esto requería menos administración del servidor y tenía menos posibilidades de exponer agujeros de seguridad. También podrían servir páginas más rápidamente, en hardware de servidor de bajo costo. Esta ventaja se volvió menos importante a medida que el alojamiento web económico se expandió para ofrecer también funciones dinámicas, y los servidores virtuales ofrecieron un alto rendimiento por intervalos cortos a bajo costo.

Casi todos los sitios web tienen algo de contenido estático, ya que los elementos auxiliares, como las imágenes y las hojas de estilo, suelen ser estáticos, incluso en un sitio web con páginas muy dinámicas.

Sitios web dinámicos

Los sitios web dinámicos se generan sobre la marcha y utilizan tecnología del lado del servidor para generar páginas web. Por lo general, extraen su contenido de una o más bases de datos de back-end: algunas son consultas de bases de datos a través de una base de datos relacional para consultar un catálogo o resumir información numérica, y otras pueden usar una base de datos de documentos como MongoDB o NoSQL para almacenar unidades de contenido más grandes., como publicaciones de blog o artículos de wiki.

En el proceso de diseño, las páginas dinámicas suelen simularse o estructurarse con páginas estáticas. El conjunto de habilidades necesario para desarrollar páginas web dinámicas es mucho más amplio que para una página estática, lo que implica la codificación del lado del servidor y de la base de datos, así como el diseño de la interfaz del lado del cliente. Incluso los proyectos dinámicos de tamaño mediano son casi siempre un esfuerzo de equipo.

Cuando las páginas web dinámicas se desarrollaron por primera vez, normalmente se codificaban directamente en lenguajes como Perl, PHP o ASP. Algunos de estos, especialmente PHP y ASP, usaban una 'plantilla' enfoque en el que una página del lado del servidor se asemejaba a la estructura de la página del lado del cliente completa y los datos se insertaban en lugares definidos por 'etiquetas'. Este fue un medio de desarrollo más rápido que la codificación en un lenguaje de codificación puramente procedimental como Perl.

Ambos enfoques han sido reemplazados en muchos sitios web por herramientas centradas en aplicaciones de alto nivel, como los sistemas de administración de contenido. Estos se basan en plataformas de codificación de propósito general y asumen que existe un sitio web para ofrecer contenido de acuerdo con uno de varios modelos bien reconocidos, como un blog secuenciado en el tiempo, una revista temática o un sitio de noticias, un wiki o un usuario. foro. Estas herramientas hacen que la implementación de un sitio de este tipo sea muy fácil y una tarea puramente organizativa y basada en el diseño, sin necesidad de codificación.

La edición del contenido en sí (así como la página de la plantilla) se puede realizar tanto desde el propio sitio como con el uso de software de terceros. La capacidad de editar todas las páginas se brinda solo a una categoría específica de usuarios (por ejemplo, administradores o usuarios registrados). En algunos casos, los usuarios anónimos pueden editar cierto contenido web, que es menos frecuente (por ejemplo, en foros, agregando mensajes). Un ejemplo de un sitio con un cambio anónimo es Wikipedia.

Diseño de página de inicio

Los expertos en usabilidad, incluidos Jakob Nielsen y Kyle Soucy, a menudo han enfatizado el diseño de la página de inicio para el éxito del sitio web y han afirmado que la página de inicio es la página más importante de un sitio web.Nielsen, Jacob; Tahir, Marie (octubre de 2001), Usabilidad de la página de inicio: 50 sitios web deconstruidos, New Riders Publishing, ISBN 978-0735711020 Sin embargo, los profesionales en la década de 2000 comenzaron a descubrir que una cantidad creciente de tráfico del sitio web pasaba por alto la página de inicio y se dirigía directamente a las páginas de contenido interno a través de motores de búsqueda, boletines electrónicos y fuentes RSS. Llevando a muchos profesionales a argumentar que las páginas de inicio son menos importantes de lo que la mayoría de la gente piensa. Jared Spool argumentó en 2007 que la página de inicio de un sitio era en realidad la página menos importante de un sitio web.

En 2012 y 2013, los carruseles (también llamados 'deslizadores' y 'banners giratorios') se convirtieron en un elemento de diseño extremadamente popular en las páginas de inicio, a menudo utilizados para mostrar contenido destacado o reciente en un espacio confinado. Muchos profesionales argumentan que los carruseles son un elemento de diseño ineficaz y perjudican la optimización y la usabilidad de un motor de búsqueda de un sitio web.

Ocupaciones

Hay dos trabajos principales involucrados en la creación de un sitio web: el diseñador web y el desarrollador web, que a menudo trabajan en estrecha colaboración en un sitio web. Los diseñadores web son responsables del aspecto visual, que incluye el diseño, el color y la tipografía de una página web. Los diseñadores web también tendrán un conocimiento práctico de los lenguajes de marcado como HTML y CSS, aunque el alcance de su conocimiento diferirá de un diseñador web a otro. Particularmente en organizaciones más pequeñas, una persona necesitará las habilidades necesarias para diseñar y programar la página web completa, mientras que las organizaciones más grandes pueden tener un diseñador web responsable solo del aspecto visual.

Otros trabajos que pueden involucrarse en la creación de un sitio web incluyen:

• Diseñadores gráficos para crear visuales para el sitio como logotipos, diseños y botones
• Especialistas en marketing en Internet para ayudar a mantener la presencia en la web a través de soluciones estratégicas para los espectadores al sitio, utilizando técnicas de marketing y promoción en Internet
• Los escritores de SEO para investigar y recomendar las palabras correctas para ser incorporadas en un sitio web particular y hacer el sitio web más accesible y encontrado en numerosos motores de búsqueda
• Editor de Internet para crear el contenido escrito de la página para apelar a los espectadores seleccionados del sitio
• El diseñador de la experiencia de usuario (UX) incorpora aspectos de consideraciones de diseño centradas en el usuario que incluyen arquitectura de información, diseño centrado en el usuario, pruebas de usuario, diseño de interacción y diseño visual ocasionalmente.