Producto · 3 de agosto de 2026

Cómo le di a Pippa un aspecto nuevo

Cuando abre Pippa, lo primero que ve es la pantalla de inicio. Durante un tiempo estaba haciendo demasiadas cosas, así que me senté y rehíce los botones para dejarla más limpia y mucho más fácil de recorrer.

De dónde partí

La pantalla de inicio de Pippa antes del rediseño, con cuatro fichas apretadas en la parte superior y cuatro botones circulares pequeños en la inferior
Antes. Cuatro fichas amontonadas arriba y cuatro botoncitos peleándose por la atención abajo.

La idea era tenerlo todo a mano, pero acabó resultando recargado. Había cuatro fichas redondeadas alineadas arriba y cuatro botones circulares pequeños abajo que se parecían todos entre sí. Nada le indicaba qué hacer primero, y lo principal para lo que uno abre Pippa es para registrar una comida. Cuando todos los botones parecen igual de importantes, ninguno lo es, y uno acaba buscando el que quiere.

Qué cambié

La pantalla de inicio de Pippa después del rediseño, con dos píldoras de datos arriba, un engranaje de ajustes en la esquina y tres botones abajo centrados en un botón grande con un signo más
Después. Dos píldoras discretas arriba, los ajustes recogidos en un engranaje en la esquina y un botón evidente en el centro.

Moví algunas cosas de sitio y toda la pantalla se calmó.

Primero reduje la fila superior a las dos cosas que de verdad merecen un vistazo, su racha y sus monedas, y las empujé hacia los bordes para que queden en las esquinas en lugar de amontonarse en el centro. Las otras fichas que vivían ahí arriba o se movieron a un sitio con más sentido o se guardaron, así que ahora la parte de arriba se lee al instante.

También saqué los ajustes de la fila de botones y los puse en un pequeño engranaje en la esquina superior derecha. Al fin y al cabo es donde la gente espera encontrar los ajustes, y eso liberó la parte de abajo para lo que se usa a diario.

La fila inferior es el mayor cambio. En lugar de cuatro botones pequeños que parecían iguales, ahora hay un botón grande en el centro, el signo más, para registrar, con el calendario a un lado y la tienda al otro. Registrar es la razón misma de abrir Pippa, así que lo convertí en lo más grande y evidente de la pantalla. Todo lo demás se hace a un lado a su alrededor.

Por qué ahora es más fácil de usar

La idea era darle a la pantalla un orden claro. Una acción principal, un par de destinos secundarios y unos pocos indicadores discretos, cada uno con un tamaño y una posición según la frecuencia con la que se recurre a él. Ya no hay que repasar una fila de botones idénticos. La vista va directa al signo más, y todo lo demás está justo donde uno esperaría.

Menos elementos en pantalla, más espacio para respirar y un camino directo a aquello a lo que venía. Ese era el objetivo, y sencillamente es una pantalla más agradable de abrir cada día.