Programación para todos

Diario de diseño de apps

 Bienvenida
Las grandes apps empiezan con grandes ideas. Tu diario de diseño de apps te orientará en la propuesta de ideas
para tu propia app, su planificación, la creación de prototipos y su evaluación a fin de crees algo que sea importante
para ti. Siéntete libre de duplicar diapositivas y agregar notas, dibujos o grabaciones de audio para darle vida a tu
idea de app.

Hacer un
Proponer ideas Plani car prototipo Evaluar
Objetivo Acciones de usuario Bosquejar pantallas Presentación de la app
Ideas Entrada de datos Storyboard Preparación
Enfoque y estado de la app Afinar el comportamiento Observación
Seleccionar funciones de la app
Inclusión Diseñar el estilo
Crear
Ícono y nombre de la app
fi
 Descripción general

Proponer ideas Las apps se pueden usar con nes recreativos únicamente o pueden
ayudar a los usuarios a descubrir nuevas ideas, resolver problemas,
conectarse con otros usuarios o crear algo increíble.
Objetivo
Ideas Ahora es momento de diseñar tu propia app. Esta sección te orientará
Enfoque en la propuesta de ideas para la app a n de que abordes algo que sea
importante para ti.

3
fi
fi
 De nir la oportunidad, el problema o el reto
Piensa en cosas que tú o los demás experimentan y que tal vez quisieras mejorar, personalizar
Proponer ideas o simplemente hacer más divertidas. Toca o haz doble clic en los cuadros para agregar texto.

1. Propón ideas para crear una lista de oportunidades, problemas o retos que te interesen.
Objetivo
Ideas
Enfoque

2. Selecciona la idea más interesante de tu lista e intenta explicarla en una sola oración.

3. ¿Qué sabes sobre la oportunidad, el problema o el reto? ¿Sobre qué necesitas obtener
más información?

4. ¿A quién le importa o afecta esta oportunidad, problema o reto?

4
fi
 Mis ideas
Crea una lista de apps que te gustaría crear y propón ideas sobre cómo estas ayudarían
Proponer ideas a abordar la oportunidad, el problema o el reto que identificaste. Por ejemplo, es posible que
resuelvan o reduzcan un problema especí co, agreguen personalización a alguna situación
o simplemente entretengan. Explora App Store para inspirarte. Sigue haciendo crecer esta
Objetivo lista y revísala cada tanto, ya que algunas ideas pueden volverse más interesantes.
Ideas
Enfoque Idea para mi app Cómo ayudará mi app

Llegar más lejos

Usa lápiz y papel o diapositivas
en blanco para bosquejar un mapa
conceptual de los problemas
y las posibles soluciones.
5
fi
 Idea para mi app
A partir de tu lista de ideas propuestas, selecciona una idea de app e intenta redactar una
Proponer ideas frase de propósito para tu app mediante la plantilla que aparece a continuación.

Mi app ayudará a [destinatarios] a [oportunidad, problema, reto] mediante [lo que hará la app].
Objetivo
Ideas
Enfoque

Sé más especí co sobre la idea para tu app. Anota objetivos para tu app y describe lo que
alguien haría con ella.

Llegar más lejos

Busca apps similares en el App Store.
Analiza los comentarios de los usuarios
para obtener ideas sobre cómo hacer
un mejor diseño o descubrir funciones
que sería bueno tener.
6
fi
 Descripción general
Plani car En la etapa de plani cación, determinas qué es lo que realmente hará
tu app para lograr el objetivo que de niste. Analizarás qué acciones
podría necesitar un usuario y cómo la entrada de datos del usuario
Acciones de usuario
podría hacer que suceda algo en tu app. También seleccionarás
Entrada de datos
posibles funciones de iOS y sabrás cómo diseñar tu app teniendo
y estado de la app
en cuenta la inclusión desde el principio.
Seleccionar funciones
Inclusión

7
fi
fi
fi
 Ejemplo en la siguiente diapositiva

Acciones de usuario en mi app

Con base en la idea para tu app, enumera las diferentes cosas que un usuario querrá hacer
Plani car en ella. Agrega una acción de usuario en cada cuadro. Llena tantos cuadros como necesites
para tu app. Algunas de las mejores apps son bastante simples: hacen solo una cosa,
pero la hacen muy bien.
Acciones de usuario
Entrada de datos
y estado de la app
Seleccionar funciones
Inclusión

