1. Smetti di usare Photoshop per il web design

Il fatto che le persone utilizzino software di manipolazione fotografica per progettare siti Web non smette mai di stupirmi. Adobe Indesign offre funzionalità molto più rilevanti, ma, soprattutto, è basato su vettori. Questo significa che nessun livello (che è completamente irrilevante per il web design) e un facile accesso a qualsiasi oggetto sulla pagina. Gli oggetti possono anche essere copiati in Illustrator e quindi esportati come PNG con sfondo trasparente.

In realtà, mi fermerò qui, perché credo che abbandonare Photoshop e raccogliere Indesign ti renderà molto più produttivo. Le alternative a Indesign includono Illustrator e Fireworks, ma Indesign è molto più potente secondo me.

Quali erano i tuoi studi? CS o programmazione, giusto?

La fase 1 è realizzata da designer visivi, basati sul lavoro dei designer di interazione. Questi due lavori non hanno nulla a che fare con la programmazione.

La fase 2 è più vicina alla programmazione (anche se HTML e CSS non sono linguaggi di programmazione). Per i siti web statici semplici, in effetti impiegherà la maggior parte del tempo. D'altro canto, per le applicazioni web sarà solo una piccola parte del progetto.

Quindi, cosa puoi fare ora?

1. Trova un web designer. Se non hai mai imparato a fare web design, è probabile che il tuo lavoro sarà di qualità non molto elevata e trascorrerai giorni facendo qualcosa che un web designer può fare in pochi minuti. Se per qualche motivo non puoi lavorare con un web designer, allora imparalo da solo. Preparati a trascorrere almeno cinque anni a tempo pieno imparando tutte le cose: il lavoro del designer richiede molte cose da sapere e molta pratica. Nota che il design dell'interazione e il design visivo sono due lavori diversi, entrambi estremamente importanti per un progetto di successo.

   Si noti che l'esperienza utente comprende il design dell'interazione parallelamente al design visivo, all'usabilità e all'architettura dell'informazione. Ecco perché il design dell'interazione è essenziale ma non sufficiente per un'applicazione web.

2. Se avere un designer o trascorrere cinque anni al college è un eccesso per il progetto a cui stai lavorando, allora almeno investi nell'imparare a utilizzare il software esistente per accelerare il tuo lavoro. Se stai lavorando su siti Web e non su applicazioni Web, perché non utilizzare gli editor WYSIWYG invece di scrivere codice a mano? Questi editor genererebbero codice scadente, ma è importante nel contesto di un piccolo sito web?

3. Se sei curioso, scopri altri passaggi necessari per realizzare un progetto. In qualsiasi progetto grande , la progettazione visiva e la programmazione (ovvero tutto ciò che fai ora) è il passo più semplice e breve (dal 10 al 20% di tempo). Ciò che richiede molto più tempo è impostare una comunicazione corretta tra i partecipanti al progetto, scegliere gli standard da seguire, raccogliere requisiti, testare, fare architettura e progettazione, scrivere documentazione, fare audit di sicurezza, prendere in considerazione aspetti legali, preparare il processo di distribuzione e dozzine di altre attività che sono più o meno estraneo alla programmazione stessa.

Effetto Deskilling

L'introduzione di una nuova tecnologia che aumenta la produttività a volte consente ai membri meno esperti del settore di esibirsi quasi come i membri più qualificati. Questo può o non può essere le conseguenze previste dei sostenitori della nuova tecnologia. Se è previsto, può portare enormi profitti ai suoi proprietari, perché l'allargamento del pool di candidati significa che l'offerta di lavoro è aumentata, il che si traduce in salari più bassi, e quindi porta risparmi alle aziende che assumono questa nuova tecnologia.

Questo è successo sin dalla rivoluzione industriale. Si prega di prendere qualsiasi libro di storia della scienza, o fare un breve corso in un college nelle vicinanze.

Ci sono molte tecnologie che migliorano la produttività nello sviluppo web; ci sono molte librerie lato client e lato server che riducono i tempi di sviluppo. In alcuni casi ha permesso a un piccolo team di fornire applicazioni che tradizionalmente avrebbero richiesto un team molto più grande.

Ciò non significa che il programma basato su Web o CSS richieda meno abilità nello sviluppo - la richiesta di abilità passa semplicemente dalla conoscenza algoritmica all'estetica visiva e alla progettazione dell'interazione, come suggerito nella risposta di MainMa .

