Conceptos Fundamentales del Diseño y Desarrollo Web

Conceptos Clave en Diseño y Desarrollo Web

Diseño Web

Es un área enfocada en planificar, diseñar, mantener y crear interfaces digitales. Se refiere al proceso del diseño de sitios y páginas web.

En el diseño web, los elementos gráficos se mantienen, pero no es necesario que sean estáticos. Una de sus ventajas es precisamente la capacidad de poder combinar elementos fijos o estáticos con elementos interactivos.

Elementos que los diseñadores pueden integrar para comunicar el mensaje y las intenciones del sitio:

• Motion Graphics
• Ilustraciones
• Slides
• Audio
• Video

Diseñador Web

Se encarga de la apariencia del sitio. Entre sus funciones está determinar el diseño, la gama de colores y el estilo del sitio. Encuentra el equilibrio perfecto entre la estética y la funcionalidad del sitio que está creando.

Desarrollador Web

Es el encargado de programar el sitio web, llevando la visión del diseñador a la realidad. Se centra en las características, los sistemas de gestión de contenidos y está más familiarizado con el lenguaje de programación que se pueda necesitar.

Tipos de Diseño Web según Adaptabilidad

Diseño Fijo

Las dimensiones son fijas y no se adapta a distintas pantallas. Es obsoleto.

Diseño Adaptativo

Se genera un diseño contemplando 3 medidas: mobile, tablet y desktop; es decir, para los distintos dispositivos. Es obsoleto.

Diseño Responsive / Mobile First

Se adapta a cada dispositivo, es decir, que es un mismo diseño que va reestructurándose de forma automática dependiendo del dispositivo en donde se acceda al sitio.

Factores Cruciales para un Sitio Web Exitoso

Tiempo de Carga

Hay que controlar el peso de las imágenes para que el sitio no tenga tasa de rebote (usuarios que huyen por la lentitud).

Usabilidad

Sin importar quién acceda a tu sitio, el usuario debe poder entender cómo está organizado y cómo funciona. Esto evitará que se frustre y lo abandone porque no encuentra lo que está buscando.

Legibilidad

El diseño web ante todo debe ser legible, no solo desde el aspecto tipográfico, sino que este concepto engloba también a los elementos que lo conforman.

Diseño Web Tradicional vs. UX Design

Diseño Web (Enfoque Estético)

Se concentra en el diseño sin considerar la interacción entre la tecnología y el usuario. Está más enfocado en la parte estética.

UX Design (Experiencia de Usuario)

Se centra en mejorar la relación que tiene el usuario tanto con el sitio web como con los productos y los servicios de la empresa. Este es un proceso que involucra:

• A/B tests
• Apps móviles
• Sitemaps
• Esquemas de navegación