Superare la mancanza generale di abilità di progettazione dell'interfaccia utente negli sviluppatori [chiuso]

Mi è stato detto, e ho scoperto per me stesso, che molti sviluppatori non sono bravi nella progettazione dell'interfaccia utente (non so quanto sia vero) ma almeno è vero per me .

Nello sviluppo web buone capacità di sviluppo del codice non sono sufficienti senza grandi capacità nella progettazione dell'interfaccia utente per andare con loro.

Quindi per me, e molti sviluppatori come me, che hanno solo la metà (buone capacità di sviluppo) come dovremmo completare la nostra altra metà oltre a pagare per un designer?

L'uso di modelli Web Open Source con piccole modifiche è la soluzione migliore per questo o ci sono altre opzioni?

Sono uno sviluppatore che non è anche così grande nel design. Faccio del mio meglio, quando lavoro su un progetto in cui devo progettare, per rendere le cose il più semplici possibile. Prendo un approccio molto logico e design solo per l'esperienza dell'utente. Non riesco a renderlo davvero bello, ma posso renderlo facile da usare e relativamente piacevole per gli occhi.

Ho letto molti di questi libri: http://www.uxbydesign.org/2009/06/24/20-user-experience-books-you-should-own/ e mi hanno davvero aiutato.

modifica il mio preferito in quell'elenco è Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition di Steve Krug

Il design (di qualsiasi cosa) è una negoziazione tra le esigenze dei vari stakeholder (cliente, sviluppatore, utenti). Nessuna delle parti interessate è generalmente in una buona posizione per creare il miglior design perché tende a comprendere meglio le proprie esigenze e a metterle al di sopra delle esigenze delle altre parti interessate. Un buon designer può identificare le esigenze dei vari stakeholder - spesso ha bisogno che lo stakeholder stesso non si renda conto di averlo - e trovare una soluzione che funzioni per tutti.

Probabilmente l'hai visto tu stesso molte volte. Gli utenti pensano a come devono interagire con un sistema, di solito in termini di qualche altro sistema con cui hanno già familiarità. Gli sviluppatori pensano principalmente in termini di funzionamento del sistema. I clienti di solito vogliono qualcosa che risolva tutti i loro problemi, oppure vogliono risolvere qualche problema molto specifico al minor costo.

Per diventare un buon designer, devi imparare a smettere di pensare in anticipo a come implementerai qualcosa. Invece, devi concentrarti su ciò che gli altri stakeholder ti stanno dicendo su ciò di cui hanno bisogno e che vogliono, e devi essere in grado di leggere tra le righe. Come gli sviluppatori, i clienti e gli utenti hanno spesso in mente una soluzione preconcetta e tendono a descrivere quella soluzione anziché i requisiti sottostanti. (Detto questo, è importante rendersi conto che a volte un cliente significa quello che dicono quando ti dicono esattamente quello che vogliono; se non sei sicuro, chiedi.)

Più superficialmente, anche il design estetico di un'interfaccia utente è qualcosa con cui alcuni sviluppatori hanno problemi. Penso che ciò sia in parte dovuto al fatto che gli sviluppatori di software spesso non hanno molta formazione in estetica - gli studenti CS potrebbero non avere molto tempo per le lezioni di arte. Anche in parte è di nuovo perché siamo più interessati a come funziona qualcosa di quanto siamo in quello che sembra; non ci importa se gli angoli di un pulsante hanno un raggio di 9 pixel o un raggio di 10 pixel. Questi due fattori sono sicuramente correlati. A volte puoi superare questo problema facendo affidamento su soluzioni predefinite sotto forma di framework dell'interfaccia utente e l'utilizzo di componenti predefiniti ha il vantaggio di unificare visivamente il tuo lavoro con altre applicazioni sullo stesso sistema. Puoi migliorare le tue capacità estetiche leggendo, guardando il lavoro di altre persone, e prestando molta attenzione ai dettagli visivi che potresti aver ignorato in passato. Dovresti anche cercare di capire la logica che sta dietro le differenze visive: i pulsanti con angoli quadrati significano qualcosa di diverso dai pulsanti arrotondati? Come viene usato il colore? eccetera.

Ecco alcune cose che trovo mi aiutano:

• Prendi nota di ciò che ti piace / non ti piace in altri software. Siamo programmatori, trascorriamo gran parte della nostra vita al computer. Cerca di prendere nota di ciò che ami / odi quando usi il software. Non importa se si tratta di software per computer, videogiochi, dispositivi mobili, ecc. Cerca di tenere d'occhio ciò che è conveniente e facile da usare, e ciò che non lo è.

• Trova uno strumento di schizzo facile da usare per disegnare l'interfaccia utente per te e i tuoi utenti. Adoro usare Balsamiq poiché è veloce, semplice e la versione web è gratuita.

• Ricorda che non è necessario trovare qualcuno specializzato nella progettazione di software per aiutarti a progettare qualcosa: qualsiasi utente lo farà. Spesso eseguo i miei schizzi da alcune persone totalmente estranee al progetto solo perché so che sono in giro per tutto il giorno software e possono dirmi se qualcosa sembra a posto o è facile da usare. Tieni presente che spesso ti daranno idee folli su cosa fare e devi sapere cosa sarebbe semplicemente "bello" da fare e cosa potrebbe effettivamente migliorare la produttività.

