Para la asignatura de UI: Diseño visual, se nos propuso ir realizando distintos productos que formaran parte de un mismo conjunto, en este caso una app para smartwatch, otra para smartphone y una landing page de promoción. La temática era la toma de pulsaciones con el smartwatch y la app de muestra de la información y gráficos en el smartphone.
Logotipo
No era necesario desarrollar una marca completa, pero sí importaba el logo de las apps para definir la estética y el tono de todo el proyecto. Por tanto, se escogió un naming para cada app y un icono que las relacionara.
Heart Check (smartwatch)
La primera app a desarrollar fue la app para smartwatch, Heart Check.
Antes del desarrollo de los wireframes HQ y la UI, se bocetaron las pantallas principales de la app. Con esto, fue posible imaginar el proceso de cálculo de pulsaciones y cuántas pantallas serían necesarias.
Bocetos de logo y wireframes
Heart Data (smartphone)
Tras Heart Check, era necesario elaborar una app de smartphone donde se pudieran visualizar los datos (ya que el smartwatch no es tan cómodo al ser pequeño). Así, con la misma estética, se adaptó el diseño para pantalla de móvil y se cambió el formato de historial, ya que en vez de ver solo los datos del día, se podía plantear ver las pulsaciones de más días y mostrar las gráficas por día, semana, mes o año. También se añade la opción de perfil, para customizar y personalizar la experiencia.
Landing page
Al plantear la landing page para promocionar ambas app, lo ideal era centrar la atención en las funcionalidades y las pantallas, por tanto estos fueron los elementos centrales. Además, se adaptó a mobile para ver que funcionara también.
UI: Diseño visual
Escuela Superior de Diseño de Barcelona (Abril 2020)
© Nerea García González