Nota Developer: come decorare le applicazioni della schermata vuota
Makradar Macos / / December 26, 2019
Recentemente, ho sempre iniziato a notare per se stessi, che l'interesse più attivo in materia di sviluppo applicazioni per iOS e la progettazione di interfacce utente, più si pensa, o diversi da quelli altre cose. Si inizia a prestare attenzione alla posizione dei pulsanti di controllo, la dimensione delle icone e altre cose progettazione di cui una persona normale di uso quotidiano e non sono sospetta.
L'altro giorno mi sono imbattuto in un articolo molto interessante Designer Craig DennisIn cui ha disposto sugli scaffali regole di progettazione "pulito" app schermo per iOS. Tecnicamente, questo si chiama «Empty Stato» - quando il programma per qualche ragione non può dimostrare nulla per l'utente. Secondo Craig, molti designer alle prime armi non prestano sufficiente attenzione a questo aspetto dell'applicazione e perché è spesso informare correttamente l'utente circa la mancanza di contenuti è altrettanto importante quanto la mappa stessa contenuti. Ho il suo articolo sembrava molto curioso, quindi suggerisco trovare una breve traduzione delle idee di base.
schermi "Clean" possono essere suddivisi in tre tipi principali - il primo utilizzo dell'applicazione, la mancanza di contenuti e di errore tecnico (fallimento della connessione a Internet, per esempio).
1. primo utilizzo
Le prime impressioni rimangono sempre nella memoria, soprattutto i poveri. È per questo che il progettista è molto importante per organizzare l'interfaccia in modo che quando si inizia Programma utente ha incontrato non neutra schermo bianco freddo, ma qualcosa di estetica e funzionale. E 'meglio per disegnare una sorta di immagine visiva e aggiungere un paio di suggerimenti per l'uso dell'applicazione (solo non sovraccaricare l'interfaccia di istruzioni noiosa nello spirito del capitano ovvio). Ottimi esempi di notevole realizzazione di tali idee sono programma Buffer, Timehop e Dropbox (potete vedere le immagini di cui sopra).
2. Mancanza di contenuti
Guardiamo la situazione con e-mail. Lo si ama o si odia, la maggior parte di esso è pieno di messaggi non letti. Conosco un sacco di persone che sono decine di ricezione quotidiane di nuovi messaggi. Naturalmente, un attivo gli utenti di posta elettronica sono sempre contento di trovare una scatola vuota. Questo sarà doppiamente contento quando il client di posta elettronica sviluppatore darà questo aspetto un paio di ore di lavoro e disegnare un bel avvertimento circa l'assenza di nuova posta.
Questo è il modo in cui questo problema è risolto in Sparrow, Gmail, e il programma di posta standard in iOS:
Sparrow fornisce all'utente l'icona tradizionale della casella di posta e l'etichetta «Inbox Zero». Questa schermata è intuitivo, minimalista e decorato molto elegante. L'utente è improbabile che ci saranno tutte le domande.
Gli sviluppatori di Gmail hanno fatto un passo ulteriore e aggiungere un tocco di emozione nella vostra applicazione - quando Gli utenti sono messaggi non letti in fronte a lui in mostra l'icona di divertimento sole con la didascalia "Enjoy giorno!". Questo tipo di sensazione a lasciar intendere una persona di quanto è buono o cattivo, è (l'esempio di cui sopra è ovvio, ma ci sono casi più complessi).
sistema di applicazione Mail.app non progetta una pagina speciale "pulito", così l'utente può solo immaginare il motivo per cui prima di lui non esiste un elenco di messaggi - o semplicemente non hanno i nuovi messaggi, o errore di sincronizzazione, o mancato collegamento Internet. Questo tipo di domanda lascia sempre una brutta sensazione dall'uso del programma, quindi se si design di interfaccia, cercare di cancellare informare l'utente sul motivo per cui non sembra contenuto previsto.
3. errori tecnici
Molto spesso, l'utente deve osservare una "pulita" schermo di app iOS a causa del fatto che il dispositivo ha perso la connessione a Internet e non può scaricare nuovi contenuti. Come accennato in precedenza, per il creatore del programma è molto importante ed elegante grammotno di trasmettere queste informazioni per l'utente.
Vediamo come una schermata di errore è implementato in applicazioni Chrome, Opera Mini e Safari:
Chrome letteralmente "sputa" sul lungo testo dell'utente dal noioso informazioni tecniche. Opera Mini «finito con" un paio di frasi che non danno all'utente una chiara idea del motivo per cui il browser non può aprire un sito particolare. L'implementazione di maggior successo, a mio parere, offre il programma Safari standard, che dice chiaramente che l'iPhone non è connesso a Internet.
Alcuni esempi più interessanti: GMail, YouTube e Instagram.
risultati
Come abbiamo fatto a fare il disegno a destra dello schermo "pulito" è molto importante per le interfacce moderne - e non solo per l'IOS-programmi. Prima di inviare il programma per la revisione in App Store, o di emettere la versione finale, pensate per un momento, che utilizzeranno l'applicazione e perché. Cercate di prestare attenzione ai più piccoli dettagli che aiuterà il vostro prodotto di distinguersi dalla massa grigia dei concorrenti. Se si può accontentare gli utenti e lasciare una buona impressione su di te, in futuro, saranno pronti a perdonare voi alcune lacune e gli errori.
Post scriptum Cosa pensi circa il disegno di schermo "pulito"? C'è una sorta di desideri soggettivi o consigli generali? Gli editori dovrebbero ho MacRadar scrivere su tali sottigliezze nella progettazione e sviluppo di interfacce per iOS? Scrivi la tua opinione nei commenti, sarebbe interessante discutere l'argomento con i lettori.