Un mockup de interfaz de usuario pulido al estilo SaaS japonés para una aplicación de corrección de informes con IA, ideal para pruebas de demanda en redes sociales o validación de conceptos de startups.
Objetivo: Crear un mockup de aplicación móvil limpio y realista para una aplicación japonesa de revisión de informes con IA, presentada como una tarjeta modal blanca y redondeada sobre un fondo gris claro, adecuada para probar la demanda en redes sociales. El nombre de la aplicación debe ser レポート添削AI y la pantalla debe lucir como una interfaz de usuario de producto terminado.
Lienzo: Imagen horizontal amplia, con una relación de aspecto aproximada de 16:7. Centre una ventana de aplicación rectangular grande y redondeada con una sombra suave, un borde fino de color gris claro y un fondo blanco brillante. Añada líneas divisorias verticales sutiles y degradados muy ligeros para que se sienta como una interfaz web móvil o SaaS pulida.
Diseño: Utilice exactamente 2 paneles de contenido principales dentro de la ventana de la aplicación. El panel izquierdo es el área de entrada del informe. El panel derecho es el área de resultados de la corrección de la IA. Coloque un botón de cierre circular oscuro con una "×" blanca en la esquina superior derecha del modal. Añada dos botones flotantes oscuros tipo píldora cerca de la parte inferior izquierda que se superpongan al modal: uno etiquetado como “＋ ALT” y otro como “編集”. Una barra redondeada oscura parcial es apenas visible en el borde inferior derecho, recortada por el marco de la imagen.
Detalles del panel izquierdo: En la parte superior central, muestre el encabezado “レポート添削AI” y un subtítulo más pequeño “AIがあなたのレポートを改善します”. Debajo, añada la etiqueta de sección “レポートを入力してください”. Muestre una tarjeta de área de texto grande con un párrafo de informe japonés de muestra sobre el uso de redes sociales entre los jóvenes; incluya un pequeño contador de caracteres “128/3000” en la parte inferior derecha del área de texto. Debajo del área de texto, coloque un botón redondeado morado prominente etiquetado como “添削する”. Debajo del botón, añada un pequeño pie de foto “AIによる添削開始”.
Detalles del panel derecho: Añada el título “AIによる添削結果”. Muestre una fila de calificación con la etiqueta “総合評価” y una pequeña insignia redondeada verde etiquetada como “B+”. Luego, cree una sección “改善ポイント” que contenga exactamente 3 elementos de lista de verificación, cada uno precedido por un icono de verificación circular verde: 1) “具体例があると説得力が増します”, 2) “データや根拠を加えるとより良くなります”, 3) “結論を明確にすると締まりが良くなります”. Debajo de eso, añada una sección “改善例” con un párrafo de texto japonés corregido que comience con “近年、SNSの利用者数は増加しており、2023年の総務省の調査によると、10代の約90%がSNSを利用している。” y continúe en un cuerpo de texto japonés pequeño y legible.
Estilo visual: Interfaz de usuario de producto japonés minimalista, esquinas redondeadas al estilo Apple, tipografía japonesa sans-serif nítida, texto en negro y gris oscuro, acentos de éxito en verde, botón de CTA principal morado con un ligero degradado, amplio espacio en blanco, sombras suaves realistas, estética de captura de pantalla de alta resolución.
Restricciones: Mantenga el texto de la interfaz de usuario en japonés exactamente donde se especifica, no utilice paneles adicionales más allá de los 2 paneles principales, incluya exactamente 3 elementos de mejora en la lista de verificación, sin personas, sin ilustraciones, sin marcas de agua, sin marcos de navegador, sin marco de teléfono.