8
fi
 Ejemplo

Acciones de usuario en mi app

Con base en la idea para tu app, enumera las diferentes cosas que un usuario querrá hacer
Ejemplo de Bug Buzz en ella. Agrega una acción de usuario en cada cuadro. Llena tantos cuadros como necesites
para tu app. Algunas de las mejores apps son bastante simples: hacen solo una cosa,
Mira este ejemplo de acciones
pero la hacen muy bien.
de nidas por el usuario. Este el
comienzo de un plan para una app
que ayuda a los usuarios a hacer un
seguimiento de fotos e información
sobre los insectos que encuentran.
El usuario necesitará tomar El usuario necesitará buscar
una foto del insecto. diferentes tipos de insectos.

El usuario necesitará agregar un nuevo El usuario necesitará mirar las

insecto cuando lo encuentre. fotos de todos los insectos.

El usuario necesitará buscar

El usuario necesitará almacenar
información, como cuándo y dónde
información sobre un nuevo insecto.
se encontró cierto insecto.

9
fi
 Ejemplo en la siguiente diapositiva

Entrada de datos del usuario y cambios

en el estado de mi app
Plani car Accionesde
De la lista que creaste en la diapositiva Acciones deusuario,
usuario identi ca las maneras en que
los usuarios interactuarán con tu app. Las acciones de usuario, o entradas de datos, pueden
Acciones de usuario provocar cambios en el aspecto de la app o en lo que esta hace. A esto se lo llama el estado
de la app: el usuario hace algo y la app hace otra cosa como respuesta. La entrada de datos del
Entrada de datos usuario podría incluir escribir, tocar una pantalla o mover el dispositivo. Los cambios en el estado
y estado de la app de la app pueden incluir la aparición de imágenes o texto en la pantalla, cálculos con los datos
Seleccionar funciones ingresados o almacenamiento de información. Este es el primer paso para programar tu app.

Inclusión
Entrada de datos del usuario Cambios en el estado de la app

10
fi
fi
 Ejemplo

Entrada de datos del usuario y cambios

en el estado de mi app
Ejemplo de Bug Buzz que enumeraste
De la lista que creaste en la diapositiva Acciones de usuario, identi ca las maneras en que
Explora este ejemplo para darte una los usuarios interactuarán con tu app. Las acciones de usuario, o entradas de datos, pueden
idea de algunas entradas de datos provocar cambios en el aspecto de la app o en lo que esta hace. A esto se lo llama el estado
y de cómo estas llevan a cambios en de la app: el usuario hace algo y la app hace otra cosa como respuesta. La entrada de datos del
el estado de la app. Echa un vistazo usuario podría incluir escribir, tocar una pantalla o mover el dispositivo. Los cambios en el estado
a los tipos de interacciones de usuario de la app pueden incluir la aparición de imágenes o texto en la pantalla, cálculos con los datos
enumeradas y cómo cambian lo que ingresados o almacenamiento de información. Este es el primer paso para programar tu app.
la app hace o muestra.
Entrada de datos del usuario Cambios en el estado de la app

El usuario apunta a un insecto

Se toma y se guarda una foto.
con la cámara y toca un botón.

El usuario escribe el nombre de un En la pantalla de búsqueda, aparecen

insecto en el cuadro de búsqueda. resultados de insectos diferentes.

El usuario presiona el botón Se abre una nueva pantalla

“nuevo insecto” en la pantalla de inicio. con la cámara.

Aparece una nueva pantalla

El usuario toma una foto de un insecto. con varios cuadros para escribir
información en ellos.
11
fi
 Ejemplo en la siguiente diapositiva

Las funciones de mi app

Muchas de las funciones de iOS están disponibles para ayudarte a diseñar apps geniales. Revisa la
Plani car lista parcial que aparece a continuación y agrega marcas de veri cación a los elementos que
posiblemente necesites para tu app. ¿Hay algunos otros no enumerados que posiblemente necesites?

Acciones de usuario Arrastra una marca de veri cación hasta las funciones cuyo uso quieres considerar en tu app.

Entrada de datos
Bluetooth
y estado de la app Teclado
Se comunica de manera inalámbrica
Permite escribir datos
con otros dispositivos
Seleccionar funciones
Inclusión
Cámara Mapa
Captura y procesa imágenes Muestra mapas interactivos

