Please enable JavaScript.
Coggle requires JavaScript to display documents.
Diseño de Interacción, imagen, imagen, imagen, imagen, imagen, imagen,…
Diseño de Interacción
Lección 2
-
Patrones para arquitectura de información; Se utilizan para resolver problemas comunes con mínimas o nulas modificaciones
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.
-
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.
-
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.
-
Jerarquía multidimensional; 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
-
Centralizador; La pantalla principal de la aplicación contiene los enlaces de las interfaces secundarias.
-
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.
-
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.
-
Matrioka; Los elementos de la pantalla principal cambian su jerarquía conforme el dispositivo va escalando en tamaño y viceversa.
-
-
Wireframes
Representación grafica de la información de un producto, carece de colores eh imagenes
-
-
Lección 4
Uso del color
-
Amarillo, marrón, rojo producen calidez mientras que verde, morado y azul producen frialdad
-
-
-
Retícula de construcción
-
-
-
El diseño sera escalable con el uso de frameworks, las rejillas se pueden hacer con aplicaciones online
-
Creación de Mock ups
Representación grafica de la interfaz que incluye colores, tipografía, se le considera un de alto nivel
Se prueba la usabilidad , se reduce el tiempo
-
-
Lección 4
-
Ergonomía cognitiva
La ergonomía cognitiva estudia la relación que existe entre la percepción, la memoria y el razonamiento en el aprendizaje de las personas
Es una disciplina que se nutre de los conocimientos que aportan diversas áreas como la ingeniería y psicología.
-
El funcionamiento debe ser accesible para personas con capacidades diferentes o necesidades especiales
Las personas con movilidad limitada requieren de productos digitales cuya interfaz esté integrada a un sistema de reconocimiento de voz.
Las personas con debilidad visual necesitan de un producto digital cuya interfaz sea capaz de transformar texto en voz
Las personas con discapacidad auditiva utilizan el sentido de la vista para identificar las acciones que se ejecutan en la interfaz de un producto digital
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-