Please enable JavaScript.

Coggle requires JavaScript to display documents.

DISEÑADOR DE EXPERIENCIA DEL USUARIO, image, image, image, image, image,…

- - - - Observar y documentar como un grupo de usuarios asocia y agrupa contenido de un tema
      - Reunir equipo de trabajo con perfil similar al del usuario final
      - Dar nombre a la aplicación
      - Ordenar secciones propuestas (orden de jerarquía)
      - Englobar categorías en un sola sección
      - Anotar comportamiento sobre la aplicación
      - Realizar mapa de navegación
      - Al final identificar panorama del producto final
  - - - Muestra secciones que pueden ampliarse en un futuro
      - permite analizar las secciones del producto, las faltantes y las que sobran
    - - Identificar tipo de contenido
        y su jerarquía en producto digital
        
        Nivel 1: van los elementos que facilitan interacción entre usuario y software
        
        Nivel 2: van subsecciones para el apoyo de navegación
        
        Nivel 3: elementos que no afectan la navegación
      - Plasmar jerarquía de contenidos
        
        Empezar con un home, nivel 1, nivel 2 y nivel 3
  - - - Jerarquía estricta
      - Jerarquías multidimensionales
      - Concentrador
      - Lineal
      - Plano
    - - Jerarquico
      - Centralizador
      - Tabs
      - Matrioska
  - - - Representación grafica de la arquitectura
        de la información de un producto digital
      - carece de colores e imagenes
      - su objetivo es mostrar estructura
        de distribución de elementos
    - - Crear nuevo archivo, en una herramienta digital
      - Seleccionar elemento de la ventana
      - Escribir un nombre para la aplicación web
      - Seleccionar elementos de imagen
      - Seleccionar elementos de navegación
      - Personalizar un menu
      - Guardar archivo, para modificaciones posteriores
- - - - También llamada PIX
      - Representa atraves de iconos las acciones que quiere hacer el usuario
      - Corresponde a los objetivos de la interacción
    - - Elaborar tabla de 5x3
      - Rellenar campos
        
        Usuario
        
        Dialogo
        
        Sistema
  - - - Reduce tiempos de desarrollo
      - Ayuda a tener una mejor usabilidad del producto
    - - Buscar en el buscador "librerías para patrones de interacción"
      - elegir una opción del listado
      - Buscar opcion de pattern
      - Elegir patron
      - Ejecutar todos los pasos para su ejecución
- - - - Conjunto de columnas para organizar espacios de cada elemento de la interfaz de una pagina web
      - su diseño es escalable desde móvil hasta un ordenador
    - - Modulos
      - Rejas
      - margenes
    - - Buscar "Grid Designer"
      - En columns introducir numero de columnas a utilizar
      - En designer el diseño de retícula se forma automáticamente
      - Al terminar el dieño, se exportara
  - - - Pramarios: son la base
      - Secundarios: combinar 2 primarios
      - Terciarios: combinación entre un primario y un secundario
    - - Analogos
        
        paletas armoniosas
      - Monocromaticos
        
        mismo color diferencia de matiz
      - Triada
        
        forman triangulo equilátero
      - Complementarios
        
        Posición opuesta en el circulo cromatico
      - Tonos
        
        mismo color, variación de luminosidad
  - - - Representación grafica, prototipo de alto nivel
      - permite decidir color para una mejor adecuacion
    - - Crear nuevo proyecto en herramienta online
      - seleccionar elementos y acomodarlos
      - Explotar creatividad con los elementos y colores
    - - Da un mejor contraste de tipografia
      - Da accesibilidad al producto
      - Reduce tiempos de diseño
      - Se puede mostrar el producto final al usuario
  - - - Fomenta productos accesibles
      - Permite que el proyecto cuente con diseño uniforme
      - Se pueden reutilizar
      - Define como diseñar para platafrma especifica
    - - Sistema de reticula
      - Especificar colores primarias, secundarios y terciaros
      - establecer tipografia
      - Iconografia
  - - - Elementos de la interfaz
      - Patrones de arquitectura
      - Posición de menús
      - Dimensiones de los controles de la interfaz
  - - - Discapacidad auditiva utilizan el sentido de la vista para identificar las acciones que se ejecutan en la interfaz de un producto digital,
      - Movilidad limitada productos digitales cuya interfaz esté integrada a un sistema de reconocimiento de voz.
      - Debilidad visual producto digital cuya interfaz sea capaz de transformar texto en voz y de esta forma describirle los elementos que se encuentran en la pantalla