Realidad aumentada
Micrófono Coloca objetos virtuales con
Captura y registra audio los usuarios pueden interactuar
en su mundo
Pantalla táctil
Permite a los usuarios interactuar Altavoces
mediante las acciones de tocar, Reproducen audio
deslizar y arrastrar
Tecnología táctil
Giroscopio Proporciona retroalimentación
Mide la manera en que gira mediante la vibración del dispositivo
el dispositivo (iPhone únicamente)

Acelerómetro Aprendizaje automático

Llegar más lejos Mide qué tan rápido se mueve Analiza información y la clasi ca
el dispositivo para un uso posterior
Revisa Interacción de usuario y
Capacidades del sistema en las
Pautas
Pautasdedeinterfaz
interfazhumana
humanapara iOS
para iOS GPS Otro
a n de obtener más información Ubica la longitud y la latitud
del dispositivo
sobre las diferentes funciones de iOS.
12
fi
fi
fi
fi
fi
 Ejemplo

Las funciones de mi app

Muchas de las funciones de iOS están disponibles para ayudarte a diseñar apps geniales. Revisa la
Ejemplo de Bug Buzz lista parcial que aparece a continuación y agrega marcas de veri cación a los elementos que
posiblemente necesites para tu app. ¿Hay algunos otros no enumerados que posiblemente necesites?
Usa este ejemplo para comparar
cómo las acciones de usuario Arrastra una marca de veri cación hasta las funciones cuyo uso quieres considerar en tu app.
pueden mostrarse en diferentes
funciones. Si no te acuerdas, Bluetooth
Teclado
revisa las acciones de usuario Se comunica de manera inalámbrica
Permite escribir datos
para la app Bug Buzz y fíjate si con otros dispositivos
puedes encontrar en dónde se
usaría cada una de estas funciones.
Cámara Mapa
Captura y procesa imágenes Muestra mapas interactivos

Realidad aumentada
Micrófono Coloca objetos virtuales con
Captura y registra audio los usuarios pueden interactuar
en su mundo
Pantalla táctil
Permite a los usuarios interactuar Altavoces
mediante las acciones de tocar, Reproducen audio
deslizar y arrastrar
Tecnología táctil
Giroscopio Proporciona retroalimentación
Mide la manera en que gira mediante la vibración del dispositivo
el dispositivo (iPhone únicamente)

Acelerómetro Aprendizaje automático

Mide qué tan rápido se mueve Analiza información y la clasi ca
el dispositivo para un uso posterior

GPS Otro
Ubica la longitud y la latitud
del dispositivo
13
fi
fi
fi
 Diseño inclusivo en mi app
Una app inclusiva es respetuosa, ya que pone a las personas primero. Lo hace presentando
Plani car información y funcionando de maneras accesibles y entendibles para todos. Este es un proceso que
puedes seguir mejorando a medida que creas prototipos y obtienes comentarios de los usuarios.

Acciones de usuario Piensa en tu app desde diferentes perspectivas. ¿Qué permitirá que la app sea usada por una
Entrada de datos gran variedad de usuarios?
y estado de la app
Seleccionar funciones
Inclusión

Analiza cómo hacer que tu app sea accesible y agradable para todos. ¿Qué tendrás que hacer para
que los usuarios puedan acceder por completo a las funciones accesibilidadde iOS en tu app?
funciones de accesibilidad

Arrastra una marca de verificación junto a los elementos que necesitas considerar para tu app.

Soporte cognitivo
Usa movimiento, fuentes, color y sonido con cuidado para evitar la sobrecarga sensorial y ayudar
a las personas, incluidas aquellas con desafíos de aprendizaje, a centrarse en lo que es importante.

Descripciones de accesibilidad
Incluye texto alternativo para elementos visuales y etiqueta los botones con precisión para
proporcionar contexto a las personas ciegas y que tienen baja visión o usan un lector de pantalla.

Contenido accesible
Agrega subtítulos, transcripciones o soporte para lenguaje de señas para elementos de video o
Llegar más lejos audio y alertas hápticas para personas con pérdida auditiva o que desean un dispositivo silencioso.
Descripción general de
Echa un vistazo a la las
Descripción
Descripción general de las pautas
pautas de inclusión
de Entrada de datos alternativa
general de la inclusión de las pautas
inclusión
Descripción
video general de Interfaz Ofrece varias maneras para completar acciones a través de gestos (como deslizar) o escritura que
de interfaz humana y a este video
las pautas de inclusión humana le permitan el uso a alguien con movilidad limitada.
para obtener más información
sobre el diseño inclusivo.
14
fi
 Descripción general
