Progettare per non progettisti

Ad esempio, il progettista non è interessato solo a ciò che l'utente può vedere sullo schermo, ma anche a ciò che l'utente vedrà in risposta a qualche evento che si verifica. Un evento potrebbe essere qualcosa come un clic del mouse, una fine del timer o anche un errore che si verifica. Dobbiamo preoccuparci di come il prodotto risponderà alle cose che accadono mentre l'utente sta interagendo con esso. Sebbene il nostro lavoro sia normalmente visualizzato su uno schermo bidimensionale, dobbiamo essere in grado di pensare in almeno quattro dimensioni.

Il successo come web designer richiede la padronanza di una vasta gamma di competenze. Il grafico sottostante mostra una visione estremamente semplificata delle aree principali di cui i progettisti devono avere almeno una comprensione operativa.

All'interno di ciascuno di questi livelli, ci possono essere numerosi altri livelli, ognuno dei quali richiede conoscenze, abilità e specializzazioni differenti. Ad esempio, se si raggruppano i due livelli superiori (Interfaccia utente e Architettura di navigazione), ci si trova nel territorio di un progettista UX, poiché il loro compito principale è valutare come questi elementi in particolare funzionano o non funzionano a beneficio di l'utente. Il raggruppamento dei due livelli inferiori offre la progettazione del sistema.

Isolando il livello superiore, è possibile trovare specializzazioni in grafica, design, layout, tipografia, animazione e molto altro ancora. Il punto è che non esiste un'unica definizione facile di ciò che un web designer fa o fa. Possono fare alcune delle cose sopra descritte, o potrebbero non fare nessuna di esse.

Alcuni web designer potrebbero essere brillanti nel disegno grafico e nel disegno, ma essere totalmente all'oscuro quando si parla di programmazione. Altri potrebbero essere dei brillanti programmatori, ma non possono disegnare molto meglio di un normale studente d'asilo. Se i web designer non sono veramente sicuri di quale sia il web design, allora non c'è da meravigliarsi che i clienti apprezzino raramente che operazione complessa sia quella di creare un sito web di alta qualità.

Padroneggiare tutte queste abilità è un compito arduo per ogni singola persona, motivo per cui la maggior parte degli studi preferisce lavorare in un ambiente di squadra. Ciò non è sempre pratico per tutti, ad esempio se stai solo trovando i tuoi piedi nella tua piccola azienda, e ci possono essere momenti in cui potresti trovare di dover coprire per un membro del team assente. Questa guida spiega come affrontare le aspettative del cliente in merito alle proprie aspettative.

1. Conosci i tuoi punti di forza

Aiuta molto se sai già cosa sei meglio. Sei bravo a programmare? Quindi focalizza 80% del tuo sforzo di produzione sulla codifica. sei brava a disegnare? Quindi concentrati su 80% del tuo sforzo di produzione. Sei bravo in entrambi? Sfrutta questo vantaggio e trova qualcun altro a fare il lavoro intenso. Per inciso, conoscere i tuoi punti di forza significa anche identificare i tuoi punti deboli, ed è qui che dovresti concentrare 80% dei tuoi sforzi di apprendimento, in modo da poterli eliminare.

2. Fare squadra

