Uno degli errori UI generati da AI più comuni nel nostro challenge di suggerimenti Caffeine: il primo schermo cerca di fare tutto.
Le persone vedranno dopo aver aperto l'app:
Cruscotto
Analisi
Notifiche
Feed delle attività
Impostazioni
…anche prima che comprendano le funzionalità dell'app.
Il nostro consiglio è: indicare a Caffeine di intraprendere una o due azioni chiare.
Immagina questa pagina in questo modo:
Titolo
Un input/azione
Un pulsante principale
Tutto il resto (funzionalità, fiducia, ecc.)
Veniamo a vedere alcuni esempi.
1. Esempio di interfaccia utente
Da un lato, diamo un'occhiata all'app "EstateFlow" creata da EdUniteDapps e pubblicata nel marketplace di Caffeine.
Ci vogliono solo 1 secondo per capire le funzionalità di questa applicazione, ha solo un'operazione principale e chiara - cerca proprietà.
Ora diamo un'occhiata a un esempio dall'altro estremo.
Per evitare di provocare gli sviluppatori della comunità Caffeine, utilizzeremo la home page di Ling's Cars, che si vanta di essere "il sito di noleggio auto più folle del Regno Unito".
Quando accedi alla pagina, vedrai immediatamente decine di elementi che cercano di attirare la tua attenzione: banner pubblicitari, pulsanti, animazioni, offerte e link di navigazione.
È interessante, ma chiarisce anche una cosa: quando tutto sta cercando di attirare l'attenzione, è più difficile per l'utente sapere da dove iniziare.
Nella maggior parte dei casi, il metodo più semplice utilizzato nel primo esempio renderà la tua applicazione più facile da comprendere.
2. Esempi di suggerimenti
Quando costruisci un'app con Caffeine, le informazioni di suggerimento sul primo schermo sono molto importanti.
Supponiamo che vogliamo costruire un sito web per la vendita di biciclette usate.
Opzione uno:
Progetta una home page pulita e moderna per un sito che aiuta le persone a comprare e vendere biciclette usate a livello locale.
La home page dovrebbe concentrarsi su un obiettivo principale per l'utente: aiutare i visitatori a trovare rapidamente biciclette nelle vicinanze.
Capitolo dell'eroe:
Titolo principale: "Trova la tua prossima bicicletta nelle vicinanze"
Una barra di ricerca accattivante in cui gli utenti possono inserire la posizione e filtrare per tipo di bicicletta e prezzo.
Un pulsante di chiamata all'azione principale: "Cerca biciclette"
Navigazione - Cerca di semplificare la navigazione includendo solo:
Naviga in bicicletta
Vendi una bicicletta
Funzionamento
Accedi
Opzione due:
Progetta la home page per una piattaforma di scambio di biciclette usate; la home page dovrebbe mostrare offerte speciali, biciclette in evidenza, biciclette popolari, nuove aggiunte e biciclette raccomandate dagli sponsor, aggiungi una grande barra di navigazione che includa sezioni per acquistare biciclette, vendere biciclette, aste, pezzi di ricambio per biciclette, accessori, noleggio biciclette, assicurazione biciclette, pagamenti a rate per biciclette, servizi di riparazione, forum comunitari, blog ed eventi.
Aggiungi filtri nella barra laterale per filtrare per marca, prezzo, dimensione del telaio, diametro delle ruote, colore, posizione, condizioni del veicolo e punteggio del venditore; aggiungi pulsanti di diverse forme e dimensioni sopra la prima schermata per "Vendi biciclette", "Sfoglia offerte", "Inizia un'asta", "Confronta biciclette", "Unisciti alla comunità" e "Iscriviti alla newsletter"; aggiungi popup per sconti, registrazione alla newsletter e chatbot, e visualizza schede prodotto, statistiche, recensioni degli utenti e immagini promozionali sulla stessa schermata, in modo che gli utenti possano ottenere immediatamente una ricca selezione e informazioni.
Questa è la tua applicazione, la tua decisione.
Ma un modello che vediamo ripetutamente è che quando il primo schermo richiede agli utenti di prendere meno decisioni, comprendono più rapidamente l'app - ecco perché riteniamo che i tuoi suggerimenti dovrebbero assomigliare di più a "Opzione uno".
In genere, il punto di partenza più semplice funziona meglio:
Un obiettivo chiaro
Un'azione principale
Un pulsante che consente all'utente di procedere
Una volta che le persone comprendono le funzionalità della tua app, puoi sempre chiedere a Caffeine di aggiungere ulteriori funzionalità in altre sezioni.
Contenuti IC che ti interessano
Progresso tecnologico | Informazioni sul progetto | Attività globali
Segui il canale IC di Binance
Rimani aggiornato