Hacer un Crear un prototipo te ayuda a descubrir exactamente cómo funcionará
tu app y cómo será la experiencia de usuario. Esta sección te orientará
prototipo por el proceso de bosquejar lo que un usuario verá y hará en tu app y
crear un estilo único para esta. Luego crearás un prototipo de trabajo en
Bosquejar pantallas Keynote para que puedas poner a prueba tus ideas antes de programar.
Storyboard
A nar el comportamiento
de la app
Diseñar el estilo
Crear
Ícono y nombre de la app

15
fi
 Ejemplo en la siguiente diapositiva

Las pantallas de mi app

Elige una actividad de usuario para hacer un prototipo de la lista que creaste en la diapositiva
Hacer un Accionesde
Acciones deusuario
usuario.

prototipo Describe con más detalle la actividad de usuario.

Bosquejar pantallas
Storyboard
A nar el comportamiento
de la app
Diseñar el estilo
Crear
Ícono y nombre de la app Usa lápiz y papel o una app de dibujo para bosquejar de una a tres pantallas que muestren
la actividad del usuario que elijas. Evalúa ideas rápidamente mediante bosquejos de ideas
y esquemas. Luego, elige tus favoritas y toma fotos de cada pantalla que bosquejaste.

16
fi
 Ejemplo

Las pantallas de mi app

Elige una actividad de usuario para hacer un prototipo de la lista que creaste en la diapositiva
Ejemplo de Bug Buzz Acciones
Acciones de
de usuario.
usuario

Mira este ejemplo de cómo el Describe con más detalle la actividad de usuario.
diseñador pensó en varias pantallas
necesarias para que el usuario El usuario optará por tomar una foto del nuevo insecto que encontró. Tomará una foto
agregara una nueva entrada de y decidirá si le gusta o quiere tomarla de nuevo. Una vez que le guste la foto, el usuario
insecto en la app. Fíjate que el la guardará y agregará información sobre el insecto. Puede agregar el tipo de insecto
diseñador está empezando a pensar y el lugar donde se encontró.
en cómo el usuario empezará esta
actividad haciendo un boceto
de una pantalla de Inicio.

Usa lápiz y papel o una app de dibujo para bosquejar de una a tres pantallas que muestren
la actividad del usuario que elijas. Evalúa ideas rápidamente mediante bosquejos de ideas
y esquemas. Luego, elige tus favoritas y toma fotos de cada pantalla que bosquejaste.

17
 Ejemplo en la siguiente diapositiva

El storyboard de mi app
Copia y pega los bosquejos para tu app de la diapositivaBosquejar
Bosquejarpantallas
pantallas en esta diapositiva,
Hacer un luego, dibuja echas para mostrar las interacciones entre pantallas. Consulta tus ideas sobre

prototipo
la diapositiva Entrada
Entradadededatos
datosy Entrada
estado de
de la app para recordarte cómo cambiará el aspecto
datos
o la función de tu app con las acciones del usuario, tales como generar una nueva pantalla.

Bosquejar pantallas
Storyboard
A nar el comportamiento
de la app
Diseñar el estilo
Crear
Ícono y nombre de la app

18
fi
fl
 Ejemplo

El storyboard de mi app
Copia y pega los bosquejos para tu app de la diapositivaBosquejar
Bosquejarpantallas
pantallas en esta diapositiva,
Ejemplo de Bug Buzz luego, dibuja echas para mostrar las interacciones entre pantallas. Consulta tus ideas sobre
la diapositiva Entrada
Entradadededatos
datosy Entrada
estado de
de la app para recordarte cómo cambiará el aspecto
datos
Fíjate en cómo el diseñador tomó
o la función de tu app con las acciones del usuario, tales como generar una nueva pantalla.
las entradas y salidas de datos
de nidas previamente y las
esquematizó visualmente para
mostrar un diagrama de flujo de lo
que el usuario verá y hará en la app.

Guardar Borrar Casa Galería

foto

19
fi
fl
 Ejemplo en la siguiente diapositiva

La respuesta de mi app a un usuario

Hay dos categorías principales de cómo el estado de la app puede cambiar con la entrada
Hacer un de datos del usuario:

prototipo En pantalla: Oculto:

