Topics

¿Lo seguiré usando si utilizo Claude Code? La historia de un diseñador de interfaces de usuario que desarrolló una "aplicación personalizada" tras fracasar en su intento de usar una aplicación de salud integral.

  • column

¡Hola! Soy Hasshi, diseñador de interfaz de usuario en Liberogic Inc.

De repente, ¿alguno de ustedes tiene este tipo de preocupación secreta? La instalaron con gran entusiasmo, pensando: "¡Bien, voy a empezar hoy!"No puedo usar aplicaciones que crean hábito.Ese es mi problema.

Soy un experto en empezar cosas, pero nunca he sido capaz de terminarlas.

Existen muchas aplicaciones excelentes y hermosas.

Al principio, llevo un registro diligente todos los días. Pero si me ocupo con el trabajo o tengo una fiesta con alcohol y mi "récord consecutivo" se rompe por cualquier motivo, mi motivación cae instantáneamente a cero...

Esas notificaciones de recordatorio que antes me importaban tanto ahora se han convertido en mero ruido, y las propias aplicaciones se están fosilizando en el borde de la pantalla de mi teléfono inteligente.

Esa sensación de derrota, ese momento de "bueno, da igual" que te invade en ese instante... estoy segura de que no soy la única que lo ha experimentado.

¿Acaso no hay nadie que pueda echar una mano a alguien cuya vida es tal que se rinde ante todo después de tres días? (No, no la hay).

Lo que más me preocupaba era la "descentralización de las aplicaciones".

Cambiar constantemente entre distintas aplicaciones para cada tarea (seguimiento de hábitos, calendario de medicación, control de gastos, etc.) solo aumentaba las complicaciones. Además, tenía numerosas suscripciones de pago, lo que me llevó a una mala gestión y a olvidarme de cancelarlas. Esto resultó totalmente contraproducente.

Fue entonces cuando las ideas extravagantes del diseñador estallaron."En ese caso, ¿por qué no crear tu propia aplicación, una que incluya solo las funciones que necesitas?"

Así comenzó el desarrollo de mi "My Own Habit-Forming Cockpit", un sistema adaptado a mi estilo de vida, en colaboración con la IA (Claude Code).

La IA debería ser capaz de indicarnos la solución óptima.

1. [Introducción a la función] Un sistema que abraza tu "pereza": una función cuidadosamente diseñada que sistematiza el "holgazanear".

Ahora, veamos las características que hemos implementado.

Mi objetivo era crear el panel de control definitivo, adaptado específicamente a mi estilo de vida, incorporando al mismo tiempo las mejores características de las aplicaciones existentes.

Para consolidar todas las aplicaciones necesarias en una sola, comencé creando una aplicación para el seguimiento de hábitos.

También he incluido un modo claro y un modo oscuro para poder usarlos de forma diferente por la mañana y por la noche.

🌱 Imágenes iniciales

La pantalla inicial muestra un formulario para introducir los hábitos que desea mantener. A continuación, introduzca la información manualmente.

Si bajas un poco, encontrarás un enlace que dice "Responde las preguntas y crea hábitos". Haz clic en él y, tras responder a las preguntas, te sugerirá hábitos adecuados para ti.

La pantalla inicial introduce una evaluación de la formación de hábitos.

Además, para los usuarios que no estén seguros de qué hábitos quieren desarrollar, hemos creado una función de navegación de hábitos en la pantalla inicial que les permite seleccionar los hábitos que mejor se adapten a ellos simplemente respondiendo a unas pocas preguntas.

🌱 Rastreador de hábitos: ¡Deja atrás el mundo del todo o nada!

En primer lugar, para convertir algo en un hábito, es bueno tener algo que puedas seguir haciendo poco a poco, aunque sean solo pequeños pasos.

Creé una aplicación para el seguimiento de hábitos con una función de "calificación de 5 puntos". Las aplicaciones que usaba antes solían ser o "exitosas" o "fallidas". Pero con esta aplicación, el calendario se colorea no solo para los días "perfectamente exitosos", sino también para los días de Nivel 1, que requieren "un poco de esfuerzo".

