Il design dell'interfaccia è un'abilità preziosa da possedere. Ogni decisione che prendi, sia qualcosa di importante come una combinazione di colori o minore di una larghezza di tratto, può potenzialmente avere un impatto enorme sul fatto che le persone decidano di usare l'applicazione, il sito web, ecc. Noi progettisti lo sappiamo meglio di chiunque altro perché tendiamo ad essere snob dell'interfaccia, il che significa che rifiutiamo categoricamente di usare un'app con un design scadente, anche se la funzionalità è stellare.
La prossima volta che ti trovi di fronte al compito di progettare un'interfaccia, perché non imparare da coloro che hanno già avuto successo? Di seguito daremo un'occhiata alle interfacce di dieci applicazioni Mac meravigliose e abbastanza nuove e discuteremo su cosa è andato bene.
Wunderlist
I maghi di 6Wunderkinder stanno silenziosamente conquistando il settore delle app di produttività con una combinazione assassina: design eccezionale, funzionalità semplice e un prezzo imbattibile (gratuito). Sia la loro app per iPhone che per desktop sembrano semplicemente eccellenti.
La chiave per la bellezza dell'interfaccia di Wunderlist è qualcosa di estremamente semplice che non vediamo abbastanza nelle interfacce delle applicazioni Mac: personalizzazione. Wunderlist viene integrato con un sacco di sfondi meravigliosi come quello in legno mostrato sopra. Poiché gli elementi dell'interfaccia utente sono in realtà abbastanza minimi, lo scambio dello sfondo cambia l'intera personalità dell'applicazione!
Perché passare ore a grattarsi la testa chiedendosi che cosa apprezzeranno di più gli utenti quando saprai che ogni utente è diverso? Fornire agli utenti un numero di opzioni altrettanto interessanti ma molto diverse è un modo efficace per aumentare la soddisfazione del cliente. Un suggerimento importante: assicurati che sia facile passare da un'opzione all'altra. Come regola generale, se devi scrivere un tutorial su come farlo, è troppo complesso. Wunderlist fornisce semplicemente una riga di icone nella parte inferiore della finestra. Quando si fa clic su uno, lo sfondo cambia. È così semplice.
L'unica caratteristica killer che ritengo lo renderebbe ancora migliore è se gli utenti potessero usare le proprie immagini come sfondo. Certo, molti dei tuoi utenti sceglieranno qualcosa di orribile, ma ci saranno anche un sacco di utenti che escogitano qualcosa che è effettivamente migliore delle opzioni integrate.
Sto facendo una previsione che molti sviluppatori seguiranno le orme di 6Wunderkinder e inizieranno a offrire agli utenti la possibilità di personalizzare le loro interfacce applicative per adattarsi alle loro personalità uniche.
Reeder
Reeder per Mac sta facendo un grande successo nella comunità di design Mac. Molti di noi hanno usato NetNewsWire da anni e sono decisamente stanchi dell'interfaccia stagnante e noiosa. Al contrario, Reeder è una ventata di aria fresca che offre un'interfaccia dall'aspetto particolarmente pulito e non disordinato per un lettore RSS.
La cosa fantastica di Reeder è che rappresenta un'altra tendenza in crescita che ci si può aspettare di vedere in aumento nei prossimi anni: il design Apple iOS sul desktop (Reeder ha iniziato la sua vita su iOS). L'iPhone ha acceso a macchia d'olio sotto gli sviluppatori di interfacce che hanno iniziato a sfornare interfacce burrose e levigate, diverse da qualsiasi cosa avessimo mai visto. Questo incendio è stato recentemente illuminato di nuovo con l'arrivo dell'iPad e di nuove innovative esperienze interattive come Flipboard.
A poco a poco, abbiamo visto queste tendenze del design tornare al Mac. Anche Apple ha realizzato i vantaggi delle interfacce di tipo iOS e sta incorporando molti di questi vantaggi in OS X Lion, la prossima importante release del leggendario sistema operativo desktop di Apple.
Passero
Ho esitato ad aggiungere Sparrow perché è piuttosto controverso tra i designer. La ragione di questo è che rappresenta una ripugnanza sfacciata dell'interfaccia utente di un'altra applicazione popolare: Tweetie per Mac.
Da un lato di questo dibattito avete legittime affermazioni sul fatto che Tweetie è stato stagnante nello sviluppo da un po 'di tempo e probabilmente resterà tale per via dell'acquisizione da parte di Twitter (che voleva davvero solo l'app per iPhone). I designer dall'altra parte affermano che è piuttosto spiacevole strappare l'interfaccia di un altro uomo, indipendentemente dalle circostanze.
Indipendentemente dal lato del dibattito in cui ti trovi, Sparrow è un esempio interessante per una ragione importante. Ci è voluto un formato a cui eravamo abituati in una categoria (app di Twitter) e ho cercato di applicarlo in un contesto completamente diverso (email). Questo tipo di pensiero è una fonte stellare di innovazione. Dai un'occhiata a tutte le app che usi ogni giorno, ora dai un'occhiata alle app in competizione in quella categoria. Le probabilità sono, sono tutte all'incirca le stesse perché qualcuno ha innovato la categoria e tutti gli altri hanno semplicemente seguito. Se vuoi creare qualcosa di veramente diverso, chiediti come puoi prendere il concetto di quell'app e inserirla nella struttura di un'app da una categoria diversa. Potresti semplicemente rivoluzionare un'intera categoria.
Kiwi 2
Anche se la funzionalità non è ancora così liscia come Tweetie, Kiwi deve essere uno dei client desktop Twitter più attraenti sul mercato.
Come con Wunderlist, l'elemento chiave qui è la personalizzazione. Kiwi offre agli utenti una serie di temi tra cui scegliere che alterano radicalmente l'aspetto dell'applicazione. Wunderlist prende la strada semplice e offre sfondi diversi, ma in Kiwi, tutto nel tuo stream cambia. Ciò include la forma e il colore dei tweet, lo sfondo e l'aspetto delle icone. Anche la funzionalità cambia in modo drammatico da un tema all'altro. Ad esempio, un tema mostra semplicemente un elenco di nomi utente e nasconde i tweet effettivi finché non fai clic su un utente per vedere cosa hanno detto.
L'esecuzione qui è molto importante. Kiwi non richiede di scegliere un tema specifico o di guidarti attraverso alcune procedure avanzate di configurazione. L'app ha tutte le impostazioni predefinite per te.In effetti, se non fai mai un giro nel menu delle preferenze, potresti usare Kiwi per un po 'prima di trovare le opzioni di personalizzazione. Non sono esattamente nascosti, gli utenti esperti li troveranno nel primo posto che pensano di guardare. Tuttavia, gli utenti che desiderano un'esperienza semplice non vengono colpiti in testa con decisioni intimidatorie che non sono disposti a fare.
La lezione qui è che la personalizzazione dovrebbe essere sia semplice che opzionale. Non forzare i tuoi utenti o chiuderanno l'app e gireranno altrove. Lascia che i tuoi utenti apprezzino la tua app per quello che è e faccia il suo lavoro per farlo apparire come vogliono man mano che diventano più familiari con il modo in cui tutto funziona.
DaisyDisk
Daisy Disk è la visualizzazione di archiviazione del disco rigido più attraente che abbia mai visto. Le classifiche futuristiche retro sembrano così belle che vorrete stamparle e usarle come arte d'ufficio.
L'importante domanda da porsi qui è se sia necessario o meno sacrificare l'usabilità nella ricerca dell'estetica. Il grafico a torta pazzo mostrato sopra sembra piuttosto complicato ed è probabilmente sufficiente a spaventare molti utenti. Tuttavia, l'implementazione è in realtà abbastanza solida. Accanto al grafico c'è un semplice elenco che mostra i tipi di dati sul disco rigido e quanto spazio viene consumato da loro. Tutte le informazioni di cui hai bisogno sono in questo elenco. È semplice, diretto e facile da capire. La visualizzazione è lì per pensatori visivi come noi designer che sono abbastanza pazzi da favorire questa rappresentazione su una lista.
Soprattutto, le due rappresentazioni dei dati sono collegate in modo interattivo. Quando si passa il mouse sopra le applicazioni? elemento pubblicitario, quella parte del grafico inizia a brillare. Quindi, anche se in un primo momento non capisci a distanza il grafico, comincerà improvvisamente ad avere senso quando passi il mouse su ciascun elemento nell'elenco e vedi come la proporzione di spazio luminoso si riferisce ad altre sezioni.
La lezione qui è che il piacere per gli occhi non è per tutti. Se vuoi impostare la tua applicazione come quella con visioni folli e belle, fallo. Ma non trascurare gli utenti che preferiscono usare Excel rispetto a Photoshop. Assicurati che la tua grafica accattivante abbia una solida base in controlli facili da usare e metodi di comunicazione comprensibili.
Trasmetti 4
Transmit 4 è l'ultimo aggiornamento del patriarca regnante dei client FTP Mac e rappresenta uno dei potenziamenti estetici più significativi dell'applicazione fino ad oggi. Non avrei mai pensato di sbavare su un client FTP, ma Transmit ora ha un sacco di schermi, animazioni, pulsanti e molto altro.
La tattica più evidente qui usata è il contrasto aumentato. I client FTP sono particolarmente luminosi e bianchi; ogni schermo, ogni lista di file, nient'altro che bianco e, se sei fortunato, un po 'grigio e / o blu. La gente di Panic ha deciso di affrontare questa monotonia con una serie di schermi oscuri davvero belli per configurare server, navigare tra i preferiti, ecc.
La lezione importante qui è che non hanno incasinato troppo la carne dell'app. Gli elenchi di file sono ancora su uno sfondo bianco e funzionano esattamente come sempre. Chiunque abbia familiarità con il software FTP sarà in grado di scegliere l'app e di eseguirla immediatamente. Ogni volta che desideri aggiornare un'interfaccia utente per dargli un tocco visivo, non aver paura di essere estremamente scettico riguardo a quali parti non vengono aggiornate. Se stai lavorando con un prodotto reso popolare dalla sua semplice funzionalità, mantienilo in questo modo. Invece, prenditi il tempo di concentrarti su tutti i piccoli dettagli che davvero migliorano l'interfaccia utente e che ti fanno sentire un passo avanti rispetto alla concorrenza.
Corriere
Courier deve essere lo strumento più bello del pianeta per condividere rapidamente file multimediali utilizzando i social media. Avrei mai pagato $ 20 per un uploader di immagini di Facebook? Non c'è modo. Questo mi ha fatto considerare seriamente di cambiare idea? Sì.
La lezione qui è quella che ho discusso innumerevoli volte in un contesto di web design: metafore visive rock. La prima cosa che RealMac ha fatto era concentrarsi sulle funzionalità di base. Hanno reso la condivisione di file su tutti i tipi di reti contemporaneamente un compito incredibilmente semplice, grazie all'esperienza trascinante che gli utenti Mac conoscono e amano. Con un flusso di lavoro imbattibile (assicurati sempre di concentrarti prima sui contenuti!), Sono stati in grado di avvolgere il tutto in un tema bello e appropriato: la posta quotidiana. Questo richiede un compito abbastanza tecnologico e lo porta in un'esperienza molto reale e familiare per l'utente. All'improvviso il compito banale di caricare file sembra e sembra un videogioco di invio di posta virtuale in cui puoi scegliere quale busta vuoi usare e dove inviarla.
1Password
Apri l'accesso Portachiavi sul tuo Mac. Questo è un tipico gestore di password, progettato nientemeno che da Apple inc. È abbastanza usabile ma anche piuttosto noioso. Ora guarda un approccio visivo molto diverso alla stessa funzionalità di base in 1Password.
Abbastanza la differenza no? 1Password possiede un'interfaccia semplicemente eccezionale per la gestione di accessi, password, dati di moduli, ecc. Non so voi ma questo mi fa mettere in discussione ogni singola applicazione di database sul mio disco fisso. Perché la norma è diventata tale da rendere così semplici le presentazioni delle informazioni del database? Che cosa succede se applicazioni come Evernote (già una delle più attraenti applicazioni per database in circolazione) assomigliano un po 'a 1Password o Bento? Sarebbe così male? Sottoscrivo che non lo sarebbe.
La grande estetica non complica l'usabilità, la migliorano. Che ci crediate o no, potete presentare tabelle, righe, celle e campi di informazione in modo davvero attraente senza aggiungere troppi superflui che rovinano la funzionalità. Se non mi credi, scarica 1Password e fai un tentativo.
SweetFM
In contrasto con tutta questa discussione sull'aggiunta di interesse visivo alle tue interfacce, SweetFM, un client di Last.fm straordinariamente semplice, fa l'esatto opposto. Basta dare un'occhiata a quanto è compatto e attraente!
Ora, confronta lo screenshot che hai appena visto sul client ufficiale di Last.fm per Mac:
Certo, a molte persone piacerà il cliente ufficiale. Sembra più robusto e mette tutto di fronte a te in una volta (un approccio altamente efficiente). Tuttavia, c'è sicuramente qualcosa da dire per una drastica semplificazione. Tornando a un punto che abbiamo fatto prima, seguire ciecamente le convenzioni UI di una data categoria non è un modo per innovare. A volte è possibile impadronirsi di una tonnellata di utenti che nessun altro si sta prendendo di mira semplicemente spogliando tutto tranne le indispensabili necessità. Prendi una pagina dal libro di Chocomoko, a volte meno è davvero di più.
cabina di pilotaggio
Cockpit è un'app fantastica barra dei menu che puoi usare per controllare tutti i tipi di cose sul tuo Mac. Non è solo super funzionale, ma sembra anche molto stellare.
In questo caso, non sono sicuro da dove gli sviluppatori traggano ispirazione. Le trame tipiche sono qui: metallo, vetro e gomma. Eppure, il controller di iTunes qui sopra non assomiglia ad iTunes e sicuramente non sembra una qualsiasi altra app della barra dei menu che abbia mai visto (sembra più un widget di Dashboard). C'è molto da dire sul trarre ispirazione da tutti gli esempi che hai visto oggi, ma ricordati sempre che non c'è niente che possa sostituire il tuo percorso e cercare intenzionalmente di essere completamente diverso da qualsiasi altra cosa tu abbia visto prima.
Apri Photoshop, avvia la musica e dedica alcune ore alla scoperta delle idee mentre vengono da te. Invece di concentrarti su ciò che è stato fatto altrove, cerca di scoprire cosa non è stato fatto ed esplorare le possibilità con questo obiettivo in mente.
Conclusione
Spero che le dieci fantastiche applicazioni precedenti ti abbiano fornito alcune nuove app per il tuo Mac e ti abbiano insegnato qualcosa sul design dell'interfaccia. Gli sviluppatori ei designer di Mac mi stupiscono continuamente con la loro capacità di spingere continuamente la busta verso il livello di bellezza che ci aspettiamo dalle applicazioni desktop. Voi ragazzi siete i miei eroi.
Lascia un commento qui sotto e facci sapere cosa pensi delle interfacce sopra. Assicurati inoltre di indicare tutte le altre nuove app Mac che hai visto come esempio eccellente di progettazione dell'interfaccia utente.