Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Introducci贸n a los patrones en los SSDD

4/17
Recursos

Aportes 25

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

驴Qu茅 es un patr贸n?
modelo o punto de referencia para empezar a crear unidades a partir de 茅ste
Convertir un principio en un patr贸n tangible

  • Dif铆cil transformar los principios de dise帽o en patrones concretos en nuestra interfaz
  • Principios = 鈥渘ormas鈥 que utilizaremos para crear nuestros patrones
    Patr贸n General
  • Patr贸n de lenguaje de la interfaz: Forma en la que el usuario enfrenta un problema concreto
    驴Qu茅 compone el patr贸n de lenguaje de la interfaz?
    Dos tipos de patrones m谩s comunes
  • Funcionales
  • Perceptivos

Se me ocurre como ejemplo de un patr贸n de lenguaje de la interfaz: los chats de mensajes. La mayor铆a tienen la misma estructura y casi la misma informaci贸n.

Introducci贸n a los patrones en los SSDD

驴Qu茅 es un patr贸n?

Modelo o punto de referencia para empezar a crear unidades a partir de este.

" Cada patr贸n describe un problema que ocurre una y otra vez en nuestro entorno, y luego describe la soluci贸n principal a ese problema".

Christopher Alexander , A Pattern Language

Patr贸n de lenguaje de la interfaz

Muchas interfaces de diferentes empresas. Forma en la que el usuario enfrenta un problema concreto.

Dos recursos que descubr铆 hace tiempo sobre patrones son los siguientes:

  1. https://nicelydone.club/patterns/

  2. https://www.niceverynice.com/components

Patrones generales o Patrones de interfaz, adem谩s de los mencionados en el curso:

  • Notificaciones
  • Formularios
  • Procesos de login
  • Check-in / Check-out

Se me ocurren estos:

  • Procesos de transferencia (Sector Banca)
  • Mensajer铆a o chats (actualmente est谩 muy estandarizado)
  • Men煤s desplegables
  • Formularios de contacto
  • Menu hamburguesa

El patr贸n nos permite no tener que re aprender un concepto cada vez que vamos a utilizar un sistema nuevo.

Cada patr贸n describe un problema que ocurre una y otra vez en nuestro entorno, y luego describe la soluci贸n principal a ese problema

Christopher Alexander

Se me ocurre la pantalla cuando se va a realizar una llamada desde un smartphone. Se podr铆a decir que utilizan hasta los mismos colores con variaciones.

Si quieren adentrarse m谩s a profundidad sobre patrones de dise帽o, recomiendo que revisen esta p谩gina web.
ui-patterns

Un patr贸n en el dise帽o se refiere a soluciones probadas y efectivas para problemas comunes. Imagina que est谩s construyendo una casa y encuentras que muchas personas han tenido el mismo problema para organizar la cocina de manera eficiente. Un 鈥減atr贸n de dise帽o de cocina鈥 podr铆a ser la disposici贸n de los electrodom茅sticos y el espacio de almacenamiento de una manera que optimiza el flujo y la usabilidad. De manera similar, en el dise帽o digital, un patr贸n podr铆a ser la forma en que presentamos informaci贸n en una aplicaci贸n para que sea f谩cilmente comprensible para los usuarios.

La importancia de los patrones en un sistema de dise帽o radica en la consistencia y la eficiencia. Al utilizar patrones, aseguramos que las soluciones efectivas se apliquen de manera coherente en todo el sistema. Esto no solo ahorra tiempo y esfuerzo, sino que tambi茅n mejora la experiencia del usuario al ofrecerle elementos familiares y predecibles. Adem谩s, los patrones facilitan la colaboraci贸n entre equipos, ya que todos trabajan con un conjunto compartido de soluciones que han demostrado ser exitosas en el pasado

El search box es muy similar en casi todos los productos web

El patr贸n nos permite no tener que re aprender un concepto cada vez que vamos a utilizar un sistema nuevo

Un patr贸n que veo mucho son los procesos de compra, muy pocas veces las pantallas de carrito de compra son diferentes y ya es familiar como es el proceso a trav茅s de ellos.

Como ejemplo de patr贸n de lenguaje en interfaces se me ocurren:

  • Login
    -Formulario de contacto
    -Men煤 principal
    -Carrito de compras de un ecommerce
    -Secci贸n de check out

Un ejemplo de patrones de interfaz son la secci贸n de compra, casi todas se realizan de la misma manera haciendo que todo sea intuitivo y transparente.

en mi caso personal un patr贸n importante para la empresa en la trabajo, es la lectura y selecci贸n de eventos deportivos para realizar una apuesta. Todas las empresas de apuestas deportivas manejan el mismo sistema de selecci贸n base 1X2 para una apuesta en un evento deportivo.

los formularios, inicios de sesi贸n, configuraci贸n, etc.

pfff los logins, un patr贸n muy parecido en diferentes sistemas

Ejemplos de patrones: https://www.pttrns.com/

Patr贸n de lenguaje de la interfaz

Es una forma definida y arraigada que se presenta como soluci贸n est谩ndar. El usuario se enfrenta a un problema concreto de la misma forma. Los ejemplos m谩s claros de esto, son: men煤 hamburguesa, proceso de login y logout, formularios, notificaciones, env铆o de mensajes y correos electr贸nicos, entre otros.

Que es un patron? * Una cosa que se toma como modelo de referencia para crear, medir o valorar otras. * Un elemento que est谩 en com煤n a lo largo de toda nuestra interfaz. * La representaci贸n clara de nuestros principios de dise帽o. * Practicamente, un elemento fundamental dentro de los sistemas de dise帽o.
Siguiendo un ejemplo de la clase anterior donde se mencionaba a Atlassian, tambi茅n sugieren patrones de dise帽o para formularios, mensajes/pop ups, e impresiones <https://atlassian.design/patterns/>
Un patro puede ser cuando uno hace loggin en cualquier tipo de app o web. Yaesta estabecido cuado se uiere seguir con cuentas alternas o linkearse ya sea co facebook, google, microsoft bto

Un patr贸n de lenguaje de interfaz podr铆a ser el proceso para solicitar/obtener un per铆odo de prueba de un SaaS, por ejemplo.

La pantalla de login como patr贸n. Todas son iguales (?

Muchos sitios de empresas tienen un formato similar: la empresa (misi贸n, visi贸n, valores, etc), nuestros productos/servicios, nuestro equipo, contacto y en el footer en general vemos las redes sociales y enlaces a diferentes partes del sitio.
Las apps de delivery tienen un patron similar: Rappi, Justo, Uber Eats. Tambi茅n otras como las de transporte, Cabify, Uber y Didi.