Please enable JavaScript.
Coggle requires JavaScript to display documents.
Modelos de diseño y comunicación, , , image, image, image, image, , image …
Modelos de diseño y comunicación
Es una técnica que permite especificar todos los aspectos relacionados con la interfaz de usuario empleando un conjunto de modelos abstractos
Modelo de usuarios
Especifica una descomposición jerárquica de usuarios en estereotipos que comparten un rol común. Los elementos que suelen aparecen en este modelo son usuarios, grupos, sus características y relaciones
Modelo de tareas
Describe el conjunto de tareas que los usuarios pueden realizar. Este modelo suele tener una estructura jerárquica y normalmente se compone de objetivos, acciones, precondiciones y postcondiciones. Suele expresarse en una notación denominada
Modelo de presentación abstracta
Incluye una descripción abstracta de la estructura y comportamiento de los elementos visuales de la interfaz de usuario
Modelo de presentación concreta
Describe en detalle los elementos visuales de la interfaz de usuario incluyendo, colores, fuentes y Objetos de Interacción Concretos
Modelos de dominio
Define los objetos accesibles a los usuarios a través de la interfaz de usuario. Puede modelarse empleando un diagrama de clases o cualquier otro similar
Principios y directrices
Principios
Claridad, debe ser sencilla de comprender la interfaz desenvolverse a través de ella.
La interfaz debe fomentar la interacción con los usuarios
Facilidad de aprendizaje
Comunicación, los elementos debe revelar su comportamiento de tal forma que el usuario comprenda lo que sucederá al pulsar un botón antes de hacerlo.
Consistencia, hacer uso de menús, iconos y aspectos estéticos un ejemplo es si hay un subrayado indica que es un link.
Eficiencia, deberá facilitar el trabajo de los usuarios.
Directrices
debe estar enfocada en la experiencia del usuario.
La información importante debe colocarse deben colocarse dentro de las dimensiones de las ventanas de navegación
La estética no debe sustituir la funcionalidad.
Autonomía controlada, debe facilitar el uso cumpliendo con las restricciones establecidas.
Anticipación debe diseñarse a los movimiento de anticipación de los usuarios.
Guías de Estilo
Proporcionan la información necesaria para continuar un proyecto digital una vez que la administración es entregada al cliente.
Reglas Básicas.
Intuitivo.
Sencillo
Compatible
Colores
Limitar el número de colores utilizados y ser conservador al momento de utilizarlos: No utilizar mas de 4 ó 5 colores diferentes en una ventana y no más de 7 en la interfaz total del sistema.
Utilizar un cambio de color para mostrar un cambio en el estado del sistema.
Utilizar el código de colores para apoyar la tarea que los usuarios están tratando de llevar a cabo.
Utilizar el código de colores en una forma consciente y consistente.
Ser cuidadoso al utilizar pares de colores.
Si se utilizan muchos colores o sin son muy brillantes, el despliegue puede ser confuso.
Tipografía
.
No usar más de tres tipografías distintas.
Utilizar fuentes legibles.
Elegir un buen contraste entre el fondo y la letra.
Establecer un interlineado de 1,5 puntos por el tamaño de la letra.
No abusar de los subrayados ya que suelen utilizarse para los hipervínculos.
Nunca escribir todo en mayúsculas porque ralentiza la lectura. Se debe utilizar solo para destacar mensajes cortos como títulos, subtítulos o conceptos importantes.
Los espacios en blanco entre párrafos ayudan a descansar la mirada y a mejorar la concentración gracias a la mejor comprensión de la separación entre ellos. Así pues, es necesario añadir un poco más de espaciado entre párrafos y no dejar la misma separación que con el interlineado.
La longitud recomendada para un párrafo está comprendida entre 45 y 75 caracteres. (aunque esto puede depender del tamaño de la pantalla).
Es aconsejable no utilizar textos de menos de 12 px.
Es una técnica de escribir utilizando que utiliza diferentes diseños de letras y caligrafía.
Estándares
Son un requisito, regla o recomendación basados en principios probados y en la práctica.
Tipos de estándares
Estándares de iure
Generados por comités con estatus legal y gozan del apoyo de un gobierno o institución para producir estándares.
Estándares de facto
Se dan a partir de productos de la industria o desarrollos hechos por grupos de investigación.
Son aceptados como tales por su uso generalizado
Interfaz de Usuario
Significado(que).
Es la base del interfaz. Recoge el contenido o información de la pantalla. Textos, campos de formularios, botones, menús, etc.
Comportamiento
Trata el funcionamiento del interfaz. Cómo se comporta cuando un usuario envía un formulario (validaciones), hace clic en un enlace
Aspecto.
Apariencia final de un sistema: colores, tipografía, dispocición de los elemepntos en pantalla (layout).
Estándares
De desarrollo
Ayudan a mejorar la comunicación visual respecto al sistema operativo o página web.
incluye
Kits de herramientas
Librerías de componentes
Soportes para un rápido prototipado
Adaptabilidad
De viabilidad
tienen en cuenta factores humanos y expresan una fuerte identidad visual.
La identidad del producto
Habilidades humanas
Modelo conceptual
De aceptación
Están la política de la corporación, los mercados internacionales, y la documentación y entrenamiento.
