Sono finiti i giorni della notazione javascript convoluta e innumerevoli plugin inclusi nella tua intestazione. Il design del layout ha fatto un grande passo avanti poiché stiamo vedendo i designer che creano concetti stravaganti. I dispositivi touch screen detengono attualmente il massimo interesse dal punto di vista del designer e dello sviluppatore.
Sempre più persone utilizzano i dispositivi dotati di touchscreen ora come non mai. Questo include i tablet PC e l'intero elenco dei sistemi operativi dei telefoni cellulari. Questi dispositivi sono tutti mobili e consentono l'accesso dalla maggior parte delle postazioni remote.
I progettisti stanno ridimensionando la loro credibilità per tenere il passo con la domanda elevata. Ma cosa è vitale quando si cambia tra un web design standard e un'app touch screen? Ci sono molte tendenze emergenti tra la comunità del design che possono essere utilizzate per ridimensionare qualsiasi idea in una tecnologia touchscreen futuristica.
Stato attuale di adattamento
Sebbene l'iPhone e l'iOS di Apple siano spesso discussi dai media mainstream e dai guru della tecnologia, non sono l'unico capitale di mercato nei dispositivi touch screen. Molti portatili portatili e tablet PC sono stati rilasciati da produttori di terze parti tra cui Hewlett-Packard, Samsung e Microsoft.
Attualmente gli sviluppatori devono considerare le interfacce touch screen come nuovi dispositivi oltre alla tastiera e al mouse standard. Tradizionalmente, questo è stato completato con chiamate JavaScript o query multimediali che hanno generato dati di ritorno complessi. Ci deve essere un modo migliore per adottare queste nuove tendenze.
Ad esempio possiamo confrontare un iPad Apple con qualsiasi netbook con Google Chrome per notare immediatamente le differenze. Sebbene le loro dimensioni dello schermo possano essere simili, operano su due livelli completamente diversi. Anche i sistemi operativi stessi sono molto diversi e supportano nuovi standard di elaborazione.
The Gains and Losses
Con le interfacce touchscreen stiamo guadagnando molta flessibilità. I progettisti sono in grado di posizionare pulsanti e scorrere le ruote in qualsiasi punto della pagina poiché è tutto accessibile con un tocco o un tocco.
Gli sviluppatori sono anche in grado di controllare completamente la funzionalità delle applicazioni. L'SDK Cocoa per lo sviluppo iOS offre molte classi che riflettono le interazioni touchscreen. Gli sviluppatori possono controllare più dita e persino il rilevamento della pressione tra ogni interazione.
Tuttavia, stiamo perdendo anche molte credenziali di design chiave che abbiamo imparato ad amare. Ad esempio non c'è bisogno di stati hover quando si ha a che fare con un'interfaccia completamente touchscreen. Questo potrebbe essere sostituito da uno stato di azione ogni volta che un utente preme attivamente un elemento, sebbene lo scopo sia enormemente divergente.
La mancanza di qualsiasi mouse presenta anche un problema per l'input. Lo scorrimento e il capovolgimento tra le pagine devono essere più semplici e agevoli rispetto alla maggior parte delle app poiché c'è una riduzione delle funzionalità. Le tastiere sono anche integrate nel tablet o sullo schermo del palmare che offrono una sensazione radicalmente nuova all'esperienza dell'utente.
Raggruppa elementi comuni insieme
Gli elementi di cluster sono una buona pratica nella progettazione di layout per le app touchscreen. Per cluster non intendo raggruppare tutti i pulsanti e gli elementi di una pagina nell'angolo in alto a destra. In realtà, progetta una mappa per ogni vista e calcola quali informazioni sono più adatte a quale vista.
Ciò riduce la frustrazione e la confusione sulla parte dell'utente. Quando cerchi le impostazioni per aggiornare le informazioni dell'account, sarebbe più facile trovarle tutte in un pannello dello schermo. Questo è spesso il caso anche per le app Web, sebbene l'interfaccia sia solitamente configurata per le interazioni con il mouse.
Invece di creare una lunga raccolta a scorrimento di dati, il sistema operativo mobile offre vantaggi unici. Con la maggior parte dei dispositivi touchscreen è possibile creare schede all'interno di ciascuna vista dell'app. Questi offrono agli utenti un modo semplice per passare da un'impostazione all'altra e altri dati senza troppi sforzi. Questa barra delle schede può essere paragonata a una barra di navigazione piena di collegamenti di pagina in una classica interfaccia web.
Pianificare innumerevoli sistemi mobili
È bello considerare che il tuo sito web funzioni con specifiche HTML5 e CSS3 complete, ma ciò non risolve molti problemi comuni tra le interfacce touchscreen. A condizione che il browser stia analizzando la tua pagina con gli standard DOM più comuni, starai bene.
Sebbene Google Chrome per desktop esegua un motore di analisi molto vario rispetto a quello dei dispositivi mobili BlackBerry o Opera Mobile. In effetti, per ognuno dei principali operatori di telefonia mobile stiamo visualizzando molti nuovi browser.
iOS viene fornito con Safari di default, ma molti altri sono contenuti nell'App Store. Tutti i moderni browser software per piattaforme mobili contengono la possibilità di verificare le note e gli attributi HTML5. Se possibile, dovresti considerare di testare ogni versione del tuo sito sui principali casi del touchscreen. I browser tra Android, Microsoft Mobile e BlackBerry differiscono tutti e richiedono una pianificazione approfondita.
Ovviamente è impossibile piacere a tutti in ogni momento, ma la maggioranza è sicuramente un traguardo per cui vale la pena. Implementa un'installazione di Google Analytics o un'altra app di statistiche sul tuo sito che analizzerà ogni dispositivo in visita.
Google offre dati di report incredibilmente dettagliati, ad esempio i browser mobili che accedono al tuo sito Web con maggiore frequenza e il numero di pagine che ogni utente visita in media.
Non lasciare nulla di intentato
Questo può anche essere accoppiato come conoscenza generale del design, ma garantire che ogni elemento sia in pista per ogni layout del touchscreen. Quando ci occupiamo di un prototipo o di un'interfaccia mobile, come designer, spesso proviamo a cambiare e riposizionare le cose fino alla morte.
È importante realizzare un'interfaccia touchscreen che ci sia molto meno spazio per la libera circolazione. Pertanto è importante trovare un layout che funzioni meglio e che offra ancora l'esperienza utente più semplice - e quindi attenervisi!
Può essere difficile, ma fidati del tuo istinto e del senso del design per sapere quando chiamarlo un giorno.
Prova a testare il tuo design su alcuni dei tuoi amici o familiari.Una rapida dimostrazione o esecuzione dell'interfaccia utente e dell'applicazione da una prospettiva esterna di solito raccoglierà feedback utili e offrirà critiche da una nuova serie di occhi.
Conclusione
Man mano che i dispositivi touch screen continuano la loro invasione noteremo un'impennata nello sviluppo di app. Questo è un enorme mercato che non include solo i dispositivi iOS di Apple, ma Google e Microsoft stanno anche lanciando campagne per raccogliere la loro quota sul web mobile.
Il confronto tra ciascuno di questi dispositivi varia e si rivelerà diverso da ogni designer. Se desideri maggiori idee su questo argomento, considera la possibilità di espandere i tuoi pensieri sui siti web touchscreen per vedere cosa c'è là fuori. Le interfacce web del touchscreen si stanno evolvendo e con l'evolversi della community del design vedremo un'innovativa ispirazione dell'interfaccia utente come mai prima d'ora!