Bosquejar pantallas Cambios en la interfaz, como una nueva Cambios en la información tras bastidores,
pantalla, botón o texto que aparezca. como un cálculo, la entrada de datos del
Storyboard usuario guardada o un ltro de foto.
A nar el comportamiento
Toma una captura de pantalla del boceto de tu app de la diapositiva Storyboard
Storyboardy agrégala
de la app en esta diapositiva. Arrastra un cuadro que corresponda con el tipo de cambio en el estado
Diseñar el estilo de la app hasta la entrada de datos del usuario en tu storyboard. Dibuja líneas para conectar
cada entrada de datos del usuario con el cuadro y escribe una descripción breve del cambio
Crear en el estado de la app.
Ícono y nombre de la app

20
fi
fi
 Ejemplo

La respuesta de mi app a un usuario

Hay dos categorías principales de cómo el estado de la app puede cambiar con la entrada
Ejemplo de Bug Buzz de datos del usuario:

Usa este ejemplo para ver cómo

el diseñador cree que la app En pantalla: Oculto:
necesitará funcionar. Nota que
a veces hay un cambio visual Cambios en la interfaz, como una nueva Cambios en la información tras bastidores,
cuando se presiona un botón y pantalla, botón o texto que aparezca. como un cálculo, la entrada de datos del
usuario guardada o un ltro de foto.
a veces la app está haciendo algo
tras bastidores, como guardar una
Toma una captura de pantalla del boceto de tu app de la diapositiva Storyboard
Storyboardy agrégala
foto. Este nivel de detalle puede
en esta diapositiva. Arrastra un cuadro que corresponda con el tipo de cambio en el estado
ayudar a un desarrollador a empezar
de la app hasta la entrada de datos del usuario en tu storyboard. Dibuja líneas para conectar
a programar la app. ¿Puedes definir
cada entrada de datos del usuario con el cuadro y escribe una descripción breve del cambio
algunos elementos del código para
en el estado de la app.
este set de pantallas?

En pantalla: Cambiar pantalla. En pantalla: Congelar imagen.

Oculto:
Guardar la
información
tecleada.

Oculto: Guardar
la foto y mostrar la En pantalla:
En pantalla: Eliminar
siguiente pantalla. Cambiar pantalla.
la imagen y volver
a la cámara. 21
fi
 Ejemplo en la siguiente diapositiva

El diseño de mi app
Dale a tu app un toque de estilo y personalidad. Recuerda tener en mente el objetivo de tu app
Hacer un y sus destinatarios, y piensa en cómo tus decisiones de diseño pueden hacer que tu app sea

prototipo
inclusiva y accesible para los usuarios.

Elige un esquema de colores.

Bosquejar pantallas
Storyboard Bosqueja los detalles de los elementos de la interfaz de usuario (IU), como botones,
herramientas de navegación u otros elementos visuales. Si en tu app se usa el color para
A nar el comportamiento mostrar información, bosqueja íconos para admitir también usuarios daltónicos. Luego toma
de la app fotos y agrégalas a continuación.
Diseñar el estilo
Crear
Ícono y nombre de la app

Para cada elemento visual de la IU, practica la redacción de descripciones alternativas

para una persona que es ciega seleccionando la imagen, haciendo clic la pestaña Imagen
en la barra lateral Formato o tocándola y agregando texto al campo Descripción.

¿Qué tipos de letra se utilizarán en tu app?

Llegar más lejos

Intenta crear tus propios sonidos
Agrega archivos de audio o describe los sonidos que usará la app para mejorar su estilo,
en GarageBand. Agrega una nueva
noti carles algo a los usuarios o sumergirlos en una atmósfera de juego.
diapositiva para crear un tablero de estilo
mediante las capturas de pantalla que
inspiraron tu diseño. Lee más acerca
del uso accesible del color
Colory ycontraste.
contraste
22
fi
fi
 Ejemplo

El diseño de mi app
Dale a tu app un toque de estilo y personalidad. Recuerda tener en mente el objetivo de tu app
Ejemplo de Bug Buzz y sus destinatarios, y piensa en cómo tus decisiones de diseño pueden hacer que tu app sea
inclusiva y accesible para los usuarios.
Mira este ejemplo de diseño de
estilo. Fíjate en la sensación general
de la app, cómo se detallaron los Elige un esquema de colores.
elementos de la IU y cómo estos
se enfocan en adaptarse a las Bosqueja los detalles de los elementos de la interfaz de usuario (IU), como botones,
acciones del usuario. herramientas de navegación u otros elementos visuales. Si en tu app se usa el color para
mostrar información, bosqueja íconos para admitir también usuarios daltónicos. Luego toma
fotos y agrégalas a continuación.

