Uno de los errores de UI generados por AI más comunes en el desafío de Caffeine: la primera pantalla intenta hacer demasiado.
Las personas verán esto cuando abran la aplicación:
Tablero
Análisis
Notificaciones
Alimentación de actividades
Configuración
…incluso antes de que comprendan las funcionalidades de la aplicación.
Nuestra recomendación es: indicar a Caffeine que tome una o dos acciones claras primero.
Imagina esta página así:
Título
Una entrada/acción
Un botón principal
Todo lo demás (funcionalidades, confianza, etc.)
Veamos algunos ejemplos.
1. Ejemplo de interfaz de usuario
Por un lado, veamos la aplicación “EstateFlow” creada por EdUniteDapps y publicada en el mercado de aplicaciones de Caffeine.
Solo necesitamos 1 segundo para comprender la función de esta aplicación; tiene una acción principal y clara: buscar propiedades.
Ahora veamos un ejemplo de otro extremo.
Para evitar provocar a los desarrolladores de la comunidad de Caffeine, utilizaremos la página de inicio de Ling's Cars, que se enorgullece de llamarse 'el sitio web de alquiler de coches más loco del Reino Unido'.
Cuando entras a la página, inmediatamente ves decenas de elementos compitiendo por tu atención: anuncios, botones, animaciones, ofertas y enlaces de navegación.
Esto es interesante, pero también deja claro una cosa: cuando todo compite por la atención, es más difícil para el usuario saber por dónde empezar.
En la mayoría de los casos, el método más simple usado en el primer ejemplo hará que tu aplicación sea más fácil de entender.
2. Ejemplo de sugerencia
Al construir una aplicación con Caffeine, el mensaje de la primera pantalla es muy importante.
Supongamos que queremos construir un sitio web para vender bicicletas de segunda mano.
Opción uno:
Diseñar una página de inicio limpia y moderna para un sitio web que ayuda a las personas a comprar y vender bicicletas de segunda mano.
La página de inicio debería centrarse en un objetivo principal del usuario: ayudar a los visitantes a encontrar rápidamente bicicletas cercanas.
Capítulo del héroe:
Gran encabezado: 'Encuentra la próxima bicicleta cerca de ti'
Una barra de búsqueda llamativa donde los usuarios pueden ingresar su ubicación y filtrar por tipo de bicicleta y precio.
Un botón de llamada a la acción principal: 'Buscar bicicletas'
Navegación - Intente simplificar la navegación, incluyendo solo:
Navegar en bicicleta
Vender una bicicleta
Cómo funciona
Iniciar sesión
Opción dos:
Diseñar la página de inicio para una plataforma de intercambio de bicicletas de segunda mano, la página de inicio debe mostrar artículos en oferta, bicicletas seleccionadas, bicicletas populares, nuevos lanzamientos y bicicletas recomendadas por patrocinadores, agregar una barra de navegación grande que incluya secciones como comprar bicicletas, vender bicicletas, subastas, piezas de bicicletas, accesorios, alquiler de bicicletas, seguros de bicicletas, pagos a plazos de bicicletas, servicios de reparación, foros comunitarios, blogs y eventos.
Agregar filtros en la barra lateral que permitan filtrar por marca, precio, tamaño del cuadro, diámetro de las ruedas, color, ubicación, estado de la bicicleta y calificación del vendedor; agregar botones de diferentes formas y tamaños en la parte superior de la primera pantalla para 'Vender bicicletas', 'Ver ofertas', 'Iniciar subasta', 'Comparar bicicletas', 'Unirse a la comunidad' y 'Suscribirse al boletín'; agregar ventanas emergentes de descuentos, registro de boletines y chatbots, mostrar tarjetas de productos, estadísticas, comentarios de usuarios e imágenes promocionales en la misma pantalla para que los usuarios puedan obtener opciones e información abundante de inmediato.
Esta es tu aplicación, tu decisión.
Pero un patrón que hemos visto repetidamente es que cuando la primera pantalla requiere que los usuarios tomen menos decisiones, pueden entender la aplicación más rápido; por eso creemos que tus sugerencias deberían parecerse más a 'Opción uno'.
Generalmente, el punto de entrada más simple es el que funciona mejor:
Un objetivo claro
Una acción principal
Un botón que permite al usuario continuar
Una vez que la gente entienda las funciones de tu aplicación, puedes pedir a Caffeine que agregue más funciones en otras partes.
Contenido IC que te importa
Avances tecnológicos | Información del proyecto | Actividades globales
Seguir el canal de IC en Binance
Mantente al día