[main] Mejoras a la vista home - ampliar acceso a funcionalidad de creación de casos | limitar descripciones de casos

claudio-alvarez commented 4 months ago

Ampliar acceso a funcionalidad de creación de casos

Estimo que la imagen tipo banner desplegada en la parte superior del contenido de home consume mucho espacio, de orden de 20-25% del viewport, sin prestar funcionalidad relevante. Esta zona la podemos optimizar de la siguiente forma:

Incorporar un pequeño form que invite al usuario a crear un caso nuevo, parecido a como funciona LinkedIn, X, Facebook, etc:

Limitar descripciones de casos

Las descripciones de casos presentadas en los "tiles" deberían tener un límite en caracteres (terminar con ... en caso que largo sea mayor). Probar limitar largos al equivalente de tres líneas de texto dentro del tile.

claudio-alvarez commented 4 months ago

Cambiemos la imagen genérica de caso por un logo de CaseVault; sería el tercero de la primera fila de la imagen adjunta.

DALL·E 2024-05-30 10 06 03 - 9 different logos for an app called CaseVault, which focuses on case-based learning The logos should incorporate the letters CV, feature vibrant colo

claudio-alvarez commented 3 months ago

En la vista home, en el form que permite crear una caso nuevo poniendo título, hago las siguientes observaciones:

Sacar el heading con mensaje de bienvenida.
Agregarle un label por arriba al text input que permite ingresar el título del nuevo caso.
Sacar el "avatar" del usuario que se despliega por el lado izquierdo del text input.
Evitar botones con ALL CAPS. "Crear caso" quedaría bien.
El ancho del text input para entrada de título de caso disminuirlo, dejarlo a un 50 ó 60% del ancho que tiene ahora.
Podría verse incluso mejor el conjunto encerrado el form con un borde, similar a lo que tiene GitHub en este form:

EthicApp-Development / casevault-main

[main] Mejoras a la vista home - ampliar acceso a funcionalidad de creación de casos | limitar descripciones de casos #40