Para cada elemento visual de la IU, practica la redacción de descripciones alternativas

para una persona que es ciega seleccionando la imagen, haciendo clic la pestaña Imagen
en la barra lateral Formato o tocándola y agregando texto al campo Descripción.

¿Qué tipos de letra se utilizarán en tu app?

Phosphate y Lucida Sans

Agrega archivos de audio o describe los sonidos que usará la app para mejorar su estilo,
noti carles algo a los usuarios o sumergirlos en una atmósfera de juego.

No se necesitan archivos de audio.

23
fi
 Ejemplo en la siguiente diapositiva

El prototipo de mi app en Keynote

Crea un proyecto nuevo. Descarga la plantilla para iPad o iPhone. Usa las ideas de tus bosquejos
Hacer un y elementos de diseño para crear pantallas en tu prototipo de Keynote. Crea cada pantalla

prototipo en una diapositiva diferente.

Haz que los enlaces interactivos imiten el comportamiento de la app. Usa tus notas de
la diapositiva A
A nar el comportamiento de la app para añadir enlaces entre las diapositivas,
Bosquejar pantallas de manera que puedas navegar entre pantallas y provocar respuestas, igual que lo harías
Storyboard con programación. Para hacer esto, selecciona el objeto o texto hacia el que deseas crear
un enlace, selecciona la opción para añadir un enlace y luego elige la diapositiva adecuada.
A nar el comportamiento Para asegurarte de que las diapositivas cambian solo cuando el usuario toca los botones,
de la app comprueba que el Tipo de presentación esté establecido como Solo enlaces en la barra
Diseñar el estilo lateral Documento.

Crear Itera sobre tu prototipo. Mira este video

video sobre la creación de prototipos en 60 segundos
para descubrir cómo puedes usar Keynote a n de probar ideas rápidamente.
Ícono y nombre de la app

Llegar más lejos

Descarga las plantillas
dispositivodel
del dispositivo
desarrollador

del desarrollador de iOS para obtener

plantillas

elementos prediseñados que te

pueden resultar familiares, como
el teclado o la lista de emojis.
Explora cómo mejorar la experiencia
de usuario de tu app mirando este
video
video de WWDC sobre los principios
esenciales del diseño.
24
fi
fi
fi
 Ícono y nombre de mi app
Usa lápiz y papel o una app de dibujo para bosquejar algunos íconos para tu app. Agrégalos aquí
y pon primero tu mejor opción.

nar el comportamiento
de la app
Diseñar el estilo
Crear
Ícono y nombre de la app

Piensa en algunos nombres para tu app. Pon primero tu mejor opción.

26
fi
 Descripción general
Evaluar ¡Bien!, ya tienes un prototipo de trabajo. Es hora de obtener algunos
comentarios. Aunque solo tienes una app parcial, es bueno hacer
pruebas de vez en cuando. Pide a tus compañeros de clase, familiares
Presentación de la app
y otras personas que la prueben. Busca evaluadores que se ajusten a
Preparación
los destinatarios ideales y preséntales tu app. Luego plani ca observar
Observación a los usuarios mientras prueban el prototipo y dan sus comentarios.

27
fi
 Presentación de mi app
Una manera de evaluar la idea para tu app es desarrollar una presentación y compartirla
Evaluar con otros. Haz una presentación o un video promocional de tres minutos. Una presentación
clara y sólida hará que los usuarios quieran usar tu app.

Presentación de la app Tu presentación promocional debería incluir lo siguiente:

Preparación • Por qué: El problema que intenta resolver la app
Observación
• Quién: Una descripción del público de la app

• Qué: Una descripción general de la app o una demostración del prototipo

• Cómo: Detalles sobre la experiencia de usuario y la interfaz de usuario, como el diseño,

las funciones y las mejoras que has hecho

¿Qué comentarios recibiste sobre la idea para tu app?

28
 Prepara una evaluación para tu prototipo
Otra manera de evaluar tu prototipo es desarrollar una prueba para que los usuarios la hagan.
Evaluar Prepara un plan para que un usuario evalúe tu prototipo.

Describe la actividad que quieres que tu evaluador realice con tu prototipo. Piensa en qué
Presentación de la app quieres someter a prueba y sobre qué quieres recibir comentarios.
Preparación
Observación

