Las mejores prácticas del Diseño UI

UI
1. tangible
  1. Diseño, presentación y ejecución de los elementos
    1. Input
    2. Navegación
    3. Compartir
    4. Información
2. UI +UX
  1. Personas
    1. Dar un nombre
    2. Identificar trabajo/rol
    3. Información psicológica
    4. Escenarios
      1. Ambiente
      2. Factores externos
      3. Comportamiento
      4. Proceso de diseño
        Una persona
        Diseñador tiene la última palabra
        Diseñador debe ser respetado
        Retroalimentación como problema
        Retroalimentación no vaga
        Moodboards
        Paleta de colores
        Estilo
        Tipografía
        Iconografía
        Estilo de Nav.
        Conciencia espacial
        Contraste
        Wireframes
        Contenido
        Diseño
        Comportamiento
        Prototipado
        Función antes que apariencia
        Experimentar
        No apegarse
        Detener optimización
        Fingir
        Pequeños problemas
        Saber cuándo detenerse
3. Patrones y Jerarquía
  1. Patrón F PatrónZ
  2. Contraste
  3. Espacio
  4. Color
  5. Tamaño
  6. Seleccionar
    1. Aplicar
      1. 1.-Definir patrón
      2. 2.-Ejemplo
      3. 3.-Lista de problemas a resolver
      4. 4.-Saber cuándo usarlo
      5. 5.-Saber cómo usarlo
    2. ¿Cuál es el problema?
    3. ¿Cómo lo han resolvido?
    4. Examinar ejemplos
    5. Determinar el uso apropiado del patron
4. Usabilidad,Utilidad y Deseabilidad
5. Controles de entrada
6. Navegación
  1. Contenido
    1. Menú
    2. Breadcrumbs
    3. Filtros
    4. Links
  2. Ubicación
    1. Vertical
    2. Horizontal
7. Animaciones
  1. Atracción visual
  2. Conexiones
  3. Pistas
8. Configuración por defecto
9. Acciones Guiadas
10. Claridad visual y de lenguaje
  1. Simplicidad
  2. Redacción
  3. Evitar contradicciones
  4. Evitar exageraciones
  5. Explicaciones
11. Principio Maya
  1. Metáforas visuales
  2. Opciones tradicionales de rechazo
  3. Alcance sensible
12. Elementos
  1. Contraste
    1. Luz y Oscuridad
    2. Color
  2. Paleta de colores
    1. Teoría
      1. Contraste
      2. Complementación
      3. Vibracón
    2. Esquema
      1. Tríada
      2. Análogo
  3. Tipografía
    1. Tamaño apropiado
13. Guías de estilo
  1. Importancia
    1. Colaboración
    2. Estándares
    3. Accesibilidad
    4. Comunicación
    5. Facilitación
  2. Creación
    1. Descripción
    2. Layout
    3. Tipografía
    4. Paleta de colores
    5. Imágenes
    6. Branding
    7. Estándares de código
    8. Archivos y directorios
    9. Assets
    10. Canvas
    11. Pruebas de control de calidad
UX
1. Experiencia
  1. El sentimiento o reacción que tienen las personas a usar un website

Media attachments

Color Theory (image/jpeg)

Next up

Las mejores prácticas del Diseño UI

Description

Resource summary

Media attachments

Similar

	Created by Cindy Blanca about 7 years ago