Ho progettato per vivere dal 2009 e, negli ultimi tre anni, ho concentrato le mie competenze sulla progettazione di interfacce utente sia Web che mobile. Durante questo periodo ho sperimentato il bene e il male dell'industria. Buoni clienti, cattivi clienti. Buone idee, cattive idee. Buoni sviluppatori, cattivi sviluppatori. Ci sono state approvazioni di app e respingimenti di app.
A volte può essere frustrante, e anche se queste cosiddette? Esperienze negative? può succhiare, mi hanno insegnato alcune lezioni importanti. Queste lezioni non solo velocizzano il mio flusso di lavoro quotidiano, ma mi aiutano anche a progettare un'esperienza utente migliore per il pubblico di destinazione.
Conosci il cliente e le loro esigenze
? creare un prodotto eccezionale e l'esperienza utente è il numero uno per me?Prima di iniziare un progetto, imposta una chat / chiamata online o un incontro faccia a faccia con il tuo cliente. È bello conoscerli un po 'prima di iniziare a lavorare, poiché gli scontri di personalità a volte causano problemi. Se condividi interessi comuni, è probabile che andrai d'accordo!
Sono stato in una situazione con un cliente in cui era incredibilmente intraprendente e la sua priorità numero uno era di fare più soldi possibili in un breve periodo di tempo. Anche se fare soldi è importante, creare un ottimo prodotto e un'esperienza utente è il numero uno per me (se il prodotto è buono e gli utenti amano usarlo, credo che alla fine arriveranno i soldi!).
In questo caso particolare, abbiamo finito per decidere di non continuare a lavorare insieme perché volevo più tempo da dedicare al lavoro che mi è stato chiesto di fare, e la sua priorità era quella di lanciare il prodotto non appena umanamente possibile.
Una volta superata la fase di conoscersi un po 'e scoprire che sei una buona partita, è importante scoprire il più possibile sull'app. Tendo a dividerlo in due sezioni; 'informazioni di base' e 'informazioni avanzate'.
Scopro le informazioni di base prima di conoscere il cliente. Ciò implica a cosa serve l'app, a chi serve e alle sue funzionalità primarie. Passo quindi a scoprire le informazioni avanzate. In questo passaggio incontro il cliente e discuto il flusso di lavoro e le schermate in dettaglio.
Tra di noi creiamo un elenco completo di schermate che saranno necessarie per far funzionare l'app. Personalmente mi piace utilizzare un foglio di calcolo di Google Drive che possiamo tutti visualizzare e modificare e fare commenti. Siamo d'accordo e firmiamo che questo è il set completo di funzionalità e schermate richiesto.
Perché tutto questo funziona?
Ci sono un paio di validi motivi dietro di me a farlo. Il primo è che è una risorsa essenziale per la creazione di wireframe e flussi di lavoro. Il secondo è che può potenzialmente salvare la schiena dai clienti aumentando il flusso di lavoro, facendo scivolare in più schermi e funzionalità qua e là.
Una volta ho assunto un progetto iOS e Android relativamente grande con un mio caro amico in cui abbiamo infranto questa regola e - quello che avevamo originariamente citato per circa 320 ore di lavoro - si è trasformato presto in quasi 500 ore di lavoro. Dato che il cliente ha aggiunto tante nuove funzionalità a metà del progetto, è stata necessario modificare l'intera struttura dell'app su entrambe le piattaforme iOS e Android.
Ha iniziato a diventare noioso, ripetitivo e in generale abbiamo perso molto amore che inizialmente avevamo per il progetto. L'abbiamo completato, ma non senza lavorare nelle prime ore del mattino, stressati, progetti di giocoleria e ritardare altri progetti dei clienti che avevamo schierato. Non ne vale la pena quando può essere risolto con un semplice elenco di schermate e funzionalità.
Mettiti nei panni degli utenti
L'ultima cosa che mi piace fare prima di iniziare a pianificare il progetto è mettermi nei panni degli utenti. A volte questo potrebbe essere un tipo di utente, altri due o anche più. Questa regola si applica a tutte le applicazioni mobili.
? navigare nell'app deve essere semplice e molto veloce?Ho lavorato con una mappa fuoristrada e l'avvio GPS nella seconda metà del 2011, e mettermi nei panni di un utente tipico era molto importante. Prendevo un pezzo di carta, scrivevo 'utente' nel mezzo e scrivevo qualsiasi cosa mi venisse in mente. Tre delle grandi domande che mi sono posto sono state:
- Per cosa useranno l'app?
- Dove useranno l'app?
- Quanto tempo devono usare l'app?
Ovviamente l'utente avrebbe utilizzato l'app per la navigazione su entrambe le strade e le tracce fuoristrada, userà l'app in auto ea piedi - a volte sarà sotto la luce diretta del sole (quindi un probaby UI scuro non è adatto ).
L'app verrà utilizzata per un buon periodo di tempo, tuttavia in alcuni casi l'utente avrà solo tempi limitati per interagire con l'app (ad esempio con luci rosse), pertanto la navigazione all'interno dell'app deve essere semplice e molto veloce.
Trascorrerei una buona ora 'nei panni degli utenti', mi aiuta davvero a immaginare come funzionerà l'app e come potrebbe apparire.
Pianificare in anticipo per evitare errori in seguito
Pianificare il tuo progetto è dove quell'elenco di schermate e funzionalità che abbiamo menzionato nella lezione uno diventa un vantaggio essenziale. Una volta che l'elenco di schermate e funzionalità è stato disattivato, è ora di iniziare il wireframing.
Quando ho iniziato a focalizzare le mie competenze sulla progettazione di interfacce mobili, usavo saltare il wireframing ogni volta che ne vedevo l'opportunità. Ho trovato un compito per la maggior parte dei progetti, ma alla fine la mia pigrizia è fallita. Ho intrapreso un progetto per una piccola applicazione di utilità iOS, il cliente e io abbiamo deciso di non passare mezza giornata a disegnare alcuni wireframe semplici perché avevamo un'immagine chiara di come volevamo che funzionasse.
Siamo andati avanti e prima che tu te ne accorgessi, stavamo imbattendo in piccoli problemi di flusso di lavoro, niente di importante, piccole cose come come un utente arriva qui da lì, come lo eliminano senza passare attraverso molti passaggi per arrivarci, ecc. Ecc.Prima che tu te ne accorga, stavamo trascorrendo un'ora qui e un'ora a risolvere questi problemi, che avrebbero potuto essere facilmente evitati spendendo una mezza giornata per mettere insieme un semplice flusso di lavoro e una serie di wireframe.
Questo non vuol dire che devi passare giorni o addirittura settimane a pianificare i tuoi progetti (soprattutto per le app di utilità più piccole), ma vale sicuramente la pena di mettere la matita su carta e scarabocchiare alcune idee per le schermate più importanti e poi riferirti al tuo elenco completo di schermate e funzionalità per quelle che non ritieni necessario disegnare.
Lo faccio sempre, prima e durante un progetto, tanto che ho lanciato Dotgrid.co per incoraggiare gli altri a comprare libri a griglia e a disegnare di più! Per i progetti più grandi (in particolare i servizi) ho sempre messo da parte una buona parte del tempo del progetto per il wireframing e altre attività di pianificazione. È sempre utile.
Potrebbe valere la pena utilizzare un servizio per trasformare i wireframe in un prototipo funzionante (mi piace l'app Invision). Per i progetti di grandi dimensioni, trovo che questo aiuti a rilevare errori o possibili problemi prima di immergerti troppo in profondità nel progetto.
Attenersi alle linee guida del sistema operativo
Attenersi alle linee guida dell'utente è importante. È bello sperimentare nuovi sistemi di navigazione, interazioni e gesti tattili, e ti incoraggio a farlo, ma sarai sempre in grado di imbatterti in problemi, sia che il tuo sviluppatore stia cercando di implementare l'idea di design o I revisori Apple sono pignoli e rifiutano la tua app.
Per avere una buona idea di ciò che è possibile fare qualche ricerca in app sul mercato e assicurarsi di leggere le linee guida.
Potrebbe essere la differenza tra un'app approvata o un'app rifiutata e dover trascorrere molto più tempo a riprogettare elementi diversi.
Un altro buon motivo per attenersi alle linee guida è che consente agli utenti di abituarsi rapidamente alla tua app a causa di tutte le app che seguono le stesse linee guida. Ad esempio, i pulsanti Indietro sono in alto a sinistra. Le barre delle schede si trovano nella parte inferiore dello schermo. Gli switch fanno la stessa cosa in tutte le app. La lista continua!
Collegamenti utili
- Linee guida per iOS Human Interface
- Linee guida per l'interfaccia utente Android
- Linee guida per la progettazione di Windows Mobile
- Linee guida per l'interfaccia utente Blackberry
Vale per mantenere le cose semplici
Quando dico ai clienti che voglio? Mantieni le cose semplici? spesso mi fraintendono e penso che intendo progettare la loro interfaccia in uno stile di design minimalista. Questo non è il significato della parola!
Semplice significa che un utente alla prima esperienza può aprire l'app e iniziare a utilizzarla senza dover leggere le istruzioni o seguire una guida.
Significa che possono completare compiti semplici in pochissimi passaggi, o in situazioni in cui sono richiesti più passaggi, è ancora semplice. Significa che i colori sono usati in modo efficace (il rosso per i pulsanti di cancellazione è un esempio comune). Mantenere le cose il più semplici possibile senza complicarle troppo senza motivo non solo incoraggia gli utenti a scaricare un'app in primo luogo, ma anche a farli tornare indietro.
Perché dovrebbero usare un'applicazione che è confusa e difficile da aggirare quando c'è probabilmente un'alternativa semplice e diretta?
Stavo lavorando con un cliente su una semplice app di utilità GPS che tiene traccia di quanto l'utente ha viaggiato, la velocità media, la velocità massima e l'altitudine. L'app ha continuato a registrare i dati finché l'utente non la reimposta. Per ripristinarlo, abbiamo optato per una divertente opzione "agita per ripristinare", che è stata chiaramente illustrata con un'icona e un testo corrispondente che leggeva qualcosa sulla falsariga di "Agitare per ripristinare le statistiche".
A pochi giorni dall'avvio dell'app, diversi utenti ci hanno contattato per chiedere come reimpostare le statistiche che erano state registrate e abbiamo aggiunto rapidamente un pulsante rosso per leggere "Ripristina statistiche" nell'app che consente loro di farlo in un modo semplice. Si paga per mantenere le cose semplici!