Please enable JavaScript.

Coggle requires JavaScript to display documents.

Diseño de Interacción - Coggle Diagram

- - - - técnica card sorting (agrupación de tarjetas ) sobre un tema para después determinar las secciones mas adecuadas para un producto digital
    - - reúne a tu equipo de trabajo
      - nombre del sitio o aplicación web
      - ordenar secciones
      - englobar en categorías
      - anotar el comportamiento
      - mapa de navegación
  - - - Permite analizar qué secciones del producto digital faltan y cuáles sobran
      - Establece la relación entre contenidos de acuerdo con su afinidad y jerarquía
      - Muestran qué secciones podrían ampliarse en un futuro
    - - Identifica el tipo de contenido y su jerarquía en tu producto digital.
      - Plasma la jerarquía de los contenidos.
        
        niveles:
        
        En los rectángulos inferiores que corresponden al nivel 1 escribe (1,1). Esto indica la jerarquía y el orden de aparición del elemento. Une este rectángulo y los que anexes con una línea que se dirija al Home
        
        En el nivel 2coloca las subsecciones de tu producto digital e indica su jerarquía. Después une cada rectángulo con la sección que le corresponda
        
        Haz lo mismo para representar a los elementos del nivel 3 y colócalos debajo del elemento al que se vinculan
      - niveles:
        
        Los elementos que facilitan la interacción entre el usuario y tu sitio o aplicación web se consideran como contenido primario y son las secciones de mayor jerarquía, es decir el nivel 1.
        
        Las subsecciones y los elementos que son un apoyo para la navegación del usuario se consideran como secundarios, por lo que su jerarquía es de nivel 2
        
        Los elementos cuya ausencia no afecta a la navegación se consideran como terciarios y su jerarquía es del nivel 3 hacia adelante. Son los enlaces a recursos recomendados o publicidad en tu sitio o aplicación web.
  - - - Jerarquía Estricta
        
        Consiste en una página índice que está asociada a una o varias páginas principales que a su vez están ligadas a subpáginas. Para acceder a ellas es necesario hacerlo desde la página “padre”.
      - Jerarquías Multidimensionales
        
        Consiste en una página índice asociada a varias páginas principales que a su vez permiten el acceso a una o varias subpáginas e incluso a elementos que ya estaban relacionados con otras páginas principales.
      - Concentrador
        
        Consiste en un sistema de navegación lateral en donde se encuentran todos los enlaces para que el usuario acceda los contenidos sin necesidad de retroceder para ir a la página principal.
      - Lineal
        
        Consiste en un sistema de navegación secuencial, por lo que el usuario accede a los contenidos del sitio web mediante el recorrido de cada una de las páginas del portal
      - Plano
        
        Todas las páginas tienen la misma jerarquía, por lo que el usuario puede acceder al contenido que sea de su interés de forma directa.
      - Jerárquico
        
        La pantalla principal tiene enlaces para dirigir al usuario al resto de los contenidos y regresar con el mismo recorrido; pero en sentido inverso.
      - Centralizador
        
        La pantalla principal de la aplicación contiene los enlaces de las interfaces secundarias.
      - Tabs
        
        Las pestañas tienen la misma jerarquía en la pantalla principal, por lo que es necesario que el usuario haga tap en cada una de ellas para acceder a los contenidos de la aplicación.
      - Matrioska
        
        Los elementos de la pantalla principal cambian su jerarquía conforme el dispositivo va escalando en tamaño y viceversa.
- - - - módulos
      - márgenes
      - rejas
  - - - amarillo, naranja, marrón, dorado provocan una sensación de calidez
      - azul, morado, verde ocasionan la sensación de frialdad
  - - - se clasifican en primarios o puros
        
        primarios
        
        amarillo
        
        rojo
        
        azul
        
        secundarios
        
        naranja
        
        verde
        
        morado
        
        terciarios
        
        se originan al mezclar en diferentes proporciones
        
        saturación
        
        medida de pureza de un color
        
        matiz o color
        
        estado del color sin concentraciones de blanco o negro
        
        luminosidad o brillo
        
        cantidad de luz percibida en un color
        
        reglas cromáticas
        
        generaran combinaciones con base en la posición de los colores
- - - - desarrolla una partitura de interacción
        
        crea una tabla
        
        rellena los campos
  - - - librerías para patrones de interacción
      - selecciona el tipo de patrón
      - ejecuta los pasos que da el portal