Lección 1 de 0
En Progreso

0.1 : Bienvenida

1 octubre, 2023

En primer lugar, ¡una cálida bienvenida! Queremos agradecerles a todos por dedicar su tiempo a aprender sobre los muchos patrones de diseño de interfaz de usuario ahora disponibles, así como también cuándo y cómo se pueden implementar para ayudar a los usuarios a aprovechar al máximo sus diseños.

En esta primera lección, lo llevaremos lentamente al curso y le diremos cómo trabajar a través de ‘Patrones de diseño de interfaz de usuario para un software exitoso’. El objetivo de esta lección introductoria es simplemente informarle sobre algunas de las formalidades, como cómo se organizan los elementos de la lección del curso, cómo puede interactuar con nosotros y sus compañeros y por qué hemos optado por centrarnos en determinados temas. Sin embargo, también hemos incluido algunas preguntas para que puedas iniciar el proceso de aprendizaje lo antes posible.

A continuación se proporciona un desglose completo lección por lección.

Lección 1 : Implementación de la estructura de
la página Siempre es bueno trabajar de lo general a lo específico o de lo estructural a lo detallado. Es por eso que esta primera lección se enfocará en obtener la estructura general correcta. Cuando los usuarios operan en una sola página, están cambiando entre múltiples campos de entrada de datos y elementos de contenido. Debe apoyar estos movimientos implementando estructuras de página lógicas e intuitivas. Por lo tanto, describimos y explicamos algunos de los patrones de diseño utilizados por esta razón exacta. Al final de esta lección, comprenderá mejor cómo ayudar a los usuarios mientras intentan realizar sus intenciones una página a la vez.

Lección 2 : Organización del contenido para obtener los mejores resultados
Cuando la estructura general de una página está bajo control, el siguiente paso en la escalera de la abstracción es el contenido. Si este contenido no está organizado de forma lógica, los usuarios se perderán. Se les dejará escanear toda la interfaz de usuario cuando busquen información, iconos, comandos o cualquier otro elemento dentro de la pantalla. En esta lección, destacamos y detallamos algunos de los patrones de diseño de la interfaz de usuario que ayudan a los diseñadores a implementar el orden y la estructura dentro del contenido para ayudar a los usuarios a lograr sus metas y objetivos.

Lección 3 : Navegación fluida
Los usuarios cambian constantemente entre ventanas, paneles, pestañas, páginas y contenido. Para que estas transiciones sean lo más fluidas y fluidas posible, los patrones de diseño de la interfaz de usuario deben implementarse en el momento adecuado y deben diseñarse para respaldar las tareas de los usuarios. En esta lección, presentamos algunos de los patrones de diseño de la interfaz de usuario que ayudan a los usuarios a moverse con libertad y confianza a través de la pantalla gráfica.

Lección 4 : simplificación de la entrada de datos
Algunos trabajos y tareas requieren una gran cantidad de entrada de datos; si incluso un solo campo de entrada está colocado o diseñado de manera inadecuada, esto puede ralentizar al usuario, limitar su productividad y tener efectos catastróficos para las empresas. En esta lección, nos sumergimos en los detalles de la entrada de datos y le mostramos los patrones de diseño de la interfaz de usuario que ayudan a organizar y diseñar formularios para promover la facilidad de uso y limitar el potencial de frustración y abandono.

Lección 5 : Aspectos sociales del diseño de la interfaz de usuario El diseño
de la interfaz de usuario ha tenido que evolucionar para seguir el ritmo de la explosión en el número de comunidades virtuales, redes y sitios de medios sociales ahora disponibles. En esta lección, describimos algunos de los patrones de diseño de la interfaz de usuario que se han introducido para mejorar los aspectos sociales de estas comunidades y redes. Le mostraremos cómo implementar estos patrones para mejorar la experiencia interactiva y la usabilidad general de cualquier sitio web o aplicación.

Lección 6 – Patrones oscuros: métodos para coaccionar, manipular y engañar a los usuarios
Los patrones oscuros representan el lado siniestro del diseño de la interfaz de usuario. Habrá momentos en los que querrá coaccionar, manipular y engañar a los usuarios, especialmente si está diseñando interfaces de usuario de comercio electrónico y tratando de impulsar las cifras de ventas. En esta lección, cubrimos algunos de los patrones oscuros que pueden seducir a los usuarios con éxito y describimos cómo pueden desviarlos. También lo desafiaremos a evaluar críticamente el lado ético de los patrones oscuros.

Lección 7 – La interfaz de usuario completa
En todas las lecciones anteriores, le hemos mostrado una gran cantidad de patrones de diseño de interfaz de usuario. Ha aprendido qué problemas de diseño resuelven, qué pasos debe seguir para implementarlos y con qué tener cuidado al hacerlo. Ahora es el momento de fusionar y aplicar todo este conocimiento en situaciones del mundo real. Le mostraremos cómo analizar algunos sitios web excelentes, como YouTube, Facebook y Amazon, para aprender cómo combinan todos los patrones de diseño disponibles en interfaces exitosas.

Durante cada una de las primeras siete lecciones, se le pedirá que contribuya a un tema de discusión y que complete preguntas de opción múltiple y preguntas abiertas. Se lanza una nueva lección cada semana hasta el final del curso. Sin embargo, no hay presión para completar cada lección dentro de este período de tiempo; el curso es a su propio ritmo y puede entrar y salir del contenido cuando tenga tiempo. Sin embargo, le recomendamos que siga cada lección en el orden prescrito y trate de seguir el ritmo de sus compañeros.

Estamos muy entusiasmados con su inscripción en el curso “Patrones de diseño de interfaz de usuario para un software exitoso”. Le proporcionaremos la mejor combinación absoluta de conocimiento teórico y aplicación práctica, para que pueda desarrollarse en términos de su carrera más amplia y sus habilidades en el diseño de interacción.

Ahora, sin más preámbulos, ¡comencemos!