Los aspectos más técnicos del diseño UX/UI pueden ser intimidantes para mucha gente. A veces puede parecer que se trata de aprender un idioma extranjero. Sin embargo, la mayoría de los aspectos «técnicos» del diseño no son tan complicados de entender.
Aprender lo que significan términos como sistemas de diseño, frameworks, HTML y JavaScript te ayudará a comunicarte mejor con otros diseñadores y desarrolladores. También te darán un punto de partida para aprender a utilizar e implementar esas tecnologías en tu trabajo.
Guía de estilo #
Piensa en las guías de estilo como un manual sobre el aspecto de un producto digital. Son un conjunto de normas para cuestiones como los colores, los tipos de letra, las directrices de la marca y la disposición de las páginas, entre otros elementos de diseño. Garantizan que los diseños sean coherentes en todo el producto y la marca.
Kits de interfaz de usuario #
Los kits de interfaz de usuario son conjuntos de componentes de interfaz de usuario prediseñados que los diseñadores pueden utilizar para acelerar el proceso de diseño. Algunas empresas crean kits de IU internos que sus diseñadores pueden emplear para crear nuevos productos o actualizar los existentes más rápidamente. Otras recurren a kits de interfaz de usuario externos que pueden adaptar para su propio uso, especialmente en las primeras fases de diseño y desarrollo del producto, cuando los recursos (incluido el tiempo) son limitados.
Frameworks de diseño #
Los frameworks de diseño son colecciones de componentes y patrones de diseño que dan organización y estructura al proceso de diseño y al producto final. Añaden coherencia al proceso de diseño, facilitando la colaboración de los diseñadores y las actualizaciones posteriores del producto.[3] Muchas organizaciones crean sus propios frameworks de diseño, aunque también hay frameworks ya preparados que se pueden personalizar.
Desarrollo sin código #
Las herramientas de desarrollo sin código han recorrido un largo camino desde los editores de diseño de arrastrar y soltar disponibles hace solamente unos años. Estas herramientas permiten a los diseñadores crear composiciones y diseños totalmente funcionales e interactivos sin tocar nunca el código de fondo que los hace funcionar. Suelen utilizarse junto (o dentro) de los sistemas de gestión de contenidos para organizar y mantener el contenido del sitio.
Sistemas de diseño #
Los sistemas de diseño son un conjunto de entregables que incluyen todos los componentes de diseño, patrones de diseño y guías de estilo utilizados por los diseñadores y desarrolladores para crear un producto. También suelen incluir cosas no tangibles, como los valores y las creencias de la marca[1] Los sistemas de diseño evolucionan a medida que lo hacen la marca y el producto, y a menudo crecen en complejidad y claridad con el tiempo.
Atajos #
Los atajos, también denominados teclas de acceso rápido, son combinaciones de teclado que puedes utilizar para acceder a las funciones de uso común de una aplicación más rápidamente que señalando y haciendo clic. Algunos atajos son casi universales; por ejemplo, Ctrl + C copiará un elemento en prácticamente cualquier programa. Otros atajos son específicos de determinados programas (o tipos de programas); por ejemplo, Comando + H ocultará los extras en Photoshop.
HTML #
HTML significa Lenguaje de Marcado de Hipertexto y es el bloque de construcción más básico de todo sitio web[2] El marcado HTML indica a los navegadores cómo mostrar el contenido en la web y añade interactividad básica, como los enlaces.
El HTML se utilizaba exclusivamente para crear páginas web en los primeros días de la web, aunque ahora se combina con otros lenguajes de marcado y codificación, como CSS y JavaScript, para crear contenidos ricos e interactivos.
Aprende los fundamentos de HTML y explora las complejidades de las etiquetas, los elementos y los atributos para ampliar tus conocimientos.
CSS #
CSS (hojas de estilo en cascada), se utiliza para dar un aspecto a un sitio web. Se usa para definir todo, desde el diseño de la página hasta los tamaños y colores de las fuentes. El CSS puede escribirse en línea dentro de una página HTML, pero es más habitual encontrarlo en un archivo (o archivos) específico.
Sigue nuestro curso para aprender más sobre las posibilidades del CSS.
JavaScript #
JavaScript es un lenguaje de programación utilizado para añadir interactividad a las páginas web. Se puede emplear para todo, desde crear mejores funciones de búsqueda hasta mostrar temporizadores o mostrar menús desplegables a partir de algo como un icono de hamburguesa. A diferencia de la mayoría de los demás lenguajes de programación, funciona tanto en el lado del cliente (en el navegador) como en el lado del servidor.