Por ejemplo, con el ejercicio, puedes registrar tu progreso según tu esfuerzo cada día, desde "Nivel 1: Subirse a la báscula" y "Nivel 2: Hacer sentadillas cuando vayas al baño" hasta "Nivel 5: Nadar 1 km en la piscina y hacer 40 minutos de boxeo de contacto".

Los días que te saltes aparecerán en blanco, pero gracias al sistema de "impuesto por inactividad" que explicaré más adelante, puedes recuperarlos en otros días aunque no mantengas el ritmo, así que saltarse días no es un problema.

Puedo volver a empezar al día siguiente. ¡Gracias a esa facilidad, al menos puedo subirme a la báscula todos los días!

El calendario presenta un degradado verde que va llenando gradualmente el espacio con color, creando una atractiva superposición de colores. Al verlo a lo largo de un mes, es fácil apreciar el progreso realizado, lo que aumenta la motivación.

Visualización mediante la función de calendario

Al observar la interfaz del calendario, el color cambia cuando logras un hábito. La intensidad y el color varían según tu nivel, lo que te permite ver qué tan bien has estado practicando el hábito y te ayuda a mantenerte motivado.

También incluye una función para archivar hábitos y otra para crear nuevos hábitos.

Y como creo que es buena idea empezar con otros hábitos una vez que hayas establecido uno antes de una fecha límite, ¡también he incluido una función para archivar hábitos y otra para crear nuevos! Puedes añadir un nuevo hábito haciendo clic en el botón "Hábito logrado".

🏛️ El "impuesto a la pereza": convertir la culpa en ahorros

¡Esta es otra función vinculada al rastreador de hábitos que acabamos de ver!

El sistema impone un "impuesto" (por defecto de 300 yenes) por los días en que no trabajas.

Todos tenemos momentos en los que simplemente no podemos seguir adelante, ¿verdad?

Por lo tanto, las sanciones son necesarias para mantenerme a raya, pero me canso de ellas si solo son multas.

¿Sabes por qué las personas con sobrepeso tienen sobrepeso? Porque eligen el camino fácil, son perezosas y dependen de la comida para aumentar sus niveles de dopamina, una hormona de la felicidad. Así que, aunque aumentemos las sanciones, no servirá de nada para quienes tenemos dificultades para formar hábitos.

Consideré donar el dinero que me había perdido, pero estaba seguro de que si me esforzaba tanto, nunca volvería a abrir la aplicación (risas).

¿Dónde se paga el impuesto a la pereza?Elegí "Depositar en mi cuenta de inversión indexada".

En otras palabras,Es una multa, pero no es una multa. Es una multa para mí.es.

Incluso transformé la culpa que sentía por holgazanear en una inversión en mi yo futuro.

En lo que nos centramos aún más fue en un "sistema de reducción de impuestos" basado en la tasa de rendimiento mensual.

  • "Si el índice de éxito es del 90% o superior, se aplica una exención fiscal del 50%."
  • "Si el precio es del 80% o superior, se obtiene una exención fiscal del 25%."

Hemos incorporado un mecanismo que lo hace posible.

La pantalla muestra "¡Solo un 1% más para un descuento del 25%!", y ver esto me da una extraña sensación de motivación, haciéndome pensar: "Hoy haré lo mejor que pueda, aunque solo sea el Nivel 2".

El mayor enemigo de la formación de hábitos es la sensación de querer abandonar todo en el momento en que te saltas un día y rompes tu racha.

Sin embargo, gracias a este sistema de reducción de impuestos, puedes pensar: "Me salté un día, ¡pero aún tengo la oportunidad de aprovechar la reducción de impuestos!" y mantenerte motivado.

Es un diseño sencillo que no te permitirá rendirte tras un solo fallo, y que se adapta perfectamente a tu lado perezoso.

✨ Seguimiento del cuidado de la piel y 💊 Gestión de medicamentos: Elimina la molestia de cambiar entre aplicaciones.

✨ Quería una herramienta para revisar el estado de mi piel.

Hábitos, medicación, finanzas del hogar... gestionar todo esto en aplicaciones separadas era un auténtico engorro para alguien tan perezoso como yo. Para evitar tener que cambiar constantemente de aplicación, he integrado por completo el cuidado diario y la gestión de la salud en una sola aplicación.

