Saltar al contenido
TV viewHablemos
ES
Todos los trabajos

Interfaz de app móvil

Hello You. Consejos, beneficios y contenido para un celular Motorola, en una sola app

Una app de Motorola que reúne consejos sobre el celular, beneficios y contenido personalizado en una sola home, con pestañas de videos, juegos y podcasts.

Mi papel
Diseño de interfaz
Estado del proyecto
Archivos de diseño
Un recorrido por las pantallas del diseño, no una grabación: el primer uso, la carga y la home Explore.
Pantalla de primer uso, de bienvenida a Hello You, con una ilustración y un botón Continue.
El primer uso.
Home Explore con un coach mark que apunta a la pestaña Videos.
Un coach mark señala la pestaña Videos.

Archivos de diseño. El contenido del feed son datos de ejemplo de los mockups.

Mi contribución

Hello You reúne consejos sobre el celular, beneficios exclusivos y contenido personalizado en una sola app. El archivo explora su primer uso, la home Explore y los estados alrededor del feed.

Estado de carga de la home con placeholders tipo skeleton y efecto shimmer.
El shimmer mientras carga la home.

Una home construida en torno a accesos directos

Explore abre con un banner y una cuadrícula de accesos directos para el dispositivo, la app box, el marketplace, encontrar una tienda, ayuda y diagnóstico, seguidos de temas en tendencia y del feed. Las pestañas inferiores llevan a Videos, Dimo, Games y Podcasts.

Bottom sheet de opciones de una publicación.
Las opciones de cada publicación.

Los estados alrededor del feed

El archivo también diseña lo que rodea a ese contenido: un shimmer mientras carga la home, un coach mark que señala la pestaña Videos, un modal de inicio de sesión, una hoja de opciones para cada publicación y un diálogo para reportar.

Diálogo para reportar que pregunta qué estuvo mal.
Reportar una publicación.

Antes y después

El archivo también guarda una versión anterior de esta home. Abría con una sola historia de borde a borde sobre los accesos directos y probaba distintas imágenes en el hero. Hello You conserva la idea de una home para el celular y sus servicios, y lleva el contenido a una estructura más oscura y más fácil de leer.

Lado a lado, la home anterior y la home Explore: la historia en foto da paso a un banner, los ocho accesos directos pasan a una tarjeta, y los temas del momento y el feed ganan el espacio de abajo.

La home anterior, con una historia de borde a borde sobre una cuadrícula de accesos directos.
La versión anterior de la home.
La home Explore: un banner, una tarjeta con ocho accesos directos, temas del momento y el feed.
La home Explore.