Share
Se sei un designer, la buona notizia sullo spazio delle app per dispositivi mobili è questa: il design è tutto. Sia che tu stia costruendo un'utilità o un gioco, l'aspetto ha un grande impatto sia sulla popolarità che sull'usabilità. Le app disordinate o disordinate sono difficili da comprendere e difficili da usare. Questo non vuol dire che uno "strumento serio" dovrebbe essere abbellito con una GUI esagerata. Un'ottima progettazione di app è in grado di bilanciare l'aspetto con la funzione.
In termini di funzionalità, ci sono certamente alcune aree di sviluppo di app che non sono di per sé "il lavoro del designer", ma hanno ancora un grande impatto sul design concettualmente e nella direzione creativa dell'applicazione. Se stai lavorando su un'app e questi lavori non vengono completati, cerca qualcuno che abbia queste competenze per farlo o fai una prova tu stesso. Saltare questi passaggi può portare a un costoso percorso di revisioni quando gli utenti scoprono che la tua app manca di funzionalità o presenta dolorosi difetti di progettazione.
Una volta che l'idea per un'app è stata generalmente delimitata, è tempo di restringere la funzionalità dell'applicazione al nucleo di ciò che fa l'app. Le app più popolari stabiliscono e mantengono l'attenzione su UN'attività principale. Per fare ciò è necessario determinare qual è il compito principale creando una spiegazione concisa dello scopo principale delle app e del pubblico previsto, noto anche come dichiarazione di definizione del prodotto.
So che sembra geniale e inutile, ma questa è la frase che dovresti attaccare al muro per tutto il tempo in cui lavori al design. È il fulcro di ciò che riguarda l'app. Quindi, scegli le poche funzionalità che saranno utilizzate più frequentemente dalla maggior parte degli utenti e che sono più appropriate per il contesto mobile. Un modo rapido per farlo è compilare questi spazi vuoti per l'applicazione su cui stai lavorando:
(Il tuo differenziatore) (La tua soluzione) per (Il tuo pubblico).
Ecco un esempio per l'app "Foto" di iPhone:
(Facile da usare) (condivisione di foto digitali) per (utenti casuali di iPhone).
La ricerca di mercato può sembrare un'altra di quelle attività * sbadiglio *, ma saltare questo passaggio è ... stupido. Se non vuoi farlo, assumi qualcun altro che si eccita in questo tipo di lavoro. Non cadere nella trappola di "nessun altro ha fatto questo" e "questa idea è totalmente originale" o "Voglio mantenere la mia idea pura, protetta dall'influenza esterna". Se acquisti queste idee, la tua app sii perfetto, ma solo per te.
Il modo migliore per incrociare riferimenti e documentare tutte le tue ricerche è incollarlo in un foglio di calcolo o in un documento di elaborazione testi. Puoi crearne di tuoi, O ne ho creato uno su Google Documenti che puoi utilizzare: Foglio di lavoro per la ricerca di app per dispositivi mobili. Ho messo degli esempi pertinenti all'app su cui lavoreremo in questo articolo. Sostituisci questi dati con i tuoi! Ciò rende piacevole e facile il riferimento incrociato a tutte le funzionalità, i vantaggi e la tecnologia offerti da altri prodotti.
Dico "soluzioni esistenti" piuttosto che "concorrenza" perché non tutti i prodotti correlati competeranno nel tuo mercato mobile. Alcuni possono essere app Web, applicazioni desktop o anche fonti offline nello stesso campo di interesse. Il modo migliore per trovare prodotti esistenti è cercare in ogni varietà di parole chiave correlate alla tua applicazione su:
Durante le ricerche di mercato, preparati a scoprire i limiti tecnici che non ti aspettavi. Come designer, potresti dire: "A chi importa? Questo è il lavoro degli sviluppatori! "Forse sì, ma rimarrai sorpreso di quante discussioni tecniche di fattibilità finiscano per incidere sul design! Credimi, vuoi essere parte di quella discussione.
Esempi di limitazioni tecniche potrebbero includere: Cosa fare se si desidera creare un'app che consenta di bloccare le chiamate da un numero specifico? Uh oh, l'SDK dell'iPhone non supporta questa funzionalità. In alternativa, diciamo che volevo creare un'app che ti permetta di trovare il coffee shop più vicino? Meglio pensare a quante visite la tua app potrebbe ottenere, perché Google e Yahoo! entrambi iniziano a caricarsi una volta superato un determinato volume giornaliero di richieste di ricerca nella tua app!
Questo è molto importante. Quando ti scoraggi scoprendo tutte le cose che non sono possibili oggi, buone notizie: puoi ancora programmarle nel tuo design! Il primo iPhone ha una videocamera? No, ma gli sviluppatori che avevano il loro gioco una volta hanno iniziato a pensare alle opportunità in quell'area che si sarebbero inevitabilmente aperte in futuro.
Un altro motivo per pianificare funzionalità future è la capacità di scalare o aumentare le applicazioni. Come i siti web, le app spesso attraversano un periodo di crescita di un tipo o dell'altro. A volte questo significa aggiungere funzionalità o contenuti, a volte significa staccare le cose! Pensa a come puoi mantenere un equilibrio tra creatività e modularità. Permettendo di collegare e staccare i pezzi facilmente da un punto di vista del layout e avrai molto meno mal di testa lungo la strada!
Conoscere il pubblico di destinazione è molto importante per definire uno stile, una tipografia e un layout di progettazione. La tua app si rivolge ai contabili o ai giocatori di 18 - 25 anni? Avere questa informazione e immergersi ancora più a fondo nello sviluppo di "personaggi" è essenziale per capire cosa vogliono vedere i demografici e il contesto in cui useranno l'app.
Ad esempio, Mike Todd è uno studente universitario di 18 anni a New York. Questo ci dice molto di più su Mike. È al college, in altri studenti della sua età, la maggior parte con programmi simili. Mike potrebbe volere un gioco con interazione a 2 giocatori. Avremmo pensato all'interazione a 2 giocatori se solo avessimo conosciuto l'età di Mike? A seconda dell'app, forse o forse no. Indipendentemente da ciò, disegnare una persona porta ricchezza al tuo brainstorming e aiuta a disegnare funzionalità importanti per il tuo pubblico di destinazione, e importanti per il design.
Una volta definiti i personaggi, i personaggi devono essere collocati in circostanze "mobili" rilevanti e realistiche. Dove sono gli utenti che usano l'app? Sono a piedi, in auto o in treno?
Bill, quarantatreenne, sta andando a una riunione nel centro di Londra e vuole fermarsi a bere una tazza di caffè. Se l'app richiede che Bill tocchi più volte lo schermo prima di trovare la sua caffetteria? Assolutamente se tuo fratello possiede una carrozzeria! Pensando alla varietà di circostanze in cui si trovano gli utenti, e chiamando in scenari in cui certe funzionalità si ripetono è la chiave per definire quali schermi progetterai.
Le Sitemap per dispositivi mobili sono fondamentali per la progettazione. Per progettare un flusso intuitivo, comprendere la relazione del contenuto con altri contenuti offre un modo per progettare controlli semplici e utilizzabili. Le sitemap per app mobili differiscono dalle sitemap del sito Web in quanto le app per dispositivi mobili non devono presentare all'utente più modi per raggiungere un luogo. Una porta per una stanza: basta. Gli utenti mobili non hanno il tempo di fare una mossa sbagliata, quindi tornare indietro e cercare di trovare il percorso corretto.
I dati raccolti dagli scenari dei casi d'uso definiranno il contenuto e i controlli che devono essere presenti sugli schermi definiti nella mappa del sito. Da lì devi progettare un layout preliminare che terrà conto di ciascuno di questi elementi di design. Definire una griglia e stabilire l'importanza delle informazioni utilizzando il colore, la forma e la dimensione degli elementi di progettazione.
In termini ergonomici, gli utenti utilizzano dispositivi mobili touchscreen in modo che la posizione del pollice sia generalmente rivolta verso il centro dello schermo. Pertanto, se desideri navigare rapidamente tra gli utenti nell'app, dai loro controlli che consentono loro di spostarsi tenendo il dispositivo con una sola mano!
Inoltre, considera la varietà di modi in cui il contenuto può spostarsi sullo schermo e fuori dallo schermo. Ad esempio, i fogli mobili sono un ottimo modo per nascondere i controlli azionabili finché l'utente non è pronto a utilizzarli.
Pensa a come puoi minimizzare l'input dell'utente. Chi vuole essere impantanato inserendo un mucchio di testo? Fornire agli utenti una tabella di selezione in modo che possano selezionare una scelta da un menu.
Nella progettazione mobile, la prototipazione della carta ti farà risparmiare un sacco di tempo. Proprio come qualsiasi processo di progettazione o illustrazione, avere iterazioni del tuo design ti consente di esplorare una più ampia varietà di opzioni di design in misura maggiore. E con la prototipazione cartacea c'è meno "rischio", meno attaccamento a un pezzo di carta rispetto a un file Photoshop lucido. Ad esempio, lavorare su post-it è utile per poter riordinare, aggiungere o eliminare schermate fino a quando il flusso è corretto. Guarda questo thread di Tumblr per una bella raccolta di wireframes mobili.
Una volta perfezionati i prototipi di carta, è ora di dare vita a quegli schizzi in Photoshop. Se non lo hai già fatto, torna al mio post precedente su iPhone Design Templates e prendine alcuni per iniziare. In questo articolo troverai anche le specifiche su come impostare i tuoi file con le dimensioni e la risoluzione appropriate. Se sei abbastanza fortunato da lavorare con uno sviluppatore che può ritagliare immagini per te, sii educato e organizza i tuoi file usando le cartelle.
Questa è certamente una versione abbreviata di ogni fase del processo di progettazione mobile, quindi per favore assicurati di lasciarmi un commento qui sotto e fammi sapere quale area desideri che io possa esporre su!
Jen Gordon è una designer freelance che ha perso molto tempo nel mobile nel 2008. Da allora ha progettato dozzine di interfacce per iPhone e iPad. Quando non è impegnata a spingere i pixel, le piace scrivere di design e creare risorse per altri designer e sviluppatori. Di seguito è riportato un fantastico pacchetto di design per iPhone che ha assemblato appositamente per i lettori di MobileTuts!
Accentsconagua