Dado que podíamos reutilizar directamente las funciones de una aplicación que fomentaba la creación de hábitos, la implementación fue sencilla.

🧴 Un registro de cuidado de la piel que acepta los días en los que no puedes dar lo mejor de ti.

Cuidar tu piel es un hábito importante. Hemos preparado un proceso de cinco pasos que te pregunta "¿Hasta dónde has llegado?" al abrir la pantalla.

En los días en que llegas a casa completamente agotada, "Nivel 1: Solo lavarte la cara (solo con agua o con un limpiador facial)" está bien. Si tienes un poco más de energía, puedes optar por "Nivel 2: Cuidado mínimo (lavarte la cara + tónico)", "Nivel 3: Cuidado básico (+ loción)" y, en días especiales, incluso puedes añadir un sérum para "Nivel 4: Cuidado completo"... Puedes registrar tu rutina según tu nivel de energía de ese día.

Además, puedes personalizar los nombres y los detalles de cuidado (descripciones) de cada nivel a través de la sección "Configuración de pasos". En la parte superior de la pantalla también se muestran datos como "Nivel promedio este mes" y "Número de días consecutivos en el nivel 3 o superior", para que puedas mantener la motivación dentro de límites razonables. Por ejemplo, puedes pensar: "Últimamente he estado cansado y solo he llegado al nivel 1, así que intentaré alcanzar el nivel 3 hoy".

💊 "Gestión de medicamentos" que ayuda completamente a los perezosos.

Y personalmente, lo que me resulta más difícil es controlar mi medicación.

Esta aplicación te permite no solo introducir el nombre del medicamento, sino también especificar la hora de tomarlo (mañana, mediodía, noche), si tomarlo antes, después o según sea necesario, el número de comprimidos a tomar cada vez e incluso frecuencias complejas como a diario, cada dos días o días específicos de la semana.

Si te queda algún medicamento sin tomar, aparecerá una alerta roja destacada en la parte superior de la pantalla que dice: "⚠️ Olvidaste tomar tu medicamento. Por favor, revísalo", lo que te motivará a tomarlo.

En la parte inferior de la pantalla, te encontrarás con cifras realistas como "Tasa de adherencia a la medicación de este mes" y "Número de veces que has omitido tomar tu medicación" (aunque en la pantalla de prueba en desarrollo, revela una tasa de adherencia lamentable de solo el 5%... jajaja).

Pero no te preocupes.

Aunque olvides tomarla en un día concreto, la opción de añadirla después se mantiene, lo que te permite registrarla retrospectivamente en el calendario. Así, puedes avanzar a tu propio ritmo sin caer en el perfeccionismo.

A medida que envejezco, tiendo a tomar más medicamentos, por lo que esta función es increíblemente útil, y me ayuda muchísimo poder compartir información sobre los medicamentos que he tomado en el pasado cuando voy al médico (soy de las que siempre se olvida de su libreta de medicación).

🍺 Gestionar fiestas con alcohol:Una función fantástica que aumentará drásticamente tu motivación para cuidar tu salud y ahorrar dinero.

Y personalmente, la función que más ha cambiado mi vida es esta de "gestión de fiestas con alcohol".

No se trata solo de llevar un registro de lo que bebes; también incorpora funciones para gestionar un límite mensual en el número de sesiones de consumo de alcohol (por ejemplo, "hasta 4 veces al mes") y un presupuesto, al tiempo que convierte los pequeños sacrificios diarios en recompensas visuales.

🍵 Con un solo toque obtendrás un "plan de ahorro para beber con moderación".

En la vida cotidiana

"Hoy no beberé en casa."

Los días en que logro resistir la tentación, lo único que tengo que hacer es pulsar el botón "No bebí esta noche" en la pantalla de inicio.

Con solo hacer eso, aparecerá una marca verde en tu calendario y se añadirán 500 yenes a tus "ahorros para bebidas".

A medida que esos pequeños sacrificios diarios se acumulan hasta formar una cantidad significativa de dinero, al acercarse el final del mes, uno experimenta una extraña sensación de logro y una descarga de dopamina, pensando: "¡Ya he reducido mi consumo de alcohol en 3.000 yenes (en 6 días) este mes!".