• Sentiti libero di chiedere su /ux// per domande dettagliate

Ad essere onesti, la progettazione dell'interfaccia utente è una cosa diversa. Uno sviluppatore pensa sempre a un design sottile e non è troppo creativo quando si tratta di progettazione. L'approccio definito che sento è quello di mantenere uno sviluppatore diverso per la progettazione dell'interfaccia utente. Anche se si aggiunge al costo, ma sicuramente ti aiuterà a raggiungere risultati migliori.

Per qualcuno che fa entrambe le cose da solo, non dà mai il miglior risultato. Quindi, IMHO questi due diversi aspetti dovrebbero essere assegnati a due diversi sviluppatori. Si consiglia una piccola conoscenza di HTML e CSS per lo skinning e lo sviluppo di temi in caso di CMS diversi, ma quando è necessario sviluppare un design completamente nuovo, consultare un designer dell'interfaccia utente.

Consiglio vivamente il libro di Joel Spolsky sul design dell'interfaccia utente per programmatori . In questo libro prende praticamente l'approccio che stai cercando: spiegare perché la progettazione dell'interfaccia utente è importante per i programmatori. Per alcuni materiali correlati online:

Progettare per le persone che hanno cose migliori da fare con la propria vita

Il design dell'interfaccia utente non è qualcosa che diventa naturale per molte persone. Tuttavia, recentemente sono migliorato molto seguendo alcuni semplici principi.

1. Non andare fuori di testa, non è così difficile come pensi.

2. Modella prima la struttura dei dati e il tuo motore. Crea modelli chiari e corrispondenti al mondo reale. Ovviamente ciò presuppone che tu abbia impiegato del tempo per capire di cosa ha bisogno il cliente.

3. Ora, con un foglio di carta e una matita, siediti e inizia a disegnare il layout logico degli schermi. Questo normalmente presenta semplicemente il tuo modello di dati all'utente in modo organizzato. Il tuo obiettivo dovrebbe essere semplicemente:

   un. Imita l'ambiente in cui verrà distribuita l'app. Ad esempio, se si tratta di un'app di Windows, deve comportarsi come un'app di Windows, se è un'app Web, deve comportarsi come applicazioni Web simili più popolari della tua.

   b. Il tuo obiettivo è guidare l'utente attraverso il tuo modello di dati in un modo che LORO avrebbe previsto. Un'interfaccia utente è ben progettata quando un utente fa qualcosa nella tua applicazione e fa esattamente quello che si aspettavano che facesse.

   c. Questo richiede tempo ed è una curva di apprendimento, ma chiunque può farlo.

4. Non preoccuparti della grafica, cioè dei pulsanti, degli sfondi, ecc ... il tuo unico obiettivo a questo punto è il layout logico della pagina.

5. Devi padroneggiare la gui lib che stai usando sia che si tratti di html, gtk, cacao, android, Windows.Forms e così via nella misura in cui comprendi i meccanismi di gestione degli eventi, il motore di layout e recupera input e visualizzazione dati. Qualsiasi sviluppatore dovrebbe essere in grado di fare almeno questo.

6. Non c'è da vergognarsi nel convincere un grafico a prendere il controllo da qui. Ma dovresti almeno riuscire a superare il passaggio 5. Questo è il 95% del carico di lavoro per l'intera app.

Ecco un utile articolo che mi ha trasformato da un povero designer di gui a un designer di gui molto migliore.

http://www.joelonsoftware.com/uibook/fog0000000249.html

Puoi anche cercare esempi di successo di siti "simili" per ottenere idee su layout, grafica e design. Con un po 'di modifiche al tuo programma di pittura preferito puoi prendere in prestito molte idee e farle tue. Non copiare apertamente - non è solo cattive maniere, probabilmente è anche illegale nella maggior parte dei casi.

Dopo aver preso in prestito alcune volte, inizierai a farti un'idea migliore dei progetti di siti di successo e imparerai anche gli strumenti per realizzare quei progetti (con le tue piccole modifiche).

Con l'introduzione dell'HTML, la creazione di un semplice sito non brutto è diventata una sfida. Anche se potresti avere il concetto, ci vogliono diversi trucchi, strumenti, grafica già pronta e conoscenza CSS per farlo bene. Inoltre, per produrre pagine nitide sono necessarie tecniche di usabilità e altri fattori umani che influenzano il processo di progettazione.

Gli sviluppatori trascorrono la maggior parte del loro tempo a combattere l'apprendimento di lingue complesse, OOP, ORM, SQL, T-SQL, ecc. Inoltre raramente investono in strumenti per la creazione di siti Web (la maggior parte sono costosi).

Di conseguenza, molti sviluppatori soffrono della loro incapacità di produrre splendide pagine Web. Credo che se imparerai gli strumenti richiesti, sarai in grado di creare anche buone pagine.

