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 14

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: 鈥淏anner principal鈥 , mejor usa ++鈥淧romoci贸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.

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.

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

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.

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