Obsolescenza

In altri casi, la nuova tecnologia ha semplicemente reso obsoleta una tecnologia meno recente e meno efficiente. Pertanto, i lavori qualificati che non possono trasferire le loro conoscenze alla tecnologia più recente perderanno il loro vantaggio competitivo o addirittura perderanno completamente la loro utilità.

Un recente esempio di obsolescenza è lo sviluppo di software desktop. Viene gradualmente sostituito da sistemi basati sul web. Ci sono grandi vantaggi economici nel passaggio a quest'ultimo: accorcia i cicli di rilascio del prodotto da anni a zero praticamente.

Cambiamento strutturale

I lavori che vengono eliminati dall'effetto contabile o dall'obsolescenza o dalla competizione globale, di solito non tornano ai livelli storici.

Collaboratori della conoscenza

Lo sviluppo del software è uno dei mestieri noti per richiedere uno sforzo di apprendimento continuo senza fine, per tutta la vita.

È possibile identificare sfide coinvolgenti e stanze per miglioramenti in un lavoro diurno altrimenti ripetitivo o passivo. Forse puoi imparare il visual design e il commercio elettronico nel tuo tempo personale e portare più valore al tuo datore di lavoro. Semplicemente vedere l'immagine più grande ti avrebbe aiutato a trovare un percorso di carriera. L'imperativo è di trovare un lavoro più impegnativo dal punto di vista intellettuale o di rendere più interessante il tuo attuale lavoro.

I noticed that the corresponding phase (phase 4) takes the less time and effort in all the process, and all the hard work and effort is focused on design and specially on converting this design to html/css, Don't you notice the same ? Have i any problems on my way to work?

Dipende davvero dal tipo di sito web che stai sviluppando.

La maggior parte dei siti web solo statici (significa che puoi praticamente usare solo HTML / CSS) ti porteranno più tempo a progettare piuttosto che a mettere online.

Lo stesso non si applica ai siti web dinamici (qualcosa come un social network, SE, qualsiasi sito web basato sugli utenti) che richiede un sacco di programmazione di database e server rispetto alla semplice progettazione dello scheletro dell'applicazione.

Anche dando un'occhiata al tuo flusso di lavoro sembra che tu stia usando Dreamweaver o programmi come loro. Sento la necessità di avvertirti: l'uso di tali programmi potrebbe produrre codice non valido in w3c, inefficiente o non compatibile con la maggior parte dei browser moderni.

All the hard work and effort is focused on design and specially on converting this design to html/css, Don't you notice the same ? Have i any problems on my way to work ?

Dipende

Le fasi e l'approccio dipenderanno dalla dimensione del progetto. Per i piccoli , i siti Web statici che pubblicano html / css e grafica richiedono più tempo. Tuttavia, puoi utilizzare modelli gratuiti avere qualcosa da cui iniziare e adattarlo alle esigenze del progetto.

Per i progetti più grandi , la preparazione alla fase di sviluppo del software è la più lunga. Svolge anche un ruolo fondamentale nella definizione dei progressi successivi e successo / fallimento del progetto .

Pianificazione

È fondamentale iniziare a pianificare il lavoro / le attività quotidiane prima dell'attuazione effettiva. Comprendere la portata e l'obiettivo di ogni singola attività riduce sempre i tempi di sviluppo e solleva domande per eliminare le incognite. Pertanto, è molto importante investire tempo nell'apprendimento / comprensione dello scopo del compito prima di avviarlo.

Approccio iterativo

Nella fase veloce odierna e in un ambiente molto competitivo, è molto difficile ottenere i requisiti completi del progetto prima di iniziare lo sviluppo e il tradizionale processo di sviluppo a cascata non funziona bene.

Pertanto, la maggior parte dei progetti prende le loro richieste pezzo per pezzo dai proprietari del progetto e usa Iterativo approccio di sviluppo nel loro processo di sviluppo del software.

The basic idea behind this method is to develop a system through repeated cycles (iterative) and in smaller portions at a time (incremental), allowing software developers to take advantage of what was learned during development of earlier parts or versions of the system. Learning comes from both the development and use of the system, where possible key steps in the process start with a simple implementation of a subset of the software requirements and iteratively enhance the evolving versions until the full system is implemented. At each iteration, design modifications are made and new functional capabilities are added.