Conceptos básicos en el Diseño de Productos digitales

¿Eres nuevo en el rubro del diseño y la tecnología? ¿Recién te estás incorporando laboralmente a trabajar con un equipo de Desarrollo? No importa si eres nuevo o ya llevas un tiempo, siempre es bueno conocer algunos de los conceptos que se manejan a diario en el diseño y desarrollo de productos digitales.

Comenzaremos con conceptos relacionados al Diseño Frontend. ¡Allá vamos!

  • HTML – Lenguaje de marcado de hipertexto o HyperText Markup Language por sus siglas en inglés. Es un lenguaje que permite definir y darle estructura a las páginas web.
  • CSS – Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada» y se refiere a la aplicación de estilos en el sitio web (colores, formas, márgenes, etc…) de forma automática y masiva. Se le denomina estilos en cascada porque se lee, procesa y aplica el código desde arriba hacia abajo (siguiendo patrones como herencia o cascada que trataremos más adelante).
  • JavaScript – Es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas. Se utiliza para darle dinamismo a las interfaces y mejorar así la experiencia de usuario.
  • DOM – Significa Document Object Model, en español sería Modelo de Objetos del Documento. Es una interfaz de programación que nos permite crear, cambiar, o remover elementos del documento. Otra definición dice que el DOM nos permite interactuar con el contenido y estructura de una página web mediante JavaScript.

¿Qué es la interfaz de usuario? La interfaz de usuario o UI (User Interface) es un concepto que abarca arquitectura de información, patrones y diferentes elementos visuales que nos permiten interactuar de forma eficaz con sistemas operativos y softwares de diversos dispositivos.La interfaz de usuario o UI (User Interface) es un concepto que abarca arquitectura de información, patrones y diferentes elementos visuales que nos permiten interactuar de forma eficaz con sistemas operativos y softwares de diversos dispositivos.

  • Framework – Es un entorno de trabajo base sobre el cual se trabaja de manera de  optimizar tiempo y recursos e implementar objetivos en el desarrollo de software, diseño web o cualquier otra tarea similar. Son fundamentales para poder desarrollar en el frontend interfaces dinámicas y fluidas. Los más conocidos son Bootstrap, React, Angular, entre otros.
  • AJAX – Es el acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML). Es una técnica que permite que una página web cargue contenido sin necesidad de recargar toda la página. Mejora la fluidez y la interactividad de la experiencia del usuario.
  • IDE -Un entorno de desarrollo integrado (IDE) es una aplicación de software que ayuda a los programadores a desarrollar código de software de manera eficiente. Aumenta la productividad de los desarrolladores al combinar capacidades como editar, crear, probar y empaquetar software en una aplicación fácil de usar. Algunos ejemplos de entornos de desarrollo integrados populares son NetBeans, Microsoft Visual Studio (VSCode), Adobe Flex Builder y Eclipse.
Visited 20 times, 1 visit(s) today
Previous Article

¿Logo y marca son lo mismo?

Next Article

¿Qué podemos entender por "Diseño"?

Subscríbete

Subscríbete a nuestro boletín de noticias :)
Pronto ✨