È anche importante sapere qual è il tuo ruolo nel processo di sviluppo dell'applicazione. Potresti scoprire che il web design è bello avere un'abilità piuttosto che un'abilità obbligatoria. Nei grandi progetti, non dovrebbe essere almeno un compito del programmatore per i motivi sopra menzionati.

Ho scoperto che questo strumento è un ottimo strumento, può aiutarti:

Artisteer

Dai un'occhiata e prova la demo, è davvero bello.

ancora nello sviluppo web buone capacità di sviluppo non sono sufficienti senza grandi capacità di progettazione

Non so se questa affermazione sia vera, penso che dipenda da dove lavori.

Ad esempio, un'azienda più piccola richiederà probabilmente di essere più flessibile con il proprio insieme di competenze, mentre una grande azienda potrebbe non avere le stesse aspettative e si potrebbe effettivamente impiegare tutto il tempo a svilupparsi mentre un team di progettazione lavora alla progettazione.

Microsoft ha effettivamente aggiornato il proprio set di strumenti per evidenziare la netta separazione tra sviluppatori e designer. Hanno introdotto Expression Blend con WPF, il che ora significa che lo sviluppatore può lavorare sulla funzionalità di un software e qualcun altro può progettare per esso. Entrambi usano strumenti diversi, entrambi possono lavorare contemporaneamente sul progetto ma uno fa funzionalità e uno fa il design.

Lo sviluppatore specifica i punti dati e il designer li visualizza.

Ricorda che anche il design può essere testato, non solo il codice. Inizia in modo semplice, prova il tuo progetto su un piccolo gruppo di persone, registra il loro feedback e vai da lì. Questo può aiutarti a identificare i problemi con il tuo design e darti idee su cosa potrebbe / dovrebbe essere fatto diversamente. Quindi rivedere il design e iterare.

Dovrai solo fingere e copiare altri disegni. Evita qualsiasi cosa di speciale, tranne per una o due funzionalità che saranno di grande beneficio per gli utenti. Segui alcune pratiche di base per limitare caratteri, colori e disordine.

Non abbiate paura di pubblicare domande su UI.stackexchange.com

Anche se non è la tua area di competenza, penso che sia sempre interessante studiare come creare interfacce utente. Oggi la maggior parte delle pagine Web è molto dinamica e conoscere alcune competenze dell'interfaccia utente sarebbe sicuramente utile durante la creazione di componenti e l'impostazione delle loro interazioni con gli elementi della tua pagina. Provengo da un background di sviluppo solo back-end e sono rimasto sorpreso da quanto è coinvolto durante la creazione di interfacce.

C'è un libro particolarmente buono che ho letto sul web design e che è rivolto agli sviluppatori:

Web design per sviluppatori: http://pragprog.com/book/bhgwad/web-design-for-developers

È un libro di facile lettura che tocca tutte le fasi della creazione di interfacce: da semplici schizzi e prototipi di interfacce utente alla creazione di progetti con HTML + CSS.

Per migliorare ulteriormente le tue capacità di interfaccia utente, raccomando anche l'ultimo screencast di PeepCode con Ryan Singer: http://peepcode.com/products/ryan-singer-ux

Penso che raccogliere alcune nozioni di base su UX / UI / grafica / tipografia sia certamente uno sforzo prezioso. Ovviamente non puoi sempre avere un team di specialisti "a tutto tondo". Molte volte la gente deve indossare più cappelli. Un buon sviluppatore vedrà il valore nel trascorrere del tempo imparando cose al di fuori del proprio dominio e dovrebbe essere in grado di riconoscere almeno un buon lavoro nella progettazione.

Tuttavia, c'è qualcosa da dire su ciò che i designer fanno. Uno sviluppatore può fare così tanto nell'area del design (certamente alcuni più di altri). In particolare, i grandi progetti rivolti al pubblico che vanno ben oltre una ristretta nicchia traggono grande vantaggio dall'impiego di veri e propri professionisti del design. E non intendo semplicemente persone che possono oscillare attorno ai codici colore CSS e HTML. Intendo persone che hanno trascorso ANNI a studiare cose come la tipografia, che hanno letto e compreso il libro di Josef Alber sul colore , che possono fare bellissimi schizzi con carbone sbriciolato sulla carta da giornale. Queste sono competenze preziose e i progetti che lo riconoscono e che possono mettere queste abilità in un uso mirato hanno un vantaggio deciso rispetto alla concorrenza.

Detto questo, ci sono alcune aree in cui designer e sviluppatori possono sovrapporre le proprie competenze. Soprattutto UX e il suo sottodominio, UI. Io raccomando ...

• Progettare per l'interazione
• Progettazione di interfacce
• Progettare interazioni

Assumi un professionista.

Scherzi a parte, le interfacce utente degli sviluppatori hanno una terribile reputazione. Questo non è perché gli sviluppatori sono al di sotto della media nella progettazione, ma piuttosto perché gli sviluppatori sono al di sotto della media nel chiedere aiuto.

Uno sviluppatore ha la tendenza ad affrontare ogni sfida digitale che si presenta.

(Sono stato uno sviluppatore professionista per 10 anni e mia moglie è una designer di interfacce utente per 20 anni)