Come progettare per i diversi tipi di app per iPhone

Benvenuti alla quarta puntata della nostra serie su iPhone Design 101! Se sei nuovo in questa serie, assicurati di dare un'occhiata alle parti 1 - 3: Introduzione a iPhone Design, Modelli di design per iPhone / iPad e Caratteristiche di design per iPhone. Questi articoli ti aggiorneranno su ciò che abbiamo già trattato e ti daranno un assaggio dei pezzi succosi che arriveranno in questa fantastica serie!

Come designer e / o sviluppatore ti starai chiedendo "a chi importa dei" tipi "di app disponibili, non è diversa ogni app? Ogni app ha un pubblico e un compito unici, quindi qual è lo scopo di studiare i diversi tipi? "Una semplice risposta: comprendere il tipo di" tipo "dell'applicazione rende il processo di concettualizzazione delle idee, specificando le specifiche tecniche ed eseguendo la progettazione e lo sviluppo molto più velocemente.

L'App Store ha 20 "categorie" standard di app (dai giochi ai social network) e periodicamente interrompe gruppi speciali come app "games for kids" o "holiday cooking". Quindi, come inizi a pensare alle regole di progettazione per tutte queste categorie? Tu no! Considera invece in che modo TUTTE queste app possono essere inserite in uno dei 4 gruppi o "tipi" di app:

  1. Strumenti seri
  2. Strumenti divertenti
  3. Giochi divertenti
  4. Intrattenimento serio

Capire il "tipo" di app che stai progettando ti fornirà un'istantanea del tuo pubblico e dei limiti di progettazione appropriati. Un esempio ovvio: probabilmente non troverai un bambino che lavora con un'app di produttività o un adulto che gioca con un gioco "impara l'alfabeto", giusto? In questo articolo andremo ben oltre questo semplice esempio per esaminare le sfumature di iterazione rapida per ciascuna di queste categorie di app. Definirò anche degli standard molto pratici che è possibile applicare a ciascun tipo di app e sono considerazioni importanti da tenere presenti all'inizio di ogni progetto di design.

Strumenti seri

Gli strumenti seri sono app altamente orientate al compito che sono fatte per prendersi cura degli affari. Gli utenti vogliono entrare e uscire il prima possibile. Per questo motivo, è importante:

  • Mantieni pulito
  • Stabilire una griglia chiara per l'allineamento e il layout
  • Evitare i controlli ridondanti
  • Liberati dalla produttività
  • Usa la grafica "implicita"
  • Dare priorità visivamente alle informazioni usando tipografia, colore e contrasto

Un ottimo esempio di uno strumento serio è l'app Southwest Airlines. Cosa accadrebbe se questa interfaccia fosse ingombra, angusta e difficile da navigare? Va bene, non è una "minaccia da bomba" seria, ma nel caso di Southwest, un cliente potrebbe perdere un volo o un trasferimento all'aeroporto se non è in grado di accedere rapidamente alle informazioni necessarie. Come minimo, sono disturbati dal dover trovare un modo alternativo di fare le cose.

Questa app fa molte cose bene. Se guardi lo schermo, quali sono i due pulsanti che saltano fuori prima tu? L'arancione "Flight Check In" e "Flight Status." Quando siamo lontani dai nostri computer desktop / laptop quali sono le due principali cose che potremmo voler fare quando ci occupiamo di viaggi aerei? Hai capito: controlla e controlla lo stato.

Notare anche il posizionamento dei pulsanti. In un tipico ambiente Web, un utente legge la pagina in alto, usando gli elementi di navigazione ancorati nella parte superiore della finestra. Con il cellulare non c'è tanto spazio per la scansione! Invece, Southwest ha posizionato i pulsanti più utilizzati al centro dello schermo, in cui il pollice di navigazione è in genere posizionato. Freddo!

Con uno strumento serio, è necessario stabilire rapidamente la prossima linea di condotta. Ciò significa che devi entrare nella mente del tuo utente e pensare a loro. Una procedura ben ponderata per fare le cose con uno strumento serio manterrà felici i tuoi pip e riferirà l'app agli amici.

Strumenti divertenti

Gli strumenti divertenti sono proprio questo: app di utilità a cui è concesso divertirsi un po '. Gli utenti hanno un po 'più di tempo per soffermarsi quando usano uno strumento divertente e NON faranno deragliare il loro giorno se l'app non funziona correttamente. Possono controllare il tempo, i punteggi di calcio fantasy o calcolare il loro indice di massa corporea.

