Diseño y Desarrollo Web
De
acuerdo Luján (2014) indica que se confunde las disciplinas del diseño y
desarrollo web, nombrándolas indiferentemente, refiriéndose a ambas a la vez.
Las dos tienen lugar en el proceso de elaboración de un sitio web, pero cada
una ocupa una parte del proyecto. Esto no quiere decir que estén separadas por
completo, es vital que exista una sinergia, manteniendo comunicación directa la
una con la otra.
En definitiva, el diseño web cubre las fases del proyecto que se ocupan
de la navegación, la usabilidad, la interacción, la arquitectura de la
información y de la parte gráfica de la web. Por otra parte, el desarrollo web
es la programación necesaria para la construcción del sitio web.
El desarrollo web se divide en dos partes que pueden estar o no
conectadas, la parte del cliente y la parte del servidor. En la parte del
cliente estaríamos hablando de HTML y CSS, código básico para creación de
páginas web, y JavaScript y DOM, para la interacción con el usuario. En la
parte del servidor se trabaja con código más complejo, como es PHP, ASP.NET,
JSP, etc. Con este código se construye el back-end, la parte de la web que el
usuario no ve. Su objetivo es el diseño de bases de datos y asegurar la
seguridad de la web. Cuando ambas partes se comunican, se habla de programación
cliente-servidor. Esta comunicación permite la interacción del usuario con los
contenidos alojados en bases de datos, el registro de nuevo contenido y de
cuentas de usuario.
Introducción
a la WEB.
A modo de introducción y con el propósito de unificar terminología a continuación se describe el significado de algunos términos muy utilizados en el diseño web:
Características de WWW.
- Hipertexto: Es texto o imagen que se muestra en la pantalla vinculada a otras páginas del mismo sitio o de sitios ajenos.
- Multimedia: En la pantalla aparece texto, imágenes, videos, audios, animaciones, etc.
- Universalidad: Se puede acceder desde cualquier tipo de equipo o sistema operativo (Windows, Linux, Mac), usando cualquier navegador y desde cualquier parte del mundo.
- Pública: Toda su información está distribuida en miles de ordenadores (servidores) que ofrecen su espacio para almacenarla.
- Dinámica: Mucha información, aunque está almacenada, puede ser actualizada por el público que la consulta sin que el usuario necesite conocer detalles técnicos de su mantenimiento.
La
WWW o Web es un sistema de información basado en Hipertexto (texto que contiene
enlaces a otras secciones del documento o a otros documentos). La información
reside en forma de páginas Web en ordenadores que se denominan servidores Web y
que forman los nodos de esta telaraña. Se denomina páginas Web a documentos que
contienen elementos multimedia (imágenes, texto, audio, vídeo, etc.) además de
enlaces de hipertexto.
Entrando
en la Web a través de cualquier servidor se puede navegar por toda la red,
gracias a que la mayoría de las páginas Web contienen enlaces a otras páginas
Web que pueden estar localizadas en el mismo servidor o en cualquier otro
servidor de Internet.
Actualidad
en el diseño web
En el diseño web,
como en toda disciplina del diseño, existen estilos y tendencias influenciadas
por una serie de factores sociales y tecnológicos. El factor tecnológico ha
condicionado el diseño web desde el inicio de la World Wide Web, no solo
en aspectos técnicos, también en su concepción, como es el caso del diseño
orientado a dispositivos de menor tamaño, que se ha extendido a lo largo de la
Web, aplicándose sus normas en todos los contextos. (Barba Juan, 2014, pág. 12)
De acuerdo a Barba (2014) hoy en día la web se presenta La web se presenta con mayor claridad y simplicidad, dando prioridad al contenido y jugando con el espacio en blanco. El texto quiere llamar la atención del usuario, adquiere mayor tamaño y densidad con el uso habitual de la negrita. Se mantienen las tipografías sin serifa, aunque aumenta el uso de tipografías más elaboradas. Las imágenes y los videos pasan a ser de gran tamaño, ocupando el ancho de la pantalla y funcionando en ocasiones como background para el mensaje principal. La interfaz de usuario tiende a botones de gran tamaño, como mejora destinada a la experiencia de usuario en las pantallas de tamaño reducido. El menú principal se mantiene fijo, se queda visible o escondido en la parte superior o lateral de la pantalla para facilitar el acceso a las opciones de navegación.