Share
Se gli ultimi nove mesi hanno provato qualcosa, è che il design delle app per iPad sarà una corsa sfrenata. In questo articolo, discuteremo di cinque suggerimenti per aiutarti a creare progetti per iPad che facciano rock!
Essendo un designer, sono ovviamente tutto per interfacce utente personalizzate, ma capisco anche quanto velocemente il treno di progettazione possa far deragliare! Se si desidera progettare un'interfaccia utente personalizzata, concentrarsi sui seguenti elementi:
Flipboard è un ottimo esempio di un'app che non ha una navigazione tradizionale, ma ti immerge completamente nell'esperienza. Non ti manca la navigazione perché ti trasferisci direttamente nel contenuto.
Le interfacce personalizzate ti consentono di fare un sacco di cose interessanti con quelli che chiamo layout a strati, quando vari elementi del layout scorrono indipendentemente l'uno dall'altro. In alcuni casi, non tutto il contenuto viene rivelato all'utente fino a quando non comprendono come si muove ognuno di questi livelli. Quindi, la domanda a cui devi rispondere è: quanto lasci all'utente scoprire?
Nel Bella caccia, l'utente può scorrere le immagini in alto a sinistra e a destra, il che rivela più immagini che, se non si scorre, non si sa che ci sono. Per l'area dell'articolo, che scorre su e giù, gli utenti si aspettano di scorrere il testo su e giù, ma non necessariamente le immagini in alto.
La soluzione? Testing. Quanto tempo mi ci è voluto per capire che le immagini in alto a destra e a sinistra per rivelare più immagini? Forse dopo un minuto di gioco. E il risultato? Sono rimasto piacevolmente sorpreso, non dispiaciuto del fatto che non fosse più ovvio.
Una caratteristica davvero interessante dell'app CNN è la possibilità di tenere e far scorrere il dito sulle notizie in basso e ottenere un'anteprima del titolo della storia. Bello! Mantiene l'utente dal colpire indietro per esplorare tutte le storie.
Ciò che è bello di iPad dal punto di vista del design è che puoi diventare un rinnegato. Gli utenti non stanno bloccando le app che non usano? Standard? controlli di navigazione. Il trucco sta nella creazione di un'esperienza utente coinvolgente che consente comunque all'utente di navigare con facilità l'app.
Una delle cose da tenere in primo piano nella mente quando si esplorano i layout "alternativi":
Ridurre al minimo gli utenti hanno bisogno di "aiuto".
Ciò significa che non ci sono pulsanti di aiuto, nessun segno di domanda, nessun pulsante di informazione "i". Nulla di tutto ciò. Un design ben congegnato non ha bisogno di questa informazione superflua (indicare le grida arrabbiate e il tremare dei pugni).
Prima di avere le mutandine in un batuffolo, questo non significa che non puoi dare? Suggerimenti ?. I suggerimenti sono suggerimenti delicati e contestualmente pertinenti che forniscono una leggera spinta quando un utente sta discutendo su cosa fare dopo.
Tradurre il tuo disegno da verticale a orizzontale, o viceversa, è un dolore. Lo so. È come progettare un'applicazione completamente nuova, almeno dal punto di vista del layout. La cosa fondamentale da tenere presente qui è di non modificare l'esperienza dell'utente!
Ad esempio, non molte app hanno il lusso di essere in grado di tradurre così come Note Taker, che è quasi una corrispondenza esatta:
Cool Hunting è un esempio più comune di come le app basate sul contenuto cambiano da una griglia a una vista elenco. Non cambia drasticamente il modo in cui l'utente interagisce con l'app:
Nelle app che caricano contenuti dinamici, devi sempre essere consapevole di come tali contenuti possono cambiare l'esperienza dell'utente ogni volta che aprono l'app. L'app CNN è un ottimo esempio di due cose:
L'interfaccia non respira. Sembra caotico come le notizie, immagini ammassate l'una accanto all'altra e titoli praticamente illeggibili. Quando hai a che fare con il caricamento di contenuti dinamici, dagli un po 'di spazio per allungare. Non sai mai come potrebbe apparire da un giorno all'altro, quindi pianifica il massimo assoluto da un punto di vista di copia / immagini e lavora all'indietro, lasciando ampio spazio a qualsiasi tipo di contenuto che potrebbe necessitare di viverci.
E ora l'immagine dell'eroe. Non sono sicuro che sullo schermo sottostante sia solo una coincidenza, ma il tuo occhio è attratto dall'immagine dell'eroe rosso. Il punto focale secondario è la giacca rossa della donna. Pensa a come le immagini caricate in modo dinamico potrebbero far saltare l'occhio dell'utente.
La soluzione? Crea inviti all'azione grafici che sostituiscono le immagini caricate nell'app. La CNN ha provato a farlo con le migliori storie? banner, ma in realtà non appare sull'immagine dell'eroe di grandi dimensioni.
Questo è uno dei compiti più difficili per qualsiasi sviluppatore, designer e probabilmente anche esperti di UX! Ed è particolarmente importante con le app per iPad, in cui le interfacce utente non sono standardizzate. Prevedere la prossima mossa degli utenti può essere difficile, ma ho un trucco che aiuta davvero.
Supponiamo che tu abbia un'app che aiuti le persone a trovare uno zoo con scimmie. Hai gestito gli scenari dei casi d'uso, sai anche chi è il tuo target di riferimento che ama VERAMENTE le scimmie. Il prossimo passo è disegnare i tuoi sceens e wireframe in base a come questi utenti interagiranno con l'app per trovare le loro amate scimmie.
Disegni i wireframe. Li afferri sul muro. Sembra davvero buono. Tutto ha senso -? Ho finito!?, Pensi. Ora, ecco il consiglio killer:
NON TOCCARE L'IDEA PER DUE GIORNI!
Seriamente, non toccarlo, non pensarci, non inviarlo via email. Cancellare la parola "scimmia"? dal tuo vocabolario. Ok, questo sta diventando un po 'sciocco, ma l'idea è che non puoi entrare nella mente dell'utente se non hai OCCHI FRESCHI.
E non avremo mai occhi completamente nuovi, ma ho scoperto nel mio lavoro che prendersi una pausa da un progetto e concentrarsi su qualcos'altro catapulta la mia capacità di andare oltre i blocchi creativi e vedere un'app attraverso gli occhi dell'utente.
Accentsconagua