Corona Capital 2013
User Interface Design
En agosto de 2013, estaba “trabajando” en cierto lugar al que llegó la propuesta de hacer la aplicación móvil para el Corona Capital 2013.
La primer fase de la aplicación fue enumerar y crear un concepto de las diferentes vistas de la aplicación, ¿Qué cosas deberían ser necesarias? Un mapa del evento, links a sitios y páginas oficiales, preguntas frecuentes y la opción para poder comprar el boleto.
El boleto se tenía que comprar directo de TicketMaster por lo que no se necesitaba más ni menos que una simple liga y tal vez, un recordatorio ocasional que preguntara si ya se cuenta con los boletos y opciones para no mostrarlo en determinado tiempo, en caso de no haberlo adquirido aún.
La aplicación contaba con una pantalla de registro ya que por alguna razón, los organizadores del evento querían tener un registro de las personas que asisitirían.
Al mismo tiempo se necesitaba una forma de hacer llegar a las personas noticias, actualizaciones, promociones entre otras cosas por lo que se necesitaba una forma transportar la información al dispositivo, propuse que usaramos una vista web con Tumblr como plataforma de distribución, aprendí a manejar la API de Tumblr con lo que logré que, de determinado blog, se pudieran filtrar posts que contuvieran un tag específico de forma que pudiera dividirse el contenido según su categoría.
A continuación muestro el diseño de vistas que realicé con Sketch, mostrando un flujo de uso básico. El archivo de Stech presentó corrupción en la parte del menú. Para ver en la imagen grande (no tamaño original) hacer click en la imagen.
Experimentando con la Interfaz
Naturalmente, después de tener una propuesta de flujo decidí hacer una propuesta visual en la que incluí el logo de Corona Capital, el menú de navegación inferior en esta etapa contiene la sección de bandas, Mi CC13 y festival.
Bandas
En bandas se mostraría una lista de las bandas con el día, hora y escenario en el que se presentarían.
Cada banda (o artista) tendría un perfil con una descripción, ligas a sitios o redes sociales y un botón de Agendar de modo que si el usuario estaba interesado en esa presentación, se le mandaría un recordatorio 15 minutos antes de la hora especificada para que no se perdiera la presentación.
Mi CC13
Mi CC13 fue la propuesta que nombré para personalizar la aplicación.
Lleva el nombre del evento de forma que pudiera ser reutilizable año con año y es Mi porque está personalizado para cada persona.
En Mi CC13 podías ver las noticias filtradas de los artistas y del evento en general. Decidir que artistas te interesaban más y un modo de like / dislike para los artistas de modo que se pudieran generar estadísticas acerca de que le gustaba más a los usuarios.
Festival
Información acerca del festival, compra de boletos, ayuda, mapas y contacto.
Organización de Contenido
Finalmente, decidí hacer una presentación un poco más elegante donde se mostraran 3 cosas:
- El nombre de la vista, organizado por categorías.
- La llamada a ación o botón principal de esa vista.
- Como iba a ser almacenado el contenido, precargado o no.
Eso es lo último que hice ahí, fueron solamente dos semanas pero fue suficiente tiempo para que desarrollara éste concepto que después, evolucionó a una interfaz más compleja en la que no tuve un papel creativo real y de la que no conservo los archivos. Finalmente se creó un mockup para Android que navegaba entre pantallas para demostrar de forma rápida el flujo antes detallado.
Hasta donde sé, la aplicación real para el CC13 nunca se llevó a cabo.