Share
Nel primo articolo di questa serie, "Introduzione a iPhone Design", abbiamo discusso brevemente del perché alcune app per iPhone utilizzano i modelli Apple mentre altre sono progettate su misura. In questo articolo, daremo un'occhiata più da vicino e discutermo perché questa è una domanda importante da un punto di vista di progettazione, sviluppo e business.
In questa serie, userò la parola "templated" come un modo per descrivere, in parole povere, l'aspetto coerente dei controlli pre-compilati che Apple fornisce agli sviluppatori nella loro applicazione Interface Builder. Questi controlli non sono "modelli" nel vero senso della parola, ma questa è comunque una metafora utile utilizzata in questa serie per confrontare i controlli di interfaccia utente Apple con i controlli "personalizzati".
L'immagine sotto è uno screenshot dall'applicazione Interface Builder di Apple. Interface Builder è uno strumento che gli sviluppatori possono utilizzare per creare app rapidamente, senza l'aiuto di un grafico. Puoi vedere dall'immagine sottostante che gli sviluppatori non scelgono i "modelli" completi per le loro applicazioni, ma piuttosto trascinano e rilasciano vari "controlli" pre-definiti sulle viste visualizzate dall'app.
Questa è una domanda comune dei web designer che sono abituati a progettare da zero ogni pulsante, casella e modulo su una pagina Web. Perché non possiamo farlo? Perché non permettere a tutti di progettare app come vogliono?
Alcuni motivi:
Allora perché allontanarsi dai progetti che Apple ha già creato e testato? Diciamo che è un'evoluzione di stile. I controlli standard di Apple e la teoria su come funzionano sono una base di riferimento fantastica. È una linea di base che funziona brillantemente per molte app, inclusa la loro. Tuttavia, anche loro stanno rispondendo alla richiesta di una progettazione dell'interfaccia utente graficamente ricca. Scopri una delle loro ultime app, Game Center, per vedere come stanno facendo uso di controlli personalizzati.
Se il tuo progetto richiede di rimanere entro un budget molto limitato per la produzione, l'utilizzo di controlli standard è un buon modo per contenere i costi. A seconda del tipo di app che si sta producendo, i controlli standard consentono di creare e avviare un'applicazione senza assumere un designer. Ricorda, se stai creando un gioco o uno strumento divertente, ci sono buone probabilità che i controlli standard non producano il tipo di risultati che stai cercando.
Alcune app sono molto semplici nella funzionalità che svolgono e richiedono pochissimi punti di interazione. App di questo tipo vengono spesso create utilizzando i controlli predefiniti. Emoji Free è un esempio di un'app che installa semplicemente una tastiera di emoticon sul telefono. Sarebbe bello avere una grafica personalizzata per questa app, ma, in pratica, l'app è aperta solo due volte e solo per un minuto ogni volta per installare la tastiera. Invece, il team Emoji ha deciso di spendere il budget di progettazione su illustrazioni di icone carine. Una buona mossa.
Se stai creando uno strumento serio, un'interfaccia utente grafica ricca e divertente è l'ultima cosa che gli utenti pensano quando lavorano con l'app. Prendi l'app Apple's Mail ad esempio. L'app utilizza tutti i controlli standard. Qualcuno manca il fatto che non ci sia molto colore e consistenza? Probabilmente no, vogliamo solo leggere la nostra email.
Alcuni sviluppatori vogliono adottare un approccio graduale o iterativo al loro processo di sviluppo dell'app. Ciò include l'avvio di una build dell'app molto semplice, creata con controlli standard. Se la versione iniziale della app è promettente e i costi possono essere giustificati, una versione personalizzata è spesso un saggio aggiornamento.
Molte app che utilizzano i controlli standard lo fanno perché non hanno una marca, un logo o una metafora visiva per l'app stessa. L'immagine sotto illustra questo punto.
Starbucks è un marchio forte con molte risorse grafiche riconoscibili. Hanno designer sul personale e un team di marketing sul posto che guida ogni mossa per il marchio, compresa la loro app per iPhone. Anche se questa app può essere considerata uno strumento serio, l'utente si aspetta di vedere zero controlli standard e il marchio Starbucks tutto sommato - e lo fanno!
Dall'altra parte dello spettro, hai il manuale di pratica HTML, un ottimo esempio di un'app che utilizza i controlli standard. Questa app ha un layout e una gerarchia chiari, ma non ha un marchio forte o una metafora visiva. Lo sviluppatore non sta commercializzando il "marchio" dell'app o unendo un concetto attorno all'app, quindi i controlli standard hanno senso.
Se riesci a ritagliarti un piccolo budget per la grafica, fallo! L'app Flash Distillation di seguito è un ottimo esempio di un'app che avrebbe potuto facilmente utilizzare TUTTI gli skin standard e gli strumenti di layout. Invece, hanno messo un po 'di soldi nel design per arricchire le visualizzazioni della lista. Il layout della griglia ben progettato rende più facile la lista e la lettura dell'acetone e dell'acido acetico!
Un motivo semplice per cui la maggior parte delle app crea una grafica personalizzata è per soddisfare alcune necessità funzionali dell'app. Quando le app richiedono più funzionalità di quelle fornite dai controlli standard, è necessario creare elementi personalizzati e codificati per far sì che l'app funzioni nel modo più efficiente possibile. Prendi l'app di Jamie Oliver, piena zeppa di informazioni molto pertinenti che devono essere accessibili, senza affollare lo schermo.
Lo schermo a destra mostra informazioni sul "Taster Pack" all'interno della Libreria di riferimento, così come i pulsanti sull'immagine che portano l'utente ai video pertinenti. Lo schermo a destra mostra una sotto-navigazione pertinente che si applica a ciascuna ricetta: progettata e codificata su misura.
Uno dei modi migliori per distinguersi dalla concorrenza nell'App Store è avere una grafica personalizzata. Prendi l'esempio qui sotto. Entrambe le app ti consentono di registrare la tua voce, quindi alterarla per sembrare diversi animali e personaggi. Quando una persona sta cercando app di deformazione vocale, quale sceglierà?
I giochi sono un'area in cui la grafica personalizzata è quasi sempre necessaria. In effetti, se qualcuno ha visto un gioco costruito usando i controlli dell'interfaccia utente standard, per favore lasciami una nota nei commenti: voglio vederlo! La maggior parte dei giochi per iOS sono creati usando Quartz 2d, OpenGL o Unity3D. Dai un'occhiata a questa immagine del gioco per il film Tron. Semplicemente non sta succedendo con i controlli standard.
Cosa succede se hai il budget per sfidare lo status quo? Un grande esempio di un'azienda che cerca di reinventare il modo in cui interagiamo con la nostra e-mail su iPhone - Humail. Secondo MacStories, Humail "non è pensato per utenti esperti che devono gestire centinaia di messaggi ogni giorno. Invece, Humail potrebbe essere un'alternativa interessante e interessante per chiunque usi la posta elettronica per rimanere in contatto con amici e familiari, utenti occasionali che ricevono un paio di nuovi messaggi al mattino e il gioco è fatto. "
Fai quello che pensi sia giusto per la tua app. Chiedilo a te stesso:
Se pensi a queste domande probabilmente ti troverai con un piano strategico abbastanza solido per rendere la tua app un successo!
Accentsconagua