Actividad de diseño de apps inclusivas

Las grandes apps empiezan con grandes ideas.

Inspira las grandes ideas de tus estudiantes con una actividad de diseño de apps inclusivas de una hora de duración. Los estudiantes identificarán problemas que les interesan y luego planificarán, crearán prototipos y compartirán ideas de apps que sean accesibles y comprensibles para todos.

Cada paso incluye recursos y consejos adicionales para simplificar la lección para los estudiantes de nivel inicial o ampliar la actividad con el Diario de diseño de apps de Programación para todos para cuarto de primaria a segundo de secundaria, o el Cuaderno de diseño de apps de Desarrollo en Swift para tercero de secundaria en adelante. Los estudiantes también tendrán la opción de experimentar con la programación de sus ideas de apps en la app Swift Playgrounds.

Descarga el Diario de diseño de apps (23 MB)Descarga el Cuaderno de diseño de apps (59.9 MB)

Presentar la actividad

10 min

Presenta a tus estudiantes el diseño de apps inclusivas y accesibles.

Explícales que tendrán que pensar en una app relacionada con sus intereses y crear un prototipo de una parte de ella.
Obtén más información sobre el enfoque de Apple respecto del diseño inclusivo viendo los primeros 6:28 minutos de El proceso del diseño inclusivo, presentado en la Conferencia Mundial de Desarrolladores (WWDC) de Apple. Haz que los estudiantes tomen nota de algunos aspectos o “ejes” de la diversidad, como la edad, las discapacidades o el idioma, para usar durante la actividad.
Con el diseño inclusivo de apps, se trata de lograr que las personas se sientan bienvenidas y consideradas. El diseño accesible es aquel que funciona para todas las personas.
Aunque la perspectiva de cada persona es única, el diseño y el desarrollo inclusivos se benefician al centrarse en unos pocos ejes de diversidad. Esto puede ayudarnos a pensar más allá de nuestras propias experiencias. Como ocurre con todos los tipos de diseño, diseñar una app inclusiva requiere de un proceso repetitivo que no se domina de un día para otro.
Los ejes de la diversidad pueden incluir la clase social, la cultura, el origen étnico, el idioma, el nivel educativo, las creencias políticas, filosóficas y religiosas, la raza, el género, la orientación sexual, la edad, las discapacidades, la mano dominante, las medidas corporales como la estatura, y también las condiciones medioambientales, como la zona geográfica, la conexión a Internet o el acceso a dispositivos tecnológicos.
Explica por qué la inclusión y la accesibilidad son importantes en todas las partes del diseño de apps.

Cuando los estudiantes estén listos para comenzar la actividad, podrán trabajar en equipo o de manera individual. Si eligen la primera opción, es el momento de que se dividan en grupos. Para cada sección, los estudiantes pueden registrar su proceso con lápiz y papel, en diapositivas de Keynote o a través de grabaciones de voz.

Proponer ideas.

10 min

Haz que los estudiantes propongan ideas sobre los temas que les interesan. Pídeles que:

Hagan una lista de temas.
Elijan un solo tema de su lista de ideas propuestas e identifiquen dónde hay una oportunidad para que una app sirva de ayuda.
Reflexionen sobre sus propias identidades y experiencias respecto de los ejes de diversidad que eligieron. Consideren cómo sus identidades y experiencias podrían ser similares o diferentes a las de otra persona.

Soporte técnico

Para ayudar a los estudiantes con este paso, usa las plantillas de Propósito e Ideas de Proponer ideas en el Diario de diseño de apps.

Simplificar

Elige un eje de diversidad en el que los estudiantes se concentren. Piensa en algo que tendrá sentido para tus estudiantes y con lo que puedan identificarse.

Ampliar

(Más de 40 min)

Anima a los estudiantes a ir más allá y observar con mayor profundidad a su público destinatario y las causas fundamentales del problema. Usa las secciones Descubrir y Analizar del Cuaderno de diseño de apps.

Obtén más información sobre cómo diseñar contenido inclusivo para una app viendo La práctica del diseño inclusivo, presentado en la WWDC de Apple

Planifica.

10 min

Es el momento de que los estudiantes definan la app y detallen una actividad del usuario. Pide a los estudiantes que:

Hagan una lista de algunas cosas que alguien podría hacer con la app.
Identifiquen una actividad central que un usuario podría hacer con la app.
Retornen a los aspectos de diversidad elegidos y piensen en la actividad del usuario desde múltiples perspectivas; para ello, pueden responder a una o más de las siguientes preguntas:
- ¿De qué manera esta actividad será atractiva para una amplia variedad de usuarios?
  ¿Cómo apoyará esta actividad las personas que usan funcionalidades de accesibilidad como VoiceOver, ¿dentro de tu app?

Soporte técnico

Para apoyar a los estudiantes con este paso, usa las secciones Proponer ideas y Accesibilidad del Diario de diseño de apps.

Simplificar

Ayuda a los estudiantes a centrarse en una actividad central que incite a las personas a usar la app.

Ampliar

(Más de 30 min)

Haz que los estudiantes exploren el ejercicio Programación basada en eventos del Cuaderno de diseño de apps y practiquen cómo hacer que un botón funcione con código SwiftUI en la app Swift Playgrounds. Pídeles que reflexionen sobre los botones de su app y que luego escriban etiquetas de accesibilidad para el botón que acaban de diseñar de modo que alguien que use un lector de pantalla entienda el contexto.

Crear un prototipo.

Más de 20 min

Diseñen y creen un prototipo de una parte de la app. Pide a los estudiantes que:

Hagan bosquejos o describan de una a tres pantallas para mostrar cómo un usuario completaría la actividad central que identificaron en el paso anterior.
Consideren las siguientes preguntas para el contenido en las pantallas de su prototipo:
- ¿El texto, los contenidos visuales y el audio se adaptan a todo tipo de personas?
  ¿Hay algún grupo de personas que podría tener problemas para usar algo en las pantallas?

Reto opcional de Ícono de app en un minuto:

Presenta un reto a los estudiantes para que hagan un bosquejo de un ícono para su app en un minuto.

Soporte técnico

Revisa las instrucciones para usar Keynote a fin de hacer un prototipo funcional con el uso de la sección Crear del Diario de diseño de apps.

Ampliar

(30 min o más)

Pide los estudiantes que descarguen y completen el primer reto de Swan’s Quest: Voices in the Dark en Swift Playgrounds para conocer y usar las API de accesibilidad de Apple. En Swift Playgrounds en la Mac, selecciona Archivo y luego selecciona Importar Playground para abrir el archivo descargado. Consulta el video Swan’s Quest, Chapter 1: Voices in the Dark para comenzar.

Pide a los estudiantes que prueben el ejercicio de programación Composición de vistas del Cuaderno de diseño de apps para practicar cómo hacer que una app funcione con SwiftUI. Invita a los estudiantes a aplicar lo que aprendieron en Swan’s Quest y los ejercicios de programación para intentar dar vida al prototipo de su app con Swift y SwiftUI.