Puedes invertir o ahorrar este dinero extra.

Si sientes que has ganado algo más al reducir el consumo de alcohol, como por ejemplo usar el dinero ahorrado de una lista de deseos para comprar cosas que quieres, es probable que tengas más probabilidades de mantener la abstinencia o de reducir el consumo de alcohol.

🛡️ "Modo prevención de la resaca" para mantenerte bajo control durante las fiestas con alcohol.

Una de las funciones ocultas de esta app es el "Modo Prevención de Resaca". Cuando empiece la fiesta, simplemente activa este modo. Una cuenta atrás hasta la "Hora de Regreso Preestablecida" aparecerá en el centro de la pantalla. Por supuesto, si te lo estás pasando demasiado bien y quieres quedarte un poco más, puedes extender el tiempo con los botones "Cambiar Hora de Regreso" o "¡🎉 Tiempo de sobra para una segunda fiesta!", un diseño pensado incluso para los más perezosos.

Además, la pantalla muestra contadores para "🍺Alcohol", "🥤Refrescos" y "💧Agua". Monitorea tu ritmo en tiempo real, por ejemplo, "un refresco por cada dos bebidas alcohólicas", y el indicador se vuelve verde para señalar "OK". Esto reduce drásticamente la resaca del día siguiente y el arrepentimiento de pensar "¿Por qué bebí tanto...?".

📊 También hemos añadido muchas otras funciones que resultan prácticas para fiestas con bebidas.

Después de una fiesta, puedes registrar el nombre del restaurante (como "Torikizoku Shibuya"), el importe exacto pagado y notas sobre las personas con las que fuiste. También hemos añadido una función que rellena automáticamente la información al introducir una URL de Google Maps. La IA me indicó que, dado que esto solo se realiza unas pocas veces al mes, la integración de la API no tendría ningún coste, así que la implementé.

También añadí una función de notas porque a veces se me olvida pagar la cuenta después de las fiestas.

Es genial porque elimina la cuestión de si pagaste o no.

Luego, en el informe mensual de fin de mes, se suman tus "ahorros por no beber alcohol" (según la cantidad de días que evitaste beber) y la diferencia entre tu presupuesto para bebidas y lo que gastaste (el dinero que ahorraste en fiestas) y se muestran con orgullo como tu "ahorro total". Por ejemplo, puedes ver de un vistazo que "¡Ahorré un total de 9000 yenes este mes!", lo que te entusiasma y te hace pensar: "Quizás compre ese aparato que siempre he querido con este dinero". Es una función muy útil que te beneficia tanto en salud como en dinero.

2. Después del desarrollo: Claude era el mejor "traductor" para los diseñadores.

Así pues, esta aplicación, que incorpora toda mi pereza y egoísmo, finalmente ha tomado forma. El hecho de que yo, un completo novato en desarrollo, haya podido llegar tan lejos se debe enteramente a mi socio, Claude.

Puede que los ingenieros se enfaden y pregunten: "¿Hablas en serio?", pero esta vez optamos por una estructura extremadamente simple, de un solo archivo: "meter todo el HTML, CSS y JavaScript en un único archivo index.html". Pero para nosotros (Claude y yo), esta fue sin duda la decisión correcta.

Cuando los archivos están divididos en varias partes, es un engorro simplemente decirle al desarrollador "qué archivo y qué parte necesita corrección", pero con un solo archivo, puedes enviar todo el código por el chat y Claude lo entenderá todo al instante.

Claude traduce mi idea abstracta de "así es como quiero que se comporte" en un código impecable. Hubo ocasiones en que la aplicación se bloqueaba por un error en el cierre de las etiquetas o en el orden de carga de JavaScript, y terminábamos revisando los registros de errores juntos en plena noche, pero incluso eso era divertido, como en una película de colegas (risas).

Cuando conversé con la IA, me guió a través del proceso de registro de cuentas para plataformas como GitHub y Cloudflare, e incluso me proporcionó enlaces directos a los sitios web oficiales, por lo que pude configurar las cuentas en un abrir y cerrar de ojos.

3. El próximo gran muro: los diseñadores entran en el abismo de la seguridad.