Redacta un guion para leerlo a tus evaluadores con el n de presentar la tarea y la app.
Intenta usar una parte de la presentación de tu app para ayudarte a escribir este guion.

¿Con cuántas personas ¿Cómo reclutarás a las personas para que puedas hacer la prueba
harás la prueba? en un grupo diverso?

29
fi
 Observación de alguien usando mi app
Usa tu plan de evaluación de la diapositiva Preparación para poner a prueba tu prototipo.
Evaluar Describe una meta que quieras que el usuario logre y observa como intenta completar
la tarea. Hazle preguntas y registra sus respuestas.

Presentación de la app
Preparación ¿El usuario sabía cómo usar la interfaz?
Observación

¿El usuario estuvo confundido en algún momento? ¿En qué momento?

¿El usuario disfrutó la app?

¿El usuario sonrió o se rio en momentos especí cos?

¿Observaste algo más?

30
fi
 Reiterar mediante comentarios
Proponer ideas Ahora es momento de re exionar sobre tu app. Pregúntate qué es lo fascinante de la idea
Ideas
para tu app. Si no se te ocurre nada, intenta volviendo a tu lista de la diapositiva Ideas.
No todas las ideas funcionan.

Plani car

Hacer un prototipo Si decides continuar con la idea original para tu app, piensa en lo que aprendiste
de tu evaluación. ¿Qué fue lo que hizo bien tu app? ¿Qué podrías mejorar?

Evaluar

Piensa en lo que harás después. ¿Quieres iterar y mejorar la función que diseñaste?
¿Tienes todo listo para diseñar la siguiente función de tu app? ¿O quieres hacer ambas cosas?

Llegar más lejos

Keynote es genial para crear prototipos
rápidamente, pero es posible que Vuelve a revisar las partes del ciclo de diseño que te ayudarán a hacer cambios en tu app.
necesites herramientas más avanzadas Copia y pega nuevas diapositivas para usarlas en el diseño de la siguiente acción de usuario
para algunas funciones. Considera usar incorporando los comentarios.
Swift Playgrounds para empezar
Swift Playgrounds
a programar secciones de tu app.
31
fi
fl
 Continúa aprendiendo y compartiendo
Para llevar la idea para tu app al siguiente nivel, aprende a programar en Swift, el mismo lenguaje de programación
que usan los desarrolladores para crear apps reales. Los clubes de programación con Swift son una excelente
manera de introducir la programación en tu escuela u organización. Y la Guía de exhibición de apps puede
ayudarte a organizar una exhibición en persona o virtual para compartir tus ideas para apps con tu comunidad.

Club de programación con Swift. Algunas opciones Guía de exhibición de apps. Comparte las ideas para
geniales para introducir la programación son los clubes tu app con la comunidad en general a través de eventos,
extraescolares, campamentos de verano u otros entornos como demostraciones de proyectos o exhibiciones de
de aprendizaje informales. El diseño modular de este apps. En la guía, se incluyen ideas prácticas para
recurso lo hace ideal tanto para los programadores ayudarte a plani car y organizar una exhibición.
principiantes como para aquellos con más experiencia. Descargar la
Descarga laGuía
Guíadede
exhibición de apps
exhibición de>apple.co/
apps >
Descarga el kit del club de programación con Swift >Descargar el kit del club de programación con developinswiftappshowcaseguide
Descarga el paquete de los clubes de programación
Swift >
con Swift >
Descarga el kit del club de programación
con Swift >Descargar el kit del club de
programación con Swift >
fi
© 2021 Apple Inc. Todos los derechos reservados. Apple, el logotipo de Apple, iPad, iPhone, GarageBand, Keynote, Mac, Swift y Swift Playgrounds son marcas comerciales de Apple Inc.,
registradas en Estados Unidos y en otros países. App Store y Programación para todos son marcas de servicio de Apple Inc., registradas en Estados Unidos y en otros países. La marca
y los logotipos de Bluetooth® son marcas registradas de Bluetooth SIG, Inc., y el uso de tales marcas por parte de Apple se encuentra bajo licencia. IOS es una marca comercial o una
marca registrada de Cisco en Estados Unidos y en otros países, y se usa bajo licencia. Otros nombres de productos y empresas mencionados aquí pueden ser marcas comerciales
de sus respectivas empresas. Septiembre de 2021