Curso de diseño de aplicaciones - apps - para iOS y Android

En esta clase veremos cómo han evolucionado las apps en los últimos años. Veremos también qué tipo de apps tienen una curva de crecimiento más pronunciada y elegiremos especializarnos en esa categoría.

Aquí veremos en qué consiste la Experiencia de Usuario (UX) y la Interfaz de Usuario (UI), así como un ejemplo de app con un UX y un UI excelentes.

Veremos los elementos de interfaz más básicos con ejemplos reales, y las recomendaciones que cada una de las plataformas (Apple y Google) nos dan a la hora de diseñar apps.

En esta clase veremos cómo elegir un buen tema para nuestra app, es decir, un tema que nos permita sacar partido a esa app más adelante.

Aquí veremos cuáles son las necesidades y motivaciones de nuestro público objetivo, que posteriormente nos guiarán en la elección de las rutas de nuestra app.

Veremos cómo analizar otras apps similares a la nuestra para poder coger ideas sobre posibles funcionalidades y elementos para nuestra app.

Aquí veremos las rutas que habrá dentro de nuestra app y que se corresponderán con cada una de sus funcionalidades. Dibujaré a mano alzada esas rutas con sus pantallas en una gran pizarra blanca, para luego poder usarlas para nuestro prototipo.

En esta clase aprenderemos a hacer un prototipo interactivo sin saber programar. Para ello, haremos fotos de cada uno de los bocetos anteriores. Usaremos la app de prototipado "Pop" disponible en la Apple App Store y en Google Play.

En esta sección nos meteremos de lleno en el diseño final de nuestra app. Los que trabajéis con Mac, podéis saltados la parte de Illustrator, ya que diseñaréis vuestra app en Sketch 3. Los que trabajéis con pc, podéis saltados la parte de Sketch 3, ya que diseñaréis vuestra app en Illustrator.

En esta clase veremos en detalle todos los elementos de interfaz y funcionalidades del programa Sketch 3, con el que diseñaremos las pantallas de nuestra app.

Aquí veremos cómo conectar la pantalla de nuestro ordenador a nuestro móvil para poder diseñar de forma cómoda y fluida las pantallas de nuestra app.

Realizaré el diseño de las pantallas finales de la app de ejemplo. Veréis una explicación detallada de cómo diseño algunas de las pantallas, y otras, las pasaremos de forma rápida (para no aburrir :)

En esta clase, veremos cómo crear, dentro de un mismo documento, apartados para cada uno de los tamaños de pantalla que necesitemos para nuestra app, así como a adaptar nuestro diseño a cada tamaño.

Veremos la función de exportación de archivos de Sketch 3. Exportaremos los elementos de nuestro diseño en los distintos tamaños necesarios, y con los sufijos que cada aparato requiere.

Realizaré el diseño de las pantallas finales de la app de ejemplo. Veréis una explicación detallada de cómo diseño algunas de las pantallas.

En esta clase instalaremos un script en nuestro ordenador para poder exportar las capas de nuestro diseño desde Illustrator.

Aquí veremos cómo exportar las capas de un archivo .psd de forma selectiva y en el formato que necesitemos con el programa "slicy". Esto será muy útil para aquellos que decidan hacer el diseño de su app íntegramente con Photoshop.

En esta clase veremos cómo cambiar el tamaño de nuestros archivos con acciones de Photoshop, para adaptarnos a los distintos tamaños de pantalla que necesitemos.

Añadiremos sufijos a los archivos que previamente hemos exportado desde Photoshop, para diferenciarlos unos de otros y cumplir con las normativas que cada plataforma exige a la hora de nombrar archivos.