Please enable JavaScript.

Coggle requires JavaScript to display documents.

Diseñador de Experiencias de Usuario UX - Coggle Diagram

- - - - 3.Navegar en algún sitio y seleccionar la pestaña patterns dar clic. Las soluciones están clasificadas de acuerdo con el tipo de dispositivo y a los problemas que resuelva
      - 4.Elegir un tipo de patrón seguir indicaciones que se encuentran en la sección
        5.Ejecutar los pasos que indica el portal web para incorporar el Patrón en el producto
      - 2.Elegir alguno de los sitios que aparecen enlistados
      - Ingresar en el buscador librerías para patrones de interacción o patterns in interaction desing
      - Estas constan de navegación, maquetado, selección, multimedia etc.
- - - - Elegir la opción de wireframe de la ventana crear nuevo diagrama
        
        En la barra literal izquierda buscar el menú de “componentes de formulario UI”
      - Arrastrar elementos para la creación en el lienzo
      - Una vez seleccionado ir al menú de archivo y dar clic en nuevo
      - Una vez que se han seleccionado y diseñado en el lienzo los elementos necesarios, dar click en guardar, para asignar diversos formatos ir a la opción de exportar
      - Descargar en la web cualquier herramienta para diseñar wireframes para arrastrar elementos dentro de un lienzo
  - - - Establece la relación entre contenidos de acuerdo con su afinidad y jerarquía
      - Muestran qué secciones podrían ampliarse en un futuro
      - Permite analizar qué secciones del producto digital faltan y cuáles sobran
    - - Plasma la jerarquía de los contenidos
      - NIVEL 1
        
        1.1 Los elementos que facilitan la interacción entre el usuario y tu sitio o aplicación web se consideran como contenido primario
        
        1.2 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.
      - Identifica el tipo de contenido y su jerarquía en tu producto digital
      - NIVEL 2
        
        2.2 subsecciones de tu producto digital e indica su jerarquía. Después une cada rectángulo con la sección que le corresponda
        
        2.1 Las subsecciones y los elementos que son un apoyo para la navegación del usuario se consideran como secundarios
      - NIVEL 3
        
        3.1 Son los enlaces a recursos recomendados o publicidad en tu sitio o aplicación web siendo elementos uya ausencia no afecta a la navegación
  - - - 1.Reunir un equipo de trabajo con un grupo de personas con un perfil cercano al de los consumidores finales en un entorno para colocar material de apoyo, tarjetas plumones etc.
      - 2.Dar a conocer el nombre del sitio o aplicación web pedir que escriban en las tarjetas las secciones que consideran necesarias para el producto digital.
      - 3.Acomodar las tarjetas con libertad de colocar eliminar etc
      - 4.Englobar el numero de tarjetas en una categoría para todas las tarjetas
      - 5.Realizar notas sobre la interacción del grupo durante la aplicación técnica
        
        Realizar un mapa de navegación
        
        El objetivo de implementar ambas técnicas es ampliar el panorama sobre como debe se la arquitectura de la información del producto
- - - - Saturación: medida de pureza de un color (pálido = tonalidades grises)
      - Matiz o tono: estado del color sin concentraciones de B y N
      - Luminosidad: cantidad de luz en un color (mayor luminosidad mayor brillo)
    - - Monocromáticos: mismos colores con valores diferentes de saturación, matiz y luminosidad
      - Triada: colores dentro del circulo alejados entre si formando un triangulo
      - Análogos: colores de derecha a izquierda de un tono principal
      - Complementarios: colores en posición opuesta
  - - - La posición del menú, iconosmultimedia y texto en el layout del sitio web
      - Los patrones de arquitectura de la información con los que debeestructurarse el contenido de un producto digita
      - Las dimensiones de los controles de la interfaz (botones, menús
      - Los elementos de la interfaz cuyo funcionamiento debe ser explicado al usuario final mientras utiliza elproducto digital
  - - - elegir un mock up
        
        hacer click en view
        
        seleccionar los elementos gráficos con el que interactuara el usuario
        
        elegir una transición para cada mock up
        
        determinar las acciones que realizaran los elementos
        
        6 click play