Quali sono le responsabilità di un web designer


9

Ciao a tutti -

Sono uno sviluppatore Coldfusion con oltre 2 anni e mezzo di esperienza. Ho una certa esperienza con Javascript, jquery e sql.

Stavo pensando di imparare anche il web design nel mio tempo libero. Quali sono le responsabilità di un web designer? Implica la conversione di un PSD in HTML / CSS. Un web designer dovrebbe essere bravo anche nella progettazione grafica?

Grazie..

Risposte:


13

Il termine "web designer" è piuttosto generico e non ha una definizione specifica se non quella di essere coinvolto in alcuni aspetti della progettazione e / o costruzione di siti web.

I ruoli che possono essere coinvolti in un progetto di web design possono variare da progetto a progetto, da squadra a squadra, da impresa a impresa, ma ecco un elenco di vari ruoli:

  • stratega dei contenuti
  • copywriter
  • Architetto dell'informazione
  • Designer di interazioni
  • Designer dell'interfaccia utente
  • Grafico
  • Sviluppatore Front End
  • User Experience Designer
  • Analista di usabilità
  • Analista dell'accessibilità

Direi che uno qualsiasi dei precedenti può essere raggruppato in "web designer"

E poi ci sono ruoli che mi piace anche chiamare designer, anche se non tutti sono d'accordo:

  • test utente / usabilità
  • ricerca competitiva e di settore
  • SEO (cappello bianco, non cappello nero!)
  • DBA
  • Analista di affari
  • Sviluppatori di back-end

Quindi, invece di rispondere alla tua domanda, la farò girare e ti chiederò una di queste domande: quali aspetti del Web Design pensi che ti piaceranno e su cui vorresti concentrarti?

In base alla tua risposta sul voler concentrarti sull'interfaccia utente e sullo sviluppatore del front-end, suggerirei quanto segue:

Lo sviluppo del front-end è probabilmente un'estensione delle tue attuali competenze. Ti consigliamo di concentrarti su HTML, CSS e JS. Se conosci già le basi di JS, probabilmente vorrai immergerti in un buon framework come jQuery, che ti aiuterà anche con il tuo prototipo.

Per quanto riguarda il design dell'interfaccia utente, questo è uno sfondo leggermente diverso. La maggior parte dei designer dell'interfaccia utente ha un background in arte e design. Pertanto, ti consigliamo di concentrarti su abilità come disegno, diagrammi, teoria dei colori, forma, arte, tipografia, ecc. Quindi combinano questo con le abilità del tipo di fattore umano come le migliori pratiche di usabilità, valutazioni euristiche, progettazione di interazione, eccetera.

In termini di strumenti del mestiere, beh, è ​​qui che dovrai abituarti a Photoshop e ai suoi parenti. Nessun vero modo per aggirare questo.


Grazie per la risposta. Il mio interesse risiede nel progettista di interfacce utente / sviluppatore front-end. Ma ciò che mi spaventa un po 'è il pensiero di imparare Photoshop o strumenti simili per lo sviluppo di prototipi. Ho provato a seguire alcuni tutorial su Photoshop e in qualche modo è stato difficile seguirlo.
user508518

2
@ user508518 L'uso di Photoshop per lo sviluppo di prototipi sta infatti perdendo favore. La maggior parte degli sviluppatori ora capisce che i layout adattivi per diversi dispositivi (desktop, telefoni, ecc.) Sono più importanti dei modelli di photoshop perfetti per i pixel. I prototipi dell'interfaccia utente di Wireframing sono tornati in auge.
ghoppe,

Buona risposta! Sono solo d'accordo che il termine "web designer" non significa più nulla. Ci riferiamo allo sviluppo front-end e back-end nel mio team
Bosworth99,

3

Aggiungendo un po 'all'ottima risposta di DA01, non è necessario imparare Photoshop per progettare siti Web. Non è nemmeno necessario utilizzare un editor WYSIWYG come Dreamweaver (anche se questo può sicuramente aiutare ad accelerare il processo, specialmente con i nuovi strumenti in CS5 e 5.5); ci sono molti web designer che non usano altro che un editor di testo e una raccolta di browser. Uso DW, ma il 90% del mio codice viene eseguito nell'editor e raramente prototipo ampiamente in un programma separato nonostante sia molto a mio agio con Photoshop, Illustrator, ecc.

Detto questo, inevitabilmente ti imbatterai in situazioni in cui hai bisogno di alcuni bit grafici, anche se si tratta solo di pulsanti personalizzati o di un banner del sito, che devi creare te stesso, adattarti da alcune opere d'arte esistenti o avere qualcuno per cui deridere voi. Quindi avrai bisogno almeno di una struttura di base con un'applicazione grafica come Fireworks, Photoshop o simili.

Vorrei suggerire lynda.com e tv.adobe.com come punti di partenza. Esistono tutorial eccellenti su entrambi i siti.

Nota a margine: il modo migliore per tenersi aggiornati è quello di affrontare un vero progetto su cui lavorare che ti costringe a scoprire come fare le cose. Farà esplodere la tua adrenalina, certo, ma tutto ciò che impari in un progetto dal vivo diventa parte del tuo kit di strumenti e non viene dimenticato. Il mio primo progetto Flash (un enorme display interattivo multi-pagina per chioschi) è stato così. Cinque lunghi giorni di approfondimento su ActionScript, con l'applicazione immediata del mondo reale, mi hanno lasciato con una serie di abilità che non ho mai perso.


2

Un web designer è responsabile della stessa cosa della maggior parte dei designer e il toolkit (css) non è importante quanto una comprensione di base del design, anche se ovviamente se non riesci a programmare e puoi solo fare casino in Photoshop non altrettanto utile in un progetto web. Un modo semplice di pensare a ciò che rende un buon web designer, o un designer in generale, è il seguente: Un designer è responsabile di vedere il prodotto dal punto di vista del cliente o dell'utente. Ad esempio, se stai progettando un mouse per computer sarai responsabile della realizzazione del mouse ...

  1. Facile da usare e da capire
  2. Interessante (dopo tutto, se non è attraente nessuno si prenderà la briga di usarlo)
  3. Ben costruito (in modo che i clienti sentano di aver ottenuto un buon affare, quindi il prodotto non viene restituito e si guadagna una cattiva reputazione)
  4. Divertente parlare. Idealmente, il tuo design farà venire voglia alle persone di parlare del tuo mouse, usando il design stesso come modo per diffonderlo.

Altri prodotti richiederanno cose diverse, ovviamente, ma la capacità di vedere ciò che i clienti desiderano, piuttosto che ciò che risolve a malapena un problema o ciò che gli utenti pensano di volere, è un punto di vista utile durante la progettazione della maggior parte delle cose.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.