Non importa quanto tu voglia essere o quanto sia avido, quel consiglio che hai in scuola che è bello condividere è in realtà abbastanza solido. Metti in questo modo: vuoi lavorare su un sito web al mese per $ 2000 o vuoi lavorare su siti Web 20 al mese per una quota 20% di $ 40,000? Avere un team di collaboratori di talento significa che puoi fare di più in meno tempo, a condizione che tutti voi possiate lavorare bene insieme (questa è l'altra cosa che abbiamo imparato in età prescolare).

Fortunatamente viviamo in un'epoca in cui il reperimento di talenti è più facile che mai. Una squadra potrebbe lavorare tutti insieme nello stesso edificio, oppure potrebbe essere dispersa in cinque diversi continenti. Piccoli dettagli del genere non contano più tanto, a patto che le tue comunicazioni funzionino bene.

Assicurati che, se sei in outsourcing, non fornisci il tuo talento a siti di aste di talenti competitivi come O-Desk ed E-Lance. Questi sono pieni di aspiranti e fannulloni, quindi trovare un talento autentico è come cercare un diamante in un'enorme montagna di carbone.

Vai in posti dove troverai montagne di diamanti contaminati solo dal puntino occasionale di carbone. Se devi mordere il proiettile e lavorare con qualcuno da questi altri siti, non andare con l'offerente più basso o l'offerente con i lavori più completi. Cerca il miglior comunicatore (annuncio o risposta ben scritto, che indica chiaramente cosa possono fare per te in una lingua che puoi capire).

Quindi che tipo di posti? Ecco alcuni suggerimenti:

  • StackOverflow per programmatori
  • ProBlogger per autori di contenuti
  • Rete di artisti freelance per illustratori
  • Toptal per UI, UX e Visual Designers

Assumere da fonti di qualità come questa non costa poco, ma significa che puoi sentirti più sicuro dei potenziali risultati. Cerca di formare partnership durature e, se possibile, è meglio assumere una quota di compartecipazione agli utili a tasso fisso piuttosto che pagare una tariffa oraria.

Siate consapevoli che la maggior parte delle persone sopravvaluta le proprie competenze, quindi non prestate molta attenzione a ciò che la gente dice di poter fare. Metti più enfasi su ciò che le persone dimostrano di poter fare. Anche essere consapevoli del collegamento a cascata. Cos'è quello? Beh, quando esternalizzi qualcuno che a sua volta esternalizza il lavoro a qualcuno che potrebbe esternalizzarlo da solo ... puoi vedere quale rischio c'è qui.

Se un possibile affitto sembra produrre più lavoro di quanto sarebbe umanamente possibile e la qualità non fa schifo totale, questo è un segnale molto forte che probabilmente sono a cascata, il che significa che stai pagando più di quanto dovresti essere, e la persona che sta facendo il lavoro viene sfruttata.

3. In un pizzico, puoi sempre tracciare

Usando una combinazione di GIMP e InkScape, puoi creare praticamente qualsiasi tipo di design grafico che puoi immaginare. Ma se non sei davvero il tipo di designer che è bravo a disegnare, puoi sempre tagliare gli angoli e imbrogliare. Questo articolo è davvero solo ripetendo tutte le lezioni che hai imparato in età prescolare, non è vero? Ma hey, perché disegnare quando puoi tracciare, giusto?

Ora noterai che ho detto traccia e non copiare. La copia è sbagliata, tranne quando qualcosa è già di dominio pubblico. Copiando, esponi te stesso e il tuo cliente a rischi inutili e stai imbrogliando qualcuno che dedica tempo e sforzi a creare qualcosa che tu pensi valga la pena copiare.

Tracing, d'altra parte, sta ancora creando un'opera originale, a patto che il risultato finale non sia troppo simile all'originale. Ma non devi necessariamente rintracciare il lavoro di qualcun altro. Puoi tracciare anche le tue foto originali. Puoi anche utilizzare i filtri PhotoShop per convertire le foto in schizzi, ma ciò non funziona particolarmente bene.

Vediamo quella tecnica in azione

In questo scenario il tuo cliente ha richiesto che venga creato un logo del mouse per il suo sito Web e deve essere fatto urgentemente. La persona che normalmente fa tutto il disegno per te è lontana e non può essere raggiunta, e non c'è tempo per reclutare qualcun altro senza correre un rischio enorme. Che cosa si può fare?

Un buon modo per iniziare sarebbe semplicemente scattare una foto del tuo mouse.

Quindi modifica l'immagine in GIMP o PhotoShop per ridimensionarla a una dimensione più pratica e togli tutte le informazioni sul colore. Ho scoperto che la desaturazione con l'impostazione Luminosità ha dato il miglior risultato in termini di riduzione dell'ombra.

Esporta l'immagine come nuovo JPG e chiudi l'editor. Apri la nuova immagine in InkScape.

Clicca sull'immagine per selezionarla e poi premi Ctrl + X per inviarla negli appunti.

Ora seleziona Livelli dal menu Livello e fai clic sul pulsante per aggiungere un nuovo livello, che puoi chiamare "sfondo".

Premi Ctrl + Alt + V per eseguire un'operazione "Incolla sul posto". Questo rimette l'immagine esattamente nella stessa posizione in cui l'hai tagliata (se fai solo una normale incolla, potrebbe essere sfalsata).

Ora imposta l'opacità del livello su un valore basso come 40 o anche 30, quindi fai clic sull'icona del lucchetto per bloccare il livello da eventuali ulteriori modifiche.

Aggiungi un nuovo livello, che potresti chiamare "traccia".

Ora basta selezionare lo strumento matita (tracciare linee a mano libera) e tracciare attentamente le linee. Questo funzionerà molto più facilmente se usi uno stilo e una tavoletta grafica, ma può comunque essere fatto usando un mouse. Potrebbe essere utile ingrandire l'immagine. Esegui il lavoro in piccole sezioni, per renderlo meno frustrante quando correggi gli errori.

Zoom direttamente sulle aree che richiedono un controllo molto preciso. Non preoccuparti di riempire le aree ombreggiate, lo faremo più tardi. Si noti inoltre che se alcuni bit sono difficili da vedere, è sufficiente aumentare temporaneamente l'opacità del livello di sfondo in modo da poter vedere più facilmente.

Ora dovresti avere un contorno perfetto per l'immagine del soggetto. A seconda del lavoro, potresti voler utilizzare il riempimento e l'ombreggiatura oppure lasciarlo come un'immagine di contorno monocromatica.

Nasconde o elimina il livello di sfondo e salva questo modello in formato SVG.

Ora puoi giocare un po 'con l'immagine. Forse aggiungi un po 'di colore.

Quindi una texture.

Ma per un logo questo è probabilmente eccessivo, quindi dovremmo semplicemente mantenerlo semplice. Tornando al monocromatico, riduciamo l'immagine verso il basso.

Ora aggiungi semplicemente alcuni artefatti del logo, in questo modo:

Et voilà! Il capolavoro finito. Questo di solito è il punto in cui il client irato ti chiama e si lamenta che hai messo un mouse per computer quando in realtà volevano un mouse cartone animato. Questo è un argomento per il nostro prossimo articolo, Gestire i clienti difficili.

immagine di cortesia per gentile concessione di Ramotion

Bogdan Rancea

Bogdan è membro fondatore di Inspired Mag, avendo accumulato quasi 6 anni di esperienza in questo periodo. Nel tempo libero ama studiare musica classica ed esplorare le arti visive. È piuttosto ossessionato dai fissaggi. Possiede già 5.