Si è parlato molto di iOS 7 sin dalla sua inaugurazione all'inizio di questo mese e la maggior parte di esso è stata incentrata sul design, in particolare sulle nuove icone. Ora, dato che abbiamo tutti avuto il tempo di rimuginare sui cambiamenti, cominciano a chiedersi domande su come influenzeranno il design delle nostre app. Di conseguenza, è emerso un dibattito su quanta influenza avrebbe avuto la nuova interfaccia utente di iOS 7.
Mentre alcuni ritengono che le app debbano rimanere fedeli al proprio stile e non debbano essere ridisegnate puramente per adattarsi all'aspetto di iOS 7, altri ritengono che le app debbano essere ridisegnate per farle sentire più native. Per aggiungere a questo, sembra esserci un po 'di confusione su quanto sia severo Linee guida per l'interfaccia umana iOS di Apple in realtà sono.
Nel tentativo di chiarire le cose, ho dato una lunga occhiata ai documenti all'interno Risorse di progettazione iOS 7 di Apple e userà questo post per condividere alcune delle mie scoperte.
Per quanto riguarda il dibattito sul fatto che tutte le app debbano ora adottare un'estetica "piatta", è puramente una questione di opinione. Se utilizzi elementi dell'interfaccia utente personalizzati nel tuo progetto, in definitiva le decisioni stilistiche ricadono su di te e sulla tua squadra. Sebbene Apple suggerisca di rivisitare l'uso di ombre esterne, gradienti e cornici, non ho visto prove che suggeriscano che questo è un requisito rigoroso.
Nel frammento di testo qui sotto, tratto dal Guida alla transizione dell'interfaccia utente iOS 7 , vengono forniti maggiori dettagli su diversi livelli di personalizzazione e in che modo ciascuno influirà sulla quantità di lavoro che è necessario eseguire per preparare le app per la transizione.
Considera la personalizzazione delle app divisa nei seguenti tre tipi:
- Standard. L'app contiene solo elementi dell'interfaccia utente standard non personalizzati forniti da UIKit.
- Personalizzato. L'app presenta un'interfaccia utente completamente personalizzata che non include elementi dell'interfaccia utente UIKit.
- Ibrido. L'app contiene una combinazione di elementi standard e personalizzati, inclusi elementi standard personalizzati con le API di tinting e apparenza-personalizzazione UIKit.
Per un'app standard, devi decidere se i tuoi progetti visivi e di esperienza utente hanno ancora senso nell'ambiente iOS 7. Se si decide di mantenere il layout e il modello di interazione correnti, la maggior parte del lavoro comporta modifiche minori e assicura che l'app gestisca correttamente i nuovi gesti di sistema.
Le app personalizzate, ovvero le app che non utilizzano elementi dell'interfaccia utente UIKit, richiedono un approccio più sfumato. Ad esempio, se ritieni che l'interfaccia utente corrente e l'esperienza dell'app siano ancora appropriate, potrebbe esserci ben poco da fare. D'altra parte, se ritieni che la personalità e l'esperienza dell'utente della app debbano cambiare per deliziare gli utenti di iOS 7, hai ancora del lavoro da fare.
Le app ibride variano in base alla quantità di lavoro richiesta, in base alle personalizzazioni effettuate e alla combinazione di elementi personalizzati e standard. Oltre a rivisitare il design generale di un'app ibrida, è necessario assicurarsi che le personalizzazioni funzionino ancora bene e siano belle quando sono integrate con elementi standard.
Si è anche notato alla fine del documento sopra citato che un'app che imita l'interfaccia utente standard di iOS 6 in un modo completamente personalizzato probabilmente richiederà molto lavoro perché sembrerà semplicemente obsoleta. Questa è certamente una prospettiva che vorrete considerare.
Anche preso dal Guida alla transizione dell'interfaccia utente iOS 7 è il testo qui sotto, che presenta due elenchi: cose che ogni app deve fare e cose che ogni app dovrebbe fare. Dato il cambio di lingua, considererei il primo come un elenco di requisiti rigorosi e il secondo come una lista di cose che, perlomeno, dovrebbero essere prese in considerazione.
Cose che ogni app deve fare
- Aggiorna l'icona dell'app. In iOS 7, le icone delle app sono 120 x 120 pixel (alta risoluzione).
- Aggiorna l'immagine di avvio per includere l'area della barra di stato, se non lo fa già.
- Supporta il display Retina e l'iPhone 5 in tutti i tuoi disegni e disegni, se non lo stai già facendo.
Cose che ogni app dovrebbe fare
- Assicurati che il contenuto dell'app sia visibile attraverso elementi dell'interfaccia utente traslucidi, come barre e tastiere, e la barra di stato trasparente. In iOS 7, i controller di visualizzazione utilizzano il layout a schermo intero (per ulteriori informazioni, vedere Utilizzo di View Controller ).
- Ridisegnare le icone dei pulsanti della barra personalizzata. In iOS 7, le icone dei pulsanti della barra sono più leggere e hanno uno stile diverso.
- Preparati per i pulsanti senza bordi allontanandoti dal fornire immagini di sfondo dei pulsanti e rivalutando il layout.
- Esamina la tua app per i valori dell'interfaccia utente codificati, come le dimensioni e le posizioni, e sostituiscili con quelli ottenuti in modo dinamico dai valori forniti dal sistema. Utilizza il layout automatico per aiutare la tua app a rispondere quando sono richieste modifiche al layout. (Se non hai familiarità con il layout automatico, informalo leggendo Guida al layout automatico del cacao .)
- Esamina la tua app per i luoghi in cui le metriche e i cambiamenti di stile dei controlli e delle viste di UIKit influiscono sul layout e sull'aspetto. Ad esempio, gli switch sono più ampi, le tabelle raggruppate non sono più inserite e le viste di avanzamento sono più sottili. Per ulteriori informazioni su specifici elementi dell'interfaccia utente, vedere Bar e pulsanti , controlli , Viste del contenuto , e Visualizzazioni temporanee .
- Adotta il tipo dinamico. In iOS 7, gli utenti possono regolare le dimensioni del testo che vedono nelle app. Quando si adotta il tipo dinamico, si ottiene un testo che risponde in modo appropriato alle modifiche alle dimensioni specificate dall'utente. Per ulteriori informazioni, vedere Usare i caratteri .
- Assicurati che la tua app non risponda in modo inappropriato alla nuova gesture di Control Center o al tocco di un controller di navigazione per tornare indietro, soprattutto se esegui una gestione tattile personalizzata.
- Rivisitare l'uso di ombre esterne, gradienti e cornici. Poiché l'estetica di iOS 7 è liscia e stratificata, con un'enfasi molto minore sull'uso degli effetti visivi per rendere gli elementi dell'interfaccia utente fisici, potresti voler ripensare a questi effetti.
- Se necessario, aggiorna la tua app alle best practice per iOS 6, ad esempio Layout automatico e storyboard, e assicurati che l'app non utilizzi API deprecate.
iOS 7 non significa nemmeno la fine dell'icona dell'app ultra dettagliata. Il frammento di testo qui sotto, tratto dal Linee guida per iOS Human Interface , suggerisce che c'è ancora un posto per il realismo. Tuttavia, come menzionato sopra, tutte le icone delle app dovranno essere aggiornate.
Se vuoi ritrarre sostanze reali, fallo in modo accurato. Le icone o le immagini che rappresentano oggetti reali dovrebbero anche avere l'aspetto di materiali reali e di massa reale. Le icone realistiche replicano accuratamente le caratteristiche di sostanze come tessuto, vetro, carta e metallo e trasmettono il peso e la sensazione di un oggetto.
Sebbene ci sia molto di più nei documenti all'interno Risorse di progettazione iOS 7 di Apple e consiglierei di leggerli tutti, ho sentito che questi tre frammenti in particolare forniscono una chiarezza tanto necessaria. Il nuovo approccio di Apple potrebbe fare meglio evitare ombre, gradienti e cornici, ma ciò non significa che devi seguire l'esempio, e se devi o meno è puramente una questione di opinione.
Indipendentemente dalle scelte stilistiche che fai, purché tu consideri attentamente quanto sopra, non dovresti avere problemi a passare con successo le tue app a iOS 7.
Questo ha chiarito tutti i dubbi che hai avuto? Non vedi l'ora di fare la transizione? Fateci sapere nei commenti.