Con la ayuda de Claude, pude conseguir el juguete (aplicación) perfecto, que es "mi ideal" tanto en apariencia como en movimiento.

...Sin embargo, aquí surge un nuevo problema.

Cuando comencé a usar esta cabina todos los días, de repente volví en mí. "Espera, esta aplicación tiene mi estado de salud real, datos diarios de medicamentos, presupuesto familiar reciente y un historial de cuándo me he relajado,Está lleno de privacidad expuesta."Zo", dijo.

Actualmente, he configurado un código PIN sencillo para bloquear la pantalla como medida temporal, pero, sinceramente, soy un completo novato en materia de seguridad. Con la configuración actual, que se basa únicamente en mis conocimientos y en los de la IA, no puedo evitar sentir cierta inquietud al confiarle datos importantes.

Como diseñador, creo "experiencias cómodas", y es precisamente por eso que me preocupa el principio fundamental de "absolutamente ninguna fuga ni fallo".La sensación de seguridad también es una parte importante.Así debería ser.

"¡Sin duda quiero poder desbloquear mi teléfono de forma segura e inteligente usando el Face ID de mi smartphone o las últimas contraseñas!"

Eso es lo que pensaba, pero la seguridad es un campo altamente especializado que no es fácil de dominar.

Esto escapa a mi capacidad de manejar...

Me gustaría hablar de esto con los ingenieros y proceder con cautela.

En el futuro, me gustaría presentar una herramienta de gestión del presupuesto familiar que registre automáticamente las transacciones simplemente subiendo el historial de uso de la tarjeta de crédito, pero por ahora lo he pospuesto debido a problemas de seguridad.

resumen

Las herramientas están listas. ¡Ahora, vamos a crear "paz mental"!

Ideas que solo había mantenido en mi cabeza por falta de conocimientos de desarrollo han cobrado vida gracias a mi increíble aliada, la IA, y se han convertido en herramientas que realmente transforman mi vida. He dejado de culparme por no ser perfecto y, pagando un pequeño precio por la pereza, puedo volver a empezar tantas veces como quiera. Gracias a este sistema intuitivo, incluso yo, que solía rendirme a los tres días, ahora puedo incorporarlo con gusto a mi rutina diaria.

Sin embargo, cuanto más conveniente se vuelve algo, mayor es la responsabilidad de protegerlo.

Aunque no se menciona en este artículo, estamos añadiendo gradualmente funciones como notificaciones y gestión del presupuesto familiar.

Sin embargo, la gestión del presupuesto familiar y funciones similares deben manejarse con cuidado desde el punto de vista de la seguridad, por lo que todavía estamos trabajando en ellas en el entorno de desarrollo.

¡Así que estén atentos a la próxima actualización!

Escrito por

¡El diseño de la interfaz de usuario se actualiza a diario! También estoy pensando en cómo incorporar la accesibilidad al diseño de la página de destino. Últimamente he estado alejado del marcado y me he preguntado: "¿Debería mejorar también mi JavaScript?". ¡Me encanta Kitamura Takumi!

hasshi

Diseñador web / Se unió en 2018 / Kokoro todavía es un diseñador en ciernes

Vea el artículo de este miembro del personal

Nos enorgullecemos de nuestra confiable estructura de equipo y de nuestra rápida capacidad de respuesta.

En Liberogic, nuestro experimentado equipo impulsa activamente los proyectos, razón por la cual gozamos de la alta estima de nuestros clientes.
Nos aseguramos de que los gerentes y directores de proyecto estén correctamente asignados para asegurar el progreso fluido de todo el proyecto. Evitamos aumentos innecesarios de costos por compromisos completos y asignamos recursos a las personas adecuadas en los puestos adecuados. Somos reconocidos por la rapidez con la que comprendemos el contenido del trabajo, creamos y presentamos presupuestos.

Tenga en cuenta que no participamos activamente en trabajos de campo al estilo del SES.

Somos compatibles con casi todas las principales herramientas de gestión de proyectos y chat, incluidas Slack, Teams, Redmine, Backlog, Asana, Jira, Notion, Google Workspace, Zoom y Webex.

Comuníquese con nosotros si tiene alguna inquietud relacionada con la web.

Estudio de caso