15 elemente esențiale într-un proiect de web design
Acest articol este pentru tine dacă ești un om de marketing dintr-o companie sau o organizație, responsabil de un proiect de web design (explicăm imediat ce înseamnă asta) sau un antreprenor la început de drum, care caută să înțeleagă cum poate îmbunătăți experiență publicului sau pe site-ul startup-ului pe care lansează.
Ce este web design?
Web design – se referă la proiectarea site-urilor web care sunt afișate pe internet. De obicei, se referă la aspectele experienței utilizatorului în dezvoltarea site-ului web, mai degrabă decât la dezvoltarea de software. Web design-ul se concentra pe proiectarea de site-uri web pentru browsere desktop; totuși, de la mijlocul anilor 2010, designul pentru browserele mobile și tablete a devenit din ce în ce mai important. (Interaction Design Foundation)
Astăzi două discipline, relativ noi, UX Design (user exeprience design) și UI design (user interface design) definesc mult mai clar ceea ce înseamnă web design. Prima se referă la modul în care este construită experiență pe care userul o are atunci când accesează site-ul web iar cea de a două la modul în care arată grafic site-ul web.
Acum, ca am definit foarte, foarte pe scurt ce înseamnă web design să mergem mai departe la cele 15 puncte pe care ar trebui să le ai în vedere atunci când pornești un proiect de web design.
1. De ce faci asta?
Aceasta este cea mai importantă întrebare, va trebui să răspunzi la ea. De ce ai nevoie de un website sau de ce ai nevoie de un website nou (în cazul în care există deja un site pe care il vei înlocui). Răspunsul la această întrebare trebuie să fie legat de două elemente: obiectivele pe care le urmărești (de marketing, de comunicare etc.) și, cel mai important, de angajamentul tău de a-l ajuta pe clientul vizat, de a-i rezolva o problema. Dacă nu poți răspunde foarte clar la această întrebare, nu începe un proces de web design, fie nu ai nevoie de el, fie nu ești pregătit să il gestionezi.
2. Nu e despre tine, e despre ei, despre cei care ajung în website
Vei construi website-ul pentru publicul pe care il servești. Nu il construiești ca să arăți cât de minunată e echipa ta, cât de multe lucruri ati făcut, câte produse, servicii și promoții aveți. Nu! Construiești o experiență pentru a-i face viața un pic mai bună vizitatorului tău. Il înțelegi, îi respecti timpul, cauți cu dăruire să îi rezolvi o problema prin serviciile, produsele pe care compania, organizația ta le oferă. Nu e despre tine, e despre el, reține asta, și vei avea o baza bună de plecare în acest proiect de web design.
3. UX design și UI design
Caută să înțelegi termenii UX design și UI design, caută să afli mai multe despre ce înseamnă aceste discipline, despre procesele pe care le implica și despre cum contribuie ele la dezvoltarea unui proiect de web design valoros. Aceste discipline au evoluat enorm în ultimii ani, vin cu o suita de metode, de pași, presupun prin definiție focus pe utilizator, pe nevoile lui, pe înțelegerea lui. Fără a înțelege aceste discipline, chiar și la un nivel minim, nu vei putea începe un proces de web design. Riscurile sunt de a începe cu o echipa neprofesionistă, de a sari etape, de a seta greșit obiective, de a nu face research, de a construi ceva nerelevant pentru stakeholders (public), ceva care nu te va ajuta să îți atingi obiectivele, în cazul fericit în care le vei defini.
4. Înțelegerea publicului – cel mai important pas
Procesul de web design include mulți pași, vom vorbi despre ei într-un nou articol. Cel mai important dintre aceștia este cel de înțelegere a publicului. Pentru a putea crea o experiență utilă acestuia, pentru a-i oferi cu adevărat o soluție, pentru a-i respecta disponibilitatea de timp va trebui să il înțelegi. Dacă nu reușești să înțelegi publicul vei construi ceva nerelevant, greu utilizabil. Un exemplu exagerat este acesta – crearea unui site după nevoia unui bebeluș, pentru o companie care vinde scutece. În cazul acesta, este evident că site-ul va trebui să fie creat pentru mamele bebelușilor. Din fericire, sau din păcate, acest proces este primul într-un proiect de web design. Din păcate, dacă il ignori, vei construi pe o fundație greșită, tot efortul următor va fi inutil. Din fericire, este primul pas, dacă il faci bine vei avea o super fundație în proiectul tău. Definește personas, sunt o multitudine de informații în mediul online despre cum se definesc personas și despre rolul lor.
5. Nu construi în abstract!
E foarte util să privești în jur, să fii ancorat în realitate. E valabil și în viața. Da, nu se aplica pentru artiști, dar scopul tău este să construiești ceva care să deservească un public, destul de bine definit. Va fi util să înțelegi care este abordarea pe care o au alte companii, organizații în a deservi publicul țintit de tine. Din modul în care a evoluat o piața și implicit prezenta în online a principalilor companii, s-a generat un anumit comportament al utilizatorului. O revoluție în acest sens s-ar putea să fie riscantă, s-ar putea nu ajute pe deplin vizitatorul, el să nu fie pe deplin familiarizat cu abordarea ta. De exemplu, design-ul minimalist cu meniuri de tip sandwich (meniul este ascuns, se poate accesa cu un click pe 3 liniute paralele afișate în colțul din dreapta sau din stânga) este destul de greu înțeles de publicul din piața de imobiliare din România al anului 2021. O astfel de abordare va genera o experiență mai puțin bună utilizatorului. Acest proces este atins în etapa de înțelegere a publicului și de testare (UX).
6. UI design – partea vizuală generează prima impresie
Prima impresie contează, mai ales astăzi. O vei crea prin UI design (user interface design). Aici sunt câteva reguli de baza: nu folosi design de stoc, template-uri cumpărate, elemente grafice cumpărate – în acest fel nu riști ca site-ul tău să semene cu altele. Nu folosi fotografii din stocuri gratuite, riști ca fotografia folosită de tine să se mai întâlnească și pe alte zeci de site-uri sau chiar în reclame stradale. Nu complica lucrurile. Nu imita! Poate vei găsi website-uri care îți plac, unele de care ești pe deplin legat/a, nu le imita, site-ul tău trebuie să aibă elemente de unicitate. UI design-ul nu trebuie să fie creat din nimic, va trebui să aibă o baza în style guide, să preia elemente din acesta pentru a pune în lumina elementele de identitate vizuală. Pentru un utilizator va trebui să fie clar de la prima secundă ca a ajuns în site-ul brand-ului tău. Va fi ajutat de logo, de cromatica, de fonturi, dar și de alte elemente specifice.
7. Testează
Nu poți face lucrurile perfect, va trebui să le faci și să le testezi. Orice proiect de UX presupune testare. Este o metoda foarte eficiența de a îndrepta lucrurile care nu au fost bine proiectate înainte de lansarea oficială, publică. Testarea trebuie să înceapă încă din etapele de prototipare, în etapele care permit modificări majore cu intervenții minime. Mai clar, e important să validezi o direcție înainte să începi o codare complicată a unui proiect. După ce se face partea de UI și de codare va fi foarte, foarte greu să aduci modificări proiectului.
8. Testare înainte de codare
Reluăm ideea de mai sus și punem în evidență faptul că va trebui să testezi înainte de avea un UI final și de a începe codarea. Poți testa printr-o varietate de metode, echipa de UX va știi cu siguranța ce metode vor funcționa cel mai bine pe situația ta.
9. Less is more
Tendința este de a pune tot conținutul, de a servi pe “toată lumea” prin site, de a ignora personas și de a sacrifica orice forma de focus. Presiunea va veni din toate părțile. Va fi important să ai curaj, să identifici clar pe cine servești și să simplifici cât poți de mult conținutul, fluxurile și toate formele de interacțiune. Cu cât e mai simplu tot ce construiești, cu atât va fi mai bine pentru vizitatorul site-ului. Oamenii astăzi nu mai citesc site-urile, le scanează. Asta indică toate studiile. Cu cât va fi mai simplu, cu atât va fi mai mare valoarea percepută de vizitatorii site-ului.
10. Caută să spui o poveste
Deja trebuie să tii cont de prea multe lucruri, dar dacă reușești să spui o poveste vei cuceri mai ușor vizitatorul site-ului. Nimic nu seduce mai mult astăzi în mediile digitale ca o poveste autentică, o călătorie în care il porți pe vizitator pentru a-l ajuta realmente să își rezolve o problema. Nu va fi ușor să spui o poveste, vei avea nevoie de baza, de elementele de strategie de brand (căci este povestea brand-ului tău) și de mult curaj și de creativitate.
11. Cum validezi echipele de UX și UI
Caută să înțelegi ce metode folosesc, care e calea spre a te ajuta să îți atingi obiectivele. Analizează grija pentru care o au pentru research și focusul pe a servi clientul. Lucrurile acestea vor face diferența. Caută să obții exemple de proiecte realizate în care se vede nu doar rezultatul, ci și procesul.
12. Ce se întâmplă după lansare?
Colaborarea cu echipa de web design (UX și UI) nu se va încheia după lansarea proiectului. Urmează o altă etapa de analiza și de fine tunning (de optimizări). Acum se va putea analiza în profunzime interacțiunea vizitatori – website. E important ca aceste acțiuni să se facă pe un interval mai lung de timp, minim 3 luni, utilizându-se mecanisme specifice (amintim aici câteva dinte soluții: HotJar, Google Analytics). În această etapă, se vor interpreta datele obținute și se vor lua măsuri de îmbunătățire a interacțiunii care pot implica atât modificări de interfața, câtă și de fluxuri, evident, pot implica și codare, reimplicarea echipei de programatori pe puncte clare de intervenție.
13. Refaci un website? – acordă atenție zonei de SEO
Un site vechi înseamnă pagini indexate în motoarele de căutare, pagini care apar în primele rezultate ale căutării unor cuvinte specifice domeniului tău. Dacă nu există un plan și pentru aceste pagini, mare parte din munca de SEO făcută anterior se va pierde în câteva săptămâni/luni.
14. Cum știi dacă procesul de web design a fost unul succes?
Sunt mulți KPI’s pe care îi poți lua ca reper – vizite, poziții medii în căutări, timp petrecut pe site, feedback direct de la vizitatori. Caută să setezi corect obiectivele, să fie și măsurabile și să le monitorizezi după lansare. Pe scurt, un proces de web design este reușit dacă ajuta mai mult vizitatorul. Aici ar mai fi de precizat că utilizatorii au o inerție mare la schimbare. De aceea, în etapa de research (UX) va trebui să măsori aceasta rezistență la schimbare. În cazul în care vorbim de un proces de redesign, dacă reinventezi roata, dacă schimbi din temelii site-ul, chiar dacă experiență va fi una mai bună, vei genera frustrare vizitatorilor care ajungeau des pe site în trecut. Un exemplu bun aici este site-ul Amazon – care deși este cel mai mare magazin de pe glob, nu a primit schimbări radicale de-a lungul timpului, el se afla într-un proces lent, de imbuntatire.
15. Tendințele tehnologice
E bine să le înțelegi și să le folosești pe cele care il ajuta pe vizitator. De exemplu, adaptarea la dispozitivele mobile nu era ceva des întâlnit pentru un website acum 10 ani, însă acum este ceva esențial. În funcție de domeniul în care activezi, există un număr imens de tool-uri, facilități, opțiuni, elemente de inovație pe care le poți îngloba în site. Caută să ai un echilibru, să construiești ceva foarte simplu care prin inovație să aducă o experiență foarte bună vizitatorului.
Am spus povești despre
Felicitta: identitate vizuală, strategie și website
IdeaChef: identitate vizuală, gastronomie premium
Website-ul KADRA: un proiect web complex
Acasă la Origini: La Blouse Roumaine
IESYS: rebranding pentru o companie de inginerie
Ludan Engineering: branding și website
Stridefull: un brand românesc de nivel olimpic
EMI Group: identitate vizuală și website
Gastroglam: identitate vizuală și web design
ISPCF: o identitate nouă după 75 de ani
Caritas Iași: proiect de design site web
Agentie Marketing conversațional - sau cum să transformi conversațiile în rezultate, Toud, sales, grow
Despre branding și despre formarea continuă, interviu pentru EXEC-EDU
Design de prezentari, prezentare, design Toud, design grafic, design PowerPoint, ISPCF
Lasă un răspuns
Want to join the discussion?Feel free to contribute!