Introducción a Patrones de Diseño

No hay que reinventar la rueda, podemos hacer uso de los patrones de diseño.

Un patrón de diseño es una solución ya conocida a un problema ya conocido. Hay que hacer uso de los modelos mentales que ya tienen los usuarios, son cosas a las cuales ya están acostumbrados.

Por ejemplo, los usuarios ya están familiarizados con las listas. Saben que si la lista está acompañada con un elemento como “>”, le pueden dar click o un “tap” para ver más detalles.

Existen cientos de patrones. Podemos encontrar algunos en pttrns.com

Podemos revisar aplicaciones o páginas similares (de la competencia) para tomar inspiración de las funcionalidades que tienen, los patrones de diseño que ocupan y los estilos.

Si buscan mas diseños y maneras de inspirarse una alternativa mas actual y mejor a mi parecer es https://mobbin.design/

Aqui les dejo otras paginas donde pueden ver mas ejemplos:

• https://calltoidea.com/
• https://collectui.com/challenges/sign-up
• https://www.checklist.design/
• https://freefrontend.com/

Con las acciones mas comunes con los usuarios, lo mejor es no pasarse de “Great Designer” y usar los patrones, donde podemos innovar mucho es en los flujos o user flows ahí podemos hacer mucha magia, usando los mismos patrones.

Yo me guiare a partir de estas plataformas. Vamos ! 💪

1. Couchsurfing
2. Airbnb
3. Minube
4. Lonely Planet
5. Trip Woman

Los patrones de diseño son algo súper importante. Como Misael señala, es la forma de no "re-inventar la rueda" cuando tenemos que solucionar problemas. No hacen nuestro trabajo menos creativo, sino que enfocan nuestros esfuerzos hacia las cosas que sí requieren creatividad.

La página de Pttrns.com puede servir muchísimo para adaptar patrones de diseño a nuestras aplicaciones.

uxbrainy en Instagram esta muy bueno 😃 Hay varios diseñadores UI/UX subiendo tips y prototipos

NO TE PREOCUPES CON COPIAR PATRONES DE DISEÑO DE PAGINAS SIMILARES.
Reamente reinventar la rueda no es útil porque estarías desaprovechando el modelo mental que tienen los usuarios respecto a cómo funcionan las cosas.
Pttrns es una pagina que te ayuda a buscar patrones de diseño comunes.

Esta es una las mejores páginas que he encontrado para aprender patrones de diseño ui-patterns.com

Se viene lo bueno, Patrones de diseño, un tema que sirve demasiado, aprovechen este tipo de clases

Estan super bien los patrones de diseño!

En esta página podrán encontrar screenshots de muchas aplicaciones que ya existen en el mercado. Muy buena para aprender sus patrones según al user que va enfocada nuestra app.

https://mobbin.design/

Dato súper importante: Página pttrns.

No hay que reinventar la idea, podemos hacer uso de los patrones de diseño!

Excelente herramienta! muchas gracias por compartirla, es lo que estaba buscando!

Un patrón de diseño es una solución ya conocida a un problema ya conocido.

Flowmapp
Land-book
Screenlane

Son algunas paginas que uso para inspirarme, por supuesto, la comunidad de figma.

pttrns.com

Me ha parecido súper útil esta herramienta, muchas gracias! no la conocía!

Siempre es mucho más sencillo diseñar interfaces y experiencias cuando ya conocemos perfectamente las leyes de UI/UX.

Hay muchos sitios y lugares donde encontrar ideas bien estructuradas y con un buen diseño UI, solo queda dejar volar la imaginación y crear cosas maravillosas usando estructuras funcionales.

Hoy en día hay muchas herramientas para inspirarse.

En estas páginas pueden encontrar más inspiración:
https://www.niceverynice.com/components
https://nicelydone.club/patterns/

Curso de patrones de diseño:
https://platzi.com/cursos/patrones-componentes-diseno/
Curso de patrones malvados de diseño
https://platzi.com/cursos/darkpatterns-ux/

Que valiosa información lo de la pagina web.

Total, hay que inspirarse y en base en eso crear, pero siempre teniendo en cuenta el lema**_ falla rápido, falla barato_**

No vas a inventar el agua caliente. Las soluciones abundan en internet. para eso están los patrones de diseño.
Los usuarios visualmente están acostumbrados a ciertos patrones, de listas o elementos. Constituyen un lenguaje universal (como las estrellas para asignar niveles de calidad)

En conclusión, no es útil reinventar la rueda, relájate y busca soluciones (:

¿Qué diferencia hay con el benchmarking?

mujeres que viajan solas…
mi proximo tattoo

Tambien a complemento de la pagina pttrns existen dos mas super útiles