Quando concettualizzi idee o metafore visive per strumenti divertenti, pensa "moderatamente graficamente ricco". Il tuo utente sta ancora cercando di fare qualcosa. Critica il tuo lavoro e cerca immagini che non conducano l'utente lungo il percorso della produttività. Awesome Note è un ottimo esempio di un'app che bilancia sia la produttività che il divertimento.

Un modo per assicurarti di progettare sia uno strumento produttivo che divertente è appiattire la gerarchia dell'app. Ciò significa che invece di costruire una calcolatrice che coinvolge 4 schermate di input, rielaborare il progetto per eseguire lo stesso compito in 2 schermate. Una buona regola per quanto riguarda la profondità in uno strumento divertente non è superiore a 2 - 3 livelli.

Giochi divertenti

I giochi divertenti sono equivalenti a quelli che a volte vengono chiamati giochi "casuali". Queste app sono quasi sempre al di fuori dell'interfaccia utente del sistema operativo standard, il che significa che tutti i grafici sono progettati e costruiti su misura per un marchio o un concetto specifico. Pazzo divertimento free-flow dal punto di vista del design, ma ancora suscettibile di regole di progettazione che gli utenti si aspettano con un gioco divertente.

I giochi divertenti sono intensamente grafici, si allontanano da una navigazione gerarchica e ti mettono subito in gioco. Un classico esempio è Doodle Jump. Anche se devo ammettere che non so cosa succede quando superi i 20.000 punti (oye!) Questo è un perfetto esempio di un gioco divertente. L'unica navigazione è quando selezioni un "tema". Da lì, è un gioco semplice che usa l'accelerometro per dirigere il tuo saltatore su e giù da un passo all'altro. Lo scopo del gioco è quello di arrivare in cima. Questo è tutto.

I gesti multi-touch e il feedback visivo LOUD sono tratti molto importanti dei giochi divertenti di successo. Quando un utente fa qualcosa di giusto o sbagliato, diglielo alla grande! Qualcosa che non interrompa completamente il gameplay, ma aiuta l'utente a capire la relazione causa-effetto nel gioco. Gli avvisi possono assumere la forma di suoni, testo, movimenti di grafica sullo schermo, un'esplosione, qualsiasi cosa!

Quando crei grafica per giochi divertenti, il tuo sviluppatore potrebbe chiederti "sprites". Se non ti è familiare, "sprite" sono gli elementi grafici che si muoveranno sullo schermo. Ad esempio nel mio gioco Popper! i file che ho fornito al mio sviluppatore assomigliavano a questo:

L'immagine a sinistra mostra l'aspetto del gioco finale. Lo sfondo di legno e Popper! logo sono stati forniti come un grafico 320 x 480px PNG. Il saldo degli oggetti che vedi sullo schermo sono tutti controllati in modo pragmatico. Quindi, preparati a fornire immagini di sfondo nel tipico formato 320 x 480/640 x 960 px, quindi fornisci un'immagine "sprite" di 512 x 512 px che contiene tutti i pulsanti e gli elementi in movimento. Puoi avere più file "sprite" se la tua app ha molte parti mobili.

Intrattenimento serio

Le app di intrattenimento serie hanno le stesse caratteristiche dei giochi divertenti, ma includono una maggiore profondità di gioco, realtà virtuali e giochi di ruolo. In genere, le persone che progettano questi tipi di app provengono da uno sfondo di game design e hanno una passione personale per il gioco.

Quando concettualizzi per l'intrattenimento serio, tieni presente che i tuoi utenti si aspettano:

  • Interfacce graficamente ricche
  • Una trama da seguire
  • Un singolo schermo, o 1 livello al massimo
  • Efficienza focalizzata, pulsanti grandi, leggibili da 5ft di distanza

Fragger è un ottimo esempio di serio gioco di intrattenimento, in cui conquisti i nemici in fino a 4 diversi mondi virtuali.

Conclusione

Mentre lavoravo a questo articolo ho avuto la sensazione che le "recensioni delle app" potessero essere un argomento divertente da esplorare, esaminando diversi tipi di app e ciò che le rende grandiose o meno. Vorresti vedere un seguito a questo articolo con altri esempi dei "tipi" di app e cosa li rende grandi? Lasciami un commento qui sotto e fammi sapere quali altri argomenti vorresti riguardare!