luni, 17 mai 2010

Cum sa stabilesti pretul corect pentru un proiect de webdesign

0 comentarii

Stabilirea pretului unui site web depinde de cativa factori esentiali: costurile de realizare, structura pietei - nivelul cererii in raport cu oferta si preturile concurentei.

Costul de realizare. Realizarea unui website sau aplicatii web presupune folosirea unui anumit volum si calitate de resurse umane - proiect manager, designeri, dezvoltatori, copywriteri - si resurse materiale - infrastructura folosita pentru o anumita perioada de timp in functie de complexitatea proiectului. Pentru de a stabili o cotatie de pret, este esentiala stabilirea unui cost de realizare cat mai exact, acesta fiind stabilit pe pagina, pe ore de lucru sau pe intregul proiect. Ca sa estimezi costul corect, trebuie sa sti raspunsul la cateva intrebari esentiale legate de proiect.

Ce fel de proiect se doreste? Se poate dori realizarea unui site simplu de prezentare, un catalog online, blog, magazin online sau unui alt fel de aplicatii web.

Ce volum si ce tip de continut media este necesar? Trebuie sa cunoasti cateva elemente esentiale: numarul de pagini, tipul acestora - statice sau generate dinamic, volumul textelor si suportul de furnizare a acestora (pe hartie sau in format electronic - pdf, html), volumul imaginilor si necesitatea de prelucrare a lor, precum si nevoia altor resurse media ce vor fi realizate si/sau publicate pe site - continut flash, multimedia.

Cum se va gestiona continutul? Trebuie sa explici clientului faptul ca in timp sunt necesare modificari si adaugari de continut media, acest continut putand fi gestionat de tine ca designer sau ca un serviciu separat - de mentenanta, sau prin intermediul unui CMS. Folosirea unui astfel de sistem implica de asemenea un cost suplimentar precum si abilitati tehnice specifice.

Care este termenul pentru finalizarea proiectului? Cu cat un termenul de realizare al unui proiect este mai mic cu atat costurile cresc si implicit pretul final. Trebuie sa fii sincer cu clientii, sa stabilesti realist termenul limita si sa respecti acel termen. In cazul in care acel termen nu mai poate fii respectat, indiferent de cauze, trebuie sa iti informezi si clientul.

Ce experienta este necesara pentru proiect? Trebuie sa ti cont de abilitatile tehnice necesare pentru a finaliza un anumit proiect. Daca unele proiecte se pot realiza doar cu abilitati de design, html, css, javascript, flash cunoasterea unor sisteme de management al continutului - CMS-uri, pentru altele sunt necesare abilitati de programare, seo, marketing. Cu cat ai mai multa experienta in web design, cu atat poti cere preturi mai mari pentru proiectele pe care le realizezi.

vineri, 26 februarie 2010

Greseli comune în web design si cum sa le eviti

0 comentarii

Inainte de a te incepe un nou design sau un redesign e bine sa cunosti cele mai des intalnite greseli de web design precum si metode de indreptare a acestora.

Sunt greseli comune, intalnite la tot pasul pe internet, pe care chiar tu, eu sau alti designeri le-am facut si nu trebuie sa le mai repetam.

Majoritatea acestor greseli se refera la designul, continutul, utilitatea si functionalitatea site-ului.





Greseli legate de design-ul, aspectul site-ului


  • Grafic design neprofesional. Primul pas este foate important. In web design acesta il constituie realizarea machetei grafice pe baza careia se va realiza site-ul. Daca iti construiesti site-ul pornind de la un design amator, website-ul realizat nu se va fi mai presus de atat.
    Solutia pentru aceasta greseala este evidenta. Insista pe design, slefuieste detaliile machetei pana cand aceasta arata cu adevarat profesional, iar abia apoi porneste la realizarea sitului efectiv.
  • Culori nepotrivite. Cand e vorba de alegerea culorilor, ca designer poti fi influentat atat de preferintele personale cat si de cerintele clientului. Este foarte usor sa cazi in capcana alegerii unor culori nepotrivite intre ele sau cu tematica site-ului.
  • Text nelizibil. Datorita dimensiunilor prea mici sau datorita contrastului slab cu fundalul, de multe ori textul este greu sau imposibil de citit.
  • Inconsecventa fonturilor. Exista multe fonturi care ne plac si pe care putem sa le folosim, dar nu trebuie sa faci greseala de a pune mai multe intr-un singur design. Foloseste unul, cel mult doua tipuri potrivite pentru web si cu tematica siteului.
  • Rezolutie nepotrivita.
    Multe design-uri sunt realizate pe un layout fix, pe o anumita rezolutie. Este gresit sa alegi cea mai mare rezolutie, fara sa ti cont de vizitatori. Alege o rezolutie optima care sa fie potrivita pentru majoritatea vizitatorilor sau opteaza pentru un layout flexibil.
  • Inconsistenta in design.
    Un website este realizat dintr-o multitudine de pagini diferentiate prin continutul lor. Indiferent de continutul si specificul fiecarei pagini, designul trebuie sa fie unitar in tot site-ul. Personalizarea excesiva a designului fiecarei pagini in parte, ceea ce va da o nota de inconsistenta siteului, este o alta greseala ce trebuie evitata.


Greseli legate de utilitatea informatiei oferite, continutul


  • Continut putin sau nerelevant. Continutul este foarte important pe un site. Continutul trebuie sa fie util si relevant. Un continutul sarac in informatii utile pentru vizitator, amestecat cu subiecte in afara temei principale a siteului nu va atrage vizitatori.
  • Continut mult si nestructurat. Cealata extrema a continutului consta in continut mult si prost structurat. Continutul mult si greu de citit datorita volumului si nestructurarii informatiei. Repara aceasta greseala prin gruparea informatiei pe categorii si reducerea textului inutil.
  • Doar un fel de continut. Multe website-uri abunda din imagini sau animatii, lipsindu-le informatia sub forma de text. Altele prezinta informatia doar forma doar de text, fara imagini. Ambele extreme reprezinta alte greseli de web design ce trebuiesc evitate
  • Multe reclame. O pagina incarcata cu foarte multe reclame si putina informatie utila nu e apreciata de nici un vizitator. Va iesi de pe pagina in cauza fara cale de intoarcere.


Functionalitatea si accesibilitatea




  • Navigatie greoaie. Vizitatorul poate fi derutat de lipsa navigatiei sau organizarea proasta a acesteia, de nemarcarea linkurilor de email, a celor externe, de existenta de likuri catre url-uri inexistente.
  • Timp de incarcare mare. Vizitatorul nu are rabdare sa vada o pagina care se incarca greu. Cu cat timpul de incarcare este mai mare, cu atat mai probabil este sa paraseasca siteul in cauza. Poti repara aceasta problema prin minimizarea si optimizarea elementelor grafice, animatiilor flash sau javascripturilor.
  • Incompatibilitatea cu alte browsere. Este gresit sa dezvolti site-ul pentru un singur browser, fara a lua in considerare alte browsere pe care le pot folosi vizitatorii sitului. Indiferent de preferintele personale trebuie sa iei in considerare cele mai folosite browsere - Firefox, IE, Chrome, Opera.
  • Site intro. O practica gresita este aceea de a opri vizitatorului pe prima pagina pentru a oferi versiuni diferite ale sitului - pentru limbi diferite, rezolutii sau tehnologii diferite - flash sau html.

Audienta si scopul siteului

  • Uitarea scopului site-ului. Designerul uita de multe ori scopul siteului si pentru cine realizeaza site-ul.
  • Fara feedback. Nu exista nici o posibilitate de a obtine feedback direct de la vizitatori. Informatii importante pot fi obtinute de la acestia daca siteul ofera diverse modalitati de feedback - formulare de feedback, sondaje, posibilitatea de a adauga comentarii.
  • Neurmarirea rezultatelor. Odata cu realizarea si publicarea site-ului pe internet, nu se urmaresc rezultatele pe care acesta le obtine. Fara aceste masuratori, fara analiza acestora, nu se pot lua decizii privind optimizarea corespunzatoare a siteului.


Desigur mai sunt si alte elemete care trebuiesc luate in considerare la realizarea unui design. Aceast articol prezinta cateva dintre greselile cel mai des intalnite in web design.

miercuri, 2 septembrie 2009

Programe web design

0 comentarii

Programe webdesign & web development



Exista o multitudine de programe ce pot face viata mai usoara unui web designer sau web developer. Am intocmit o lista cu astfel de programe, soft-uri si tool-uri online - in principal open source software.

Editoare text (css, html, javascript)


  • Bluefish. Bluefish este un editor puternic pentru programatori si webdesigneri, cu mai posibilitatea de a edita site-uri web, scripturi si cod de programare.
  • Notepad++. Notepad ++ este un editor de text gratuit pentru Windows ce permite editarea fisierelor sursa pentru un numar mare de limbaje. Dintre caracteristicile esentiale enumeram: free, consum redus de resurse, evidentiere sintaxa, autocompletare, interfata multi-document.
  • Quanta Plus. Quanta Plus este un editor HTML si o dezvoltare web pentru K Desktop Environment.
  • Firebug. Firebug este un plugin puternic pentru Firefox care va permite sa editati CSS / HTML / JavaScript.
  • Cssed. Cssed este un mic editor ce faciliteaza editarea de CSS.

Editoare vizuale (WYSIWYG) HTML /CSS

  • Amaya. Amaya este un editor vizual realizat de la oamenii de la W3C.
  • KompoZer. KompoZer este un editor vizual proiectat pentru a fi extrem de usor de folosit, ceea ce îl face ideal pentru utilizatorii non-tehnici.
  • Nvu. Nvu este o clona open-source a Dreamweaver-ului. Poate editor simplu cat si vizual pentru HTML si CSS.

Clienti FTP/SFTP/SSH

  • FileZilla. Filezilla este un client FTP foarte popular.
  • FireFTP. FireFTP este un client FTP ce se integreaza ca un plugin in Firefox.
  • WinSCP. WinSCP este un client SFTP/FTP open source free pentru Windows. Protocolul mai vechi SCP protocol este, de asemenea, suportat. Principala sa functie este copierea sigura a fisierelor de pe un calculator local si un computer la distanta.
  • Putty. PuTTY este un client SSH / Telnet gratuit pentru platformele Win32 si Unix.

Editoare Imagini

  • Gimp. Gimp este echivalentul open-source al Photoshop-ului. Acest editor este foarte puternic si complet gratuit.
  • Inkscape. Inkscape este un foarte puternic program de grafica vectoriala ce salveaza documentele in formatul SVG.

Selectie Culori/Palete

  • ColorZilla. Cu ColorZilla puteti obtine mai rapid o culoare din orice punct în browser-ul dvs.
  • ColorSchemer. ColorSchemer este un tool profesionist de selectie palete de culoare. Este disponibil atat online cat si ca o applicatie desktop.
  • ColorPalette. ColorPalette este un tool ce permite realizarea unei palete de culori pornind de la o imagine.

Alte instrumente pentru web design

  • Web Developer Toolbar. Web Developer Toolbar pentru Firefox Acesta este un plugin trebuie sa aiba pentru orice CSS designer. Aceasta va permite sa vizualizati cu CSS pentru o pagina, sa opriti css-ul si vedeti modul în care o pagina este construita.
  • HTML Validator. HTML Validator este o extensie pentru firefox care valideaza codul HTML.
  • IE Tab. IE Tab deschide Internet Explorer-ul într-un tab Firefox.
older post