Un raffinato mockup di interfaccia utente in stile SaaS giapponese per un'app di correzione report basata su AI, ideale per testare la domanda sui social media o per la validazione di concept di startup.
Obiettivo: Creare un mockup realistico e pulito di un'app mobile per la correzione di report tramite AI in giapponese, visualizzato come una scheda modale bianca arrotondata su uno sfondo grigio chiaro, adatto per testare la domanda sui social media. Il nome dell'app deve essere レポート添削AI e la schermata deve apparire come l'interfaccia di un prodotto finito.
Canvas: Immagine orizzontale ampia, rapporto d'aspetto di circa 16:7. Centrare una grande finestra dell'app a rettangolo arrotondato con un'ombra morbida, un bordo sottile grigio chiaro e uno sfondo bianco brillante. Aggiungere sottili linee divisorie verticali e gradienti molto leggeri per conferire l'aspetto di un'interfaccia SaaS/web mobile raffinata.
Layout: Utilizzare esattamente 2 pannelli di contenuto principali all'interno della finestra dell'app. Il pannello sinistro è l'area di input del report. Il pannello destro è l'area dei risultati della correzione AI. Posizionare un pulsante di chiusura circolare scuro con una "×" bianca nell'angolo in alto a destra della modale. Aggiungere due pulsanti a pillola scuri fluttuanti vicino al bordo inferiore sinistro che si sovrappongono alla modale: uno etichettato “＋ ALT” e uno “編集”. Una barra arrotondata scura parziale è appena visibile sul bordo inferiore destro, tagliata dalla cornice dell'immagine.
Dettagli pannello sinistro: In alto al centro, mostrare l'intestazione “レポート添削AI” e un sottotitolo più piccolo “AIがあなたのレポートを改善します”. Sotto, aggiungere l'etichetta di sezione “レポートを入力してください”. Mostrare una grande area di testo con un paragrafo di esempio di un report giapponese sull'uso dei social media tra i giovani; includere un piccolo contatore di caratteri “128/3000” in basso a destra dell'area di testo. Sotto l'area di testo, posizionare un pulsante viola arrotondato ben visibile etichettato “添削する”. Sotto il pulsante, aggiungere una piccola didascalia “AIによる添削開始”.
Dettagli pannello destro: Aggiungere il titolo “AIによる添削結果”. Mostrare una riga di valutazione con l'etichetta “総合評価” e un piccolo badge verde arrotondato etichettato “B+”. Quindi creare una sezione “改善ポイント” contenente esattamente 3 elementi di controllo, ciascuno preceduto da un'icona di spunta circolare verde: 1) “具体例があると説得力が増します”, 2) “データや根拠を加えるとより良くなります”, 3) “結論を明確にすると締まりが良くなります”. Sotto, aggiungere una sezione “改善例” con un paragrafo di testo giapponese corretto che inizia con “近年、SNSの利用者数は増加しており、2023年の総務省の調査によると、10代の約90%がSNSを利用している。” e che prosegue con un corpo del testo giapponese piccolo e leggibile.
Stile visivo: UI di prodotto giapponese minimalista, angoli arrotondati in stile Apple, tipografia giapponese sans-serif nitida, testo nero e grigio scuro, accenti verdi di successo, pulsante CTA primario viola con leggero gradiente, ampio spazio bianco, ombre morbide realistiche, estetica da screenshot ad alta risoluzione.
Vincoli: Mantenere il testo dell'interfaccia in giapponese esattamente dove specificato, non utilizzare pannelli extra oltre ai 2 pannelli principali, includere esattamente 3 elementi di miglioramento nella lista di controllo, nessuna persona, nessuna illustrazione, nessuna filigrana, nessuna interfaccia del browser, nessuna cornice di telefono.
