Patrones de diseño web

Patrones de diseño web

patrones de diseño ui 2020

Como propietario de un sitio web, sabe que sus usuarios pueden ser tanto su mayor activo como sus más duros críticos. El usuario típico de Internet pasa horas en línea cada día encontrando miles de interfaces. Saben lo que funciona bien, esperan que todos los sitios web funcionen bien, y su definición de «funcionar bien» puede diferir de la suya.

Por suerte, estás en buena compañía. Miles de diseñadores han jugado durante años para perfeccionar los componentes de la interfaz que usamos cada día, dejándonos lo que llamamos patrones de diseño web. No deberías tener que confiar en tus instintos para construir una gran experiencia. En su lugar, toma una pista de los que te precedieron.

En esta guía introductoria, explicaré la importancia de los patrones en el diseño de sitios web, cómo ayudan en el proceso de diseño, y exploraré algunos patrones de diseño comunes pero importantes que la mayoría de nosotros damos por sentado.

Un patrón de diseño web, también conocido como patrón de diseño de interfaz de usuario, es un conjunto de directrices para diseñar un aspecto o componente de la interfaz de usuario. Los patrones de diseño web se desarrollan para desafíos específicos de la experiencia del usuario y pueden ser adoptados e implementados por cualquier sitio web.

->  Curso avanzado de excel

ilustración de patrones

La baraja de tarjetas de patrones de interfaz de usuario es una baraja de tarjetas impresa con 60 patrones de diseño de interfaz de usuario, presentados de forma que puedan consultarse fácilmente y utilizarse como herramienta de lluvia de ideas. Cada tarjeta describe un patrón de diseño y sugiere formas de aplicarlo al diseño de productos en línea.

Antes de empezar a diseñar su nuevo producto, revise todas las tarjetas y seleccione los patrones de diseño apropiados para su próxima tarea de diseño. Aunque sea sencillo y no esté orientado, lo más probable es que este enfoque estimule nuevas ideas y amplíe su vocabulario de diseño.

patrones de diseño ux

Como se explica en Web UI Patterns 2016 Vol. 1, el diseño es sólo un medio para presentar el contenido de la manera más intuitiva y útil. En este artículo, exploraremos ejemplos, mejores prácticas y escenarios comunes para 12 patrones de diseño web exitosos. También hablaremos de qué problemas de diseño resuelven estos patrones de diseño web en términos de experiencia de usuario con ejemplos de marcas conocidas.

Las tarjetas permiten que los sitios presenten una gran dosis de contenido de manera digerible. Como explicamos en nuestro Libro de Tendencias de Diseño Web 2015-2015, las tarjetas están apareciendo por todas partes últimamente, y el éxito de este patrón está directamente relacionado con su utilidad.

->  Integral indefinida ejercicios resueltos

Una estructura cuadriculada facilita la navegación. Las tarjetas están casi siempre dispuestas en un formato de cuadrícula, de un tipo u otro. Las cuadrículas ofrecen más opciones de navegación que las simples vistas de lista, lo que hace que este estilo sea muy eficaz en cuanto a espacio.

Las cuadrículas pueden variar en tamaño, espaciado y número de columnas. Sitios como Huffington Post escalonan sus opciones para evitar esa sensación de «rectitud», mientras que YouTube juega con la organización estricta, con filas rectas y agrupadas en categorías («Recomendados», canales específicos, etc.).

patrones de diseño web responsivo

No quieres pasarte la vida rediseñando la rueda, ¿verdad? No, nosotros tampoco. Si estás buscando un diseño que resuelva un problema que ya ha sido resuelto dentro de una aplicación diferente antes; entonces el patrón para tu rueda probablemente ya esté ahí fuera. Eso es un patrón de diseño para ti y para mí.

Hemos elaborado una lista de algunos de los mejores lugares para encontrar patrones de diseño en la web. Ahora bien, aunque todos estos recursos son gratuitos, algunos pueden pedirte que pagues por recursos premium y similares; sólo queremos que sepas que NO somos afiliados de ningún otro sitio y no tenemos ningún interés financiero en que compres nada de ningún otro sitio en línea.

->  Levantamiento en linea primeros auxilios

UI – Patterns Nos gusta UI Patterns; hace que sea fácil encontrar patrones que te gustan y agruparlos una vez que has decidido que algo es útil. También tienen un montón de artículos interesantes sobre patrones de diseño de interfaz de usuario que pueden ayudar a ampliar la forma de enfocar el uso de patrones en sus diseños.

Pattern TapPattern Tap se acerca a los 10.000 conjuntos de patrones generados por los usuarios, lo que lo convierte en un recurso inspirador para los diseñadores de interfaz de usuario. El sistema de menús desplegables hace que sea muy fácil encontrar lo que quieres en un momento.

Patrones de diseño web
Scroll hacia arriba
Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad