Spesso consideriamo il design delle applicazioni e il design del sito web come due campi diversi, se correlati.

Le linee si confondono un po 'con le app web (che sono tecnicamente sia app che siti web), ma tendiamo ancora a cercare di compartimentarle. Persino i designer che lavorano su entrambi i tipi di design li considerano spesso come cose separate.

Ma ci sono molte lezioni che i progettisti di app e i web designer possono insegnarsi a vicenda.

Ogni tipo di design è emerso per avere i suoi punti di forza e di debolezza, spesso complementari ai punti di forza e di debolezza dell'altro campo.

Di seguito sono riportate sei lezioni che le app e i web designer possono insegnare a vicenda.

1. Evitare la creep caratteristica

I progettisti di app sanno che le funzionalità extra possono diventare rapidamente il tuo peggior nemico. Mantenere la tua app stretta e snella, con solo le caratteristiche necessarie e utili, è la chiave del successo. Se guardi le app più popolari in quasi tutti gli app store della piattaforma, vedrai che la maggior parte ha un focus ristretto con solo le funzionalità di cui ha più bisogno.

Ge.tt è un ottimo esempio di un'app Web che ha evitato il creep delle funzionalità. Ti consente di condividere e pubblicare rapidamente i tuoi file online. Tutte le funzionalità che include sono direttamente correlate a quello scopo centrale.

Questo tipo di focus ristretto è importante per le app, perché sono spesso costrette da problemi di spazio e usabilità. Se qualcuno utilizza un'app sul proprio telefono, l'usabilità può essere molto più impegnativa. Maggiore è il numero di funzioni con cui si confondono le schermate, più difficile diventa l'app. Mentre alcune applicazioni hanno trovato il modo di creare applicazioni ricche di funzionalità senza confusione, è sicuramente una proposta molto più impegnativa.

I web designer, d'altra parte, spesso cercano di stipare quante più funzionalità possibile in un sito web. La loro opinione è che più funzioni saranno disponibili, più sarà utile il loro sito. E anche se i siti web non devono necessariamente affrontare le stesse sfide di disordine che fanno le app per piccoli schermi, ciò non significa necessariamente un ambito più ampio e più funzionalità aggiungeranno valore all'utente.

Questo è ciò che viene: valore. Se le funzionalità che stai aggiungendo in modo onesto offrono più valore al tuo utente finale, allora trovare un modo per incorporarle nella tua esperienza utente esistente è importante e vale la sfida. Ma non aggiungere funzionalità per aggiungere funzionalità.

2. Devi creare qualcosa di unico e fresco

Gli sviluppatori di app sanno che creare qualcosa di diverso dalle app attualmente disponibili è uno degli elementi più importanti nella creazione di un'app popolare e di successo. Hanno bisogno di qualcosa di unico e fresco se vogliono distinguersi sul mercato. Basta aggiungere una funzionalità o due su ciò che la concorrenza sta fornendo non tagliarlo.

PDF Expert è un ottimo esempio di app con un design fresco e funzionalità uniche.

I web designer non hanno necessariamente attinto a questa idea. Molti di loro prendono le stesse cose che fanno gli altri progettisti, modificano un paio di cose per "farcela da soli" e chiamano un giorno. Certo, superficialmente il sito potrebbe sembrare diverso, ma è sempre lo stesso layout generico, le stesse caratteristiche generiche e la stessa funzionalità generica. Non c'è niente di diverso o eccezionale.

I designer che vogliono avere davvero successo devono pensare a modi per creare qualcosa che sia veramente diverso da ciò che offre la concorrenza. Inventa nuove idee e nuovi approcci ai problemi comuni, piuttosto che guardare a ciò che l'altro ragazzo sta facendo.

Ecco un esercizio per te: la prossima volta che hai una sfida di design che deve essere superata, non andare alla ricerca di come qualcun altro lo sta facendo. Invece, siediti e fai un brainstorm di dieci idee su come affrontare il problema, a prescindere da quanto possano sembrare stupidi o offensivi. Solo dopo aver ottenuto questa lista, puoi vedere come gli altri hanno risolto la stessa sfida. Scopri se le loro soluzioni sono davvero migliori di quelle che ti sono venute in mente. Combina alcune delle loro idee con alcune delle tue idee e guarda cosa riesci a pensare. Questo ti porterà nella mentalità di pensare alle tue soluzioni uniche, piuttosto che seguire lo status quo.

3. Utilizzare i controlli e i modelli GUI standard

Anche se unico è buono, i migliori progettisti di app sanno anche che ci sono alcuni elementi standard della GUI che dovrebbero fare certe cose. Deviano da questi controlli predefiniti a proprio rischio. Le app di successo fanno le cose diversamente quando funziona meglio della GUI standard (che nella maggior parte dei casi non è frequente). E la maggior parte di loro presenta istruzioni chiare quando lo fanno.

L'app Harvest utilizza schemi GUI standard e crea anche un'interfaccia personalizzata. È un'app facile da usare e attraente.

I web designer a volte si discostano dalla norma nel tentativo di essere unici e nel processo rendono inutilizzabili i loro siti. Le persone si aspettano certe cose quando visitano un sito Web: il testo sottolineato è un collegamento, come lo sono i pulsanti, la navigazione è ovvia e solitamente nella parte superiore o laterale della pagina e costrutti simili simili. Quando cambi le cose dalla norma, è più probabile che confonderai i tuoi visitatori.

Pensa ai modelli di progettazione comuni per ogni dato elemento e poi decidi se deviare da quel modello in realtà migliorerà l'esperienza utente sul tuo sito o semplicemente lo renderà "diverso". Se non migliorerà la UX, dimenticala. E se non è immediatamente evidente come funziona qualcosa, quindi aggiungi alcune istruzioni da qualche parte sulla pagina in modo che i tuoi visitatori sappiano cosa fare. Il modo più rapido per perdere un visitatore è quello di farli sentire stupidi.

4. Creare utili messaggi di errore

Questa lezione può andare in entrambe le direzioni. Alcuni progettisti di app hanno messaggi di errore straordinariamente utili, così come alcuni siti web. Ma ci sono molte app là fuori che non hanno messaggi di errore utili e molti siti web uguali.

Anche la semplice aggiunta di una casella di ricerca e i collegamenti alla home page e agli archivi possono rendere più utile una pagina 404.

Utili messaggi di errore dicono all'utente qualcosa di più del semplice fatto che c'è stato un errore. Nel caso di un'app, un messaggio di errore più utile potrebbe offrire idee su come aggirare l'errore. Su un sito Web, il messaggio di errore potrebbe fornire al visitatore alcune alternative o idee su come superare l'errore. In entrambi i casi, solo dire "c'è stato un errore" non fa altro che frustrare il tuo utente. Prenditi il ​​tempo necessario per creare messaggi di errore che migliorino l'esperienza utente e avrai utenti più felici.

5. Piuttosto importanti

Questo è qualcosa che molti designer di app potrebbero imparare dai web designer. Ora, concesso, ci sono un sacco di app belle e utili là fuori. Ma ci sono anche molte app che hanno grandi caratteristiche ma sono incredibilmente brutte e mal progettate.

I progettisti di app devono pensare a come possono progettare meglio la GUI della propria app, piuttosto che utilizzare solo lo schema di progettazione predefinito della piattaforma per cui sono stati creati. Certo, gli elementi della GUI incorporati non sono terribili in alcuni casi, ma sono anche piuttosto generici. Non aiuteranno la tua app a distinguersi dalle migliaia di altre persone presenti sul mercato. Ancora peggio è il numero di app là fuori che utilizzano un design personalizzato che è in realtà peggiore della GUI azionaria.

Awesome Note è una app che ottiene sicuramente che un design accattivante è importante per una buona app.

Considera le funzioni della tua app e chi sono i tuoi utenti, quindi pensa a come puoi utilizzare il design per rendere queste funzioni più facili da usare e migliorare la percezione che i tuoi utenti hanno della stessa app. Supponi, ad esempio, che stai creando un'app camera vintage. L'uso della GUI azionaria non fa nulla per rafforzare l'idea che l'app per fotocamera funzioni diversamente dall'app stock. Ma se aggiungi alcuni tocchi ed elementi vintage al design, stai creando un'esperienza che è più piacevole per il tuo utente. Si sentono come se stessero usando un'app diversa, non solo la fotocamera standard con alcune campane e fischietti in più.

6. La scalabilità è un must

Questo è qualcosa che i web designer hanno piuttosto male. Sappiamo che in qualsiasi momento il nostro sito Web potrebbe improvvisamente vedere un afflusso di traffico e che è necessario rimanere utilizzabile da un numero maggiore di persone. Tutto ciò che serve è un po 'di contenuto per diventare improvvisamente virale, o anche solo ottenere uno o due retweet o condivisioni da persone influenti. E in un certo senso, non è così difficile per un sito web standard diventare più scalabile (è principalmente solo una questione di scelta di un host che può fornire server in grado di scalare insieme al tuo traffico).

L'altro problema con la scalabilità è la previsione di come gli utenti utilizzeranno un sito o un servizio. Con la maggior parte dei siti Web, questo non è tanto un problema. Ma con le app, il modo in cui un utente interagisce con l'app è di primaria importanza. Un piccolo numero di utenti esperti che realmente estendono le funzionalità dell'app possono causare problemi ad altri utenti o semplicemente avere un'esperienza negativa.

Le app possono essere molto più difficili da scalare rispetto ai siti Web, a seconda dell'infrastruttura. Scalare esclusivamente per aumentare il numero di utenti non è molto diverso dal ridimensionamento di un sito web; è solo una questione di larghezza di banda e potenza di elaborazione. Dove la scalabilità delle app è più difficile dipende da come i singoli utenti finiscono per utilizzare l'app.

C'è stata un'interessante discussione su Google+ la scorsa settimana in corso tra Robert Scoble e Kevin Rose. Scoble sta riscontrando problemi con contenuti duplicati ("rumore") che ingombrano il suo feed e ha dichiarato pubblicamente che Google+ dovrebbe inventare una sorta di sistema di filtraggio che aiuti a eliminare tutto questo rumore. Rose sostiene che è solo perché Scoble è un "caso marginale", e che la maggior parte delle persone non si imbatte negli stessi problemi perché non seguono migliaia di persone. La domanda rimane, se un'app Web come Google+ (o un'app per una piattaforma mobile) si concentra sulla scalabilità per gli utenti marginali o se si concentra solo sugli utenti più "medi"? È un dibattito che difficilmente verrà risolto in tempi brevi, ma è qualcosa che gli sviluppatori e i progettisti di app (e del sito web) devono conoscere e decidere come gestire caso per caso.

Conclusione

Che tu sia un web designer o un designer di app, ci sono cose che puoi imparare sul buon design da altre sfere del design. Guardare oltre la propria ristretta attenzione su come altri progettisti, in altri campi, stanno affrontando problemi simili, e quindi adattare quelle idee per adattarle alle proprie sfide.

Cosa ne pensi? Quali altre lezioni possono insegnare a designer web e app? Quali lezioni devono imparare entrambi i tipi di designer e dove possono apprenderli? Fateci sapere nei commenti!