No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Definición de patrones en tu sistema

7/17
Recursos

Aportes 16

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Patrones funcionales:

  • MAPA DE PATRONES. Claridad en comportamientos generales y acciones a reforzar del producto.

  • ASIGNAR ACCIONES. Se puede entender el propósito de un patrón (lo que hace y lo que no).

  • DIBUJAR LA ESTRUCTURA DE CONTENIDO. Sketching de baja fidelidad

  • GENERAR UNA ESCALA DE PATRONES. Para definir varios elementos que resuelvan el mismo problema.

Patrones perceptivos:

  • GENERAR UN USER PERSONA. Cualidades clave que deseas tenga la interfaz, ayuda a dar cualidades físicas.

  • MOOD BOARD. Recoge ideas e inspirar, se crea a mano o en digital, complementa al anterior. Se puede hacer de todo el sistema o solo de un patrón.

  • STYLE TILES. Para evaluar variaciones cuando ya se tiene una idea general (contiene color, tipografía).

🧩 Definición de Patrones de diseño

  • Evita duplicar componentes y procesos.

  • Elementos que necesitas para resolver el problema más rápidamente.

    🏗 Patrones Funcionales

    • Mapa de patrones
      • Ncesidades.
      • Metas.
      • Motivaciones.
      • Aspectos claves del producto.
    • Asignar acciones
      • Entender el propósito del patrón.
      • Generalizar los casos de uso.
      • Evitar duplicaciones o patrones similares.
    • Dibujar estructura de contenido
      • Define jerarquía.
      • Dibujar varios formatos.
      • Elije el que mejor encaje con los principios de tu sistema.
    • Generar una escala de patrones
      • Definir bien el caso de uso de cada variante de ese patrón.

    🎨 Patrones Perceptivos

    • User Persona
      • Cualidades clave que deseas que tenga la marca.
    • Mood board
      • Recoger ideas e inspiración.
      • Complementario a un user persona.
    • Style tiles
      • Creada por Samantha Warren.
      • Colores, tipografía y componentes relevantes de la interfaz.

Comparto el enlace del curso que se menciona en el segundo 0:25

¿Cómo definir los patrones funcionales de mi sistema de diseño?

  1. Entiende las necesidades, metas y motivaciones del usuario y luego enuncia qué patrones responden a dichas necesidades, metas y motivaciones.

  2. Asigna acciones a los patrones mencionados. Es importante que te enfoques en lo que hace o soluciona el patrón y no en lo que es. Ejemplo: “Banner principal” , mejor usa ++“Promoción de nuevos artículos” ++

  3. Crea un wireframe de baja calidad y enuncia los elementos que consideras debe tener ese patrón para que funcione. Luego define la jerarquía de esos elementos.

  4. Ahora ten en cuenta si ese patrón va a replicarse en otros lugares dentro de tu producto, si es así, es importante que generes diferentes escalas del patrón.

Me gustaria mas que lo explicara desde su experiencia y no solo leer terminos de su presentación, mejor lo descargo

Así defini el user persona y las caracteristicas del producto, si bine es de tipo general da bastantes pistas hacia donde se crearian los patrones de diseño del portal a desarrollar.

Style tiles

  • Técnica creada por Samantha Warren
  • Ya existe una idea general de cómo va a ser el estilo, pero quieres evaluar variaciones entre los diferentes elementos que la componen
  • Estos tiles contienen elementos como el color, la tipografía, y algunos de los componentes más relevantes de la interfaz, los cuales se colocan unas al lado de otras para comparar y valorar qué tile refleja mejor los principios de nuestro producto digital

Esta es la forma como empece a aplicar el nombre del patron con sus necesidades, sin embargo hace parte de mis notas del curso.

En cuanto al moodboard de inspiración en la lectura de recursos suguieren 4 pasos:

1)Titulo del mood
2) Palabras clave
3) Brainstrom de imagenes
4) Selección de las mismas

En mi caso lo hice así

Me encantó este capitulo, sabía que era el User persona pero no había escuchado esta manera de crearlo.

Los comentarios de las notificaciones del Sistema de Diseño que muestra la profesora son muy buenos.

Aquí el archivo donde está el proyecto.

Me gustó el contenido de esta clase. Aunque tuve que volver a ver las clases varias veces porque me pareció díficil de seguir, pesado y que en general la forma pareciera que solo está leyendo un script. Resulta pesado de seguir el ritmo con esta manera de presentar. Presenta mucho contenido en cada clase.
Tuve que volver a ver las clases varias veces proque siento que la forma en cómo lo explica la profesora pareciera que solo está leyéndolo. Resulta pesado de seguir el ritmo con esta manera de presentar.

Designing for Emotion - Libro que se menciona en el min 7:00 de la clase.
Aaron Walter (Author)