Interfaz de usuario y presentación de información - curso 41.300 rublos. de la Oficina de Gorbunov, formación de 4 semanas, Fecha: 1 de diciembre de 2023.
Miscelánea / / December 03, 2023
Ejemplos de interfaces clásicas, como Google Maps, iPhone o una calculadora de préstamos en el sitio web de un banco polaco, demostrar principios de diseño universales que son independientes del sistema operativo, el entorno o dispositivos. Trabajan en computadoras, teléfonos, relojes, asistentes de voz y realidad virtual. Además de los principios generales, el curso también cubre detalles importantes: diseño móvil, animación, sonido, iconos.
En la tarea de presentar información, un buen diseñador se guía por su naturaleza, las características físicas del medio, los principios de percepción y, lo más importante, el problema analítico que resuelve.
Estas ideas y principios se discuten en la parte teórica del curso.
En las clases prácticas, los participantes aprenden técnicas para diseñar formularios de pantalla, diseñar tablas y gráficos y trabajar en el diseño de un fragmento de interfaz. Las tareas consolidan y ponen a prueba los conocimientos adquiridos.
El curso surgió del curso clásico de Artyom Gorbunov. Desde 2012, Ilya Birman ha ido añadiendo nuevos temas y ejemplos al programa.
El curso de cocina francesa básica está disponible para chefs principiantes y experimentados. A un curso práctico de cuatro semanas asisten diseñadores, directores de arte, gerentes, programadores y editores principiantes y experimentados.
El conocimiento previo de los participantes es útil pero no obligatorio.
Cada semana consta de conferencias y una parte práctica. En un curso a distancia, casi todo el tiempo con el profesor se dedica a ejercicios prácticos y la teoría se prepara para el estudio independiente. Todos los sábados, los participantes tienen acceso a videoconferencias y materiales de texto en la sala de estudio para su autoestudio. Y durante la lección práctica refuerzan la teoría de la semana con tareas especialmente seleccionadas y las repasan con el profesor.
Director artístico de la oficina, coautor de “Sovets”. Creador del sitio web sobre reglas del idioma ruso, diseño tipográfico y motor de blogs Egea. Autor del libro "Interfaz de usuario"
1 semana
¿Qué es una interfaz? Reglas del juego y su encarnación física.
Dependencia de la humanidad y la tecnología. Deja que el coche sude. Los datos del usuario son infinitamente valiosos. Primero datos, luego filtros. Tecnología: bajo el capó
Hábito. Ventanas de confirmación e historias sobre innovaciones al iniciar el programa. Natividad. La gestión de hábitos como herramienta comercial
Modalidad. Remedios: llamar la atención sobre el modo, separación de gestos, cuasi-modos, cambiar el guión. ventanas modales
Magia consistente. "Leyes de la Física" del Mundo Virtual
La visión de un principiante. Cada pantalla tiene un significado. Estados de pantalla vacía y llena
Comentario. Adecuación, ternura, honestidad, instantaneidad, continuidad, fisicalidad. ¿Cuál fue el principal avance del iPhone?
Ley de la puntería y de Fitts. El punto debajo del cursor, las esquinas y lados de la pantalla. Ratón y dedo. Un objeto, un enlace. Sin agujeros. Movimiento y clic: un gesto. Apuntando a dispositivos móviles
Proximidad. La ley de proximidad y estructura visual. Elementos de agrupación
Contenido de informacion. Elimina todo lo innecesario. Sácalo de paréntesis. Conectar funciones de información. Añade una señal. El mito de los siete elementos.
Ejercicio. Diseño de fragmentos de interfaz
2 semanas
Texto en la interfaz. Sintaxis del elemento de interfaz
Estilo de información. Deja de palabras en la interfaz. Navegación y redacción de mensajes.
lenguaje robótico
Navegación del sitio web
Ventana. Interfaz de múltiples documentos y de un solo documento. Configuración de ventana. teorema emergente
Tipografía en pantalla y papel.. Rejilla modular en diseño de pantalla. Legibilidad del texto en pantalla.
Diseño para dispositivos móviles
Diseño de mesa. Diseño de mesas: tipificación, alineación, marcos. Diseño de tablas: filas y columnas, subordinación, ordenación. Adaptación de tablas complejas a pantallas pequeñas
Maquetación y desarrollo de formularios de pantalla.. Todo el mundo odia las formas. Cómo y cuándo informar errores
Ejercicio. Diseño de tablas, gráficos, formularios.
3 semanas
"Diseño para tontos". Manipulaciones visuales. Descuantificación y despersonalización. Efectos de escala e intervalo. Técnicas prácticas para diseñar gráficos y diagramas.
Distorsiones accidentales de la información.
Selección de formato. Oración, tabla, gráfico. Resolución de medios
Basura de información. Estructuras regulares. Contraste. Efecto “1+1=3+”. Los datos no requieren decoración.
Coeficiente de información
Leyendas, codificación y numeración. ¿Cuál es el problema y cómo solucionarlo?
Percepción de grandes cantidades de información.
Comparaciones
Mundo multidimensional en un medio plano.
Multiplicación de elementos de información. Arregle el diseño y reemplace los datos. Organización espacial de elementos. Efecto multitud
Capas de información. Fondo, líneas y puntos, firmas. Cambios de capas en respuesta a las acciones del usuario. Capas e idiomas
Esquemas de transporte
Presentación paralela. No sólo una duplicación, sino una mirada desde diferentes ángulos.
Ejercicio. Rediseño de fragmentos de interfaz
4 semanas
Desarrollo de elementos de interfaz no estándar. No estándar por el bien del beneficio
Semántica visual. Signos y símbolos. Pictogramas
Voltear y desplazarse. Como escoger. Como no elegir
Sonido en la interfaz. Resolución de medios. Notificaciones y reacciones
Preparación y análisis de una tarea de interfaz.
Animación. Por qué: atención, explicación, realismo, espectáculo. Como: discreción, naturalidad, coherencia, pureza.
Disponibilidad. No para mostrar. Todo el mundo tiene capacidades limitadas. Visión. Audiencia. Habilidades motoras. Diseño inclusivo.
Sistematización. Estándares, pautas, grillas, kits de interfaz de usuario y sistemas de diseño. Implantación y mantenimiento del sistema. Flexibilidad y adaptabilidad de las normas. Fabricabilidad e interacción con desarrolladores.