De ce să luați în considerare o reproiectare a site-ului web – Sfaturi și recomandări

Este 2018. Pentru mulți dintre noi din întreaga lume, noul an semnalează un nou început. Noi obiective, idei noi și, pentru unele afaceri, un nou design de site web care să îl înlocuiască pe cel vechi.

Site-urile web sunt reînnoite din tot felul de motive – din păcate, multe companii nu realizează că site-ul lor are nevoie de reîmprospătare. Într-un scenariu și mai rău, companiile rivale pot câștiga un avantaj competitiv prin îmbunătățirea site-ului lor web, sporind conversiile lor, în timp ce a ta ar putea rămâne în urmă.

Site-ul dvs. este vinovat de oricare dintre acestea? Dacă da, ar putea fi timpul pentru o reproiectare!

• Afacerea are o identitate, dar site-ul web nu o reflectă.
• Unele legături sunt întrerupte, determinând utilizatorul să renunțe la fluxul de conversie.
• Utilizatorii încearcă să comunice cu dvs., dar le este dificil.
• Site-ul web se simte în general învechit, lăsând utilizatorii neimpresionați.
• Utilizabilitatea este slabă. Utilizatorilor le este greu să navigheze pe site.
• Interfața de utilizare este confuză și inconsecventă. Utilizatorii continuă să facă greșeli.

Să aruncăm o privire la ce se poate face pentru a le remedia.

Creatori de site-uri web: plini de pericol

Afacerile noi tind să înceapă cu creatori simpli de site-uri web precum Wix, Weebly sau Squarespace. Aceste instrumente simplifică procesul de proiectare a unui site web folosind editori WYSIWYG („ceea ce vezi este ceea ce primești”) și găzduire gratuită, dar aceste instrumente sunt rareori suficient de sofisticate pentru a face site-urile web să iasă în evidență din mulțime.

În primele etape ale unei noi afaceri, când fondurile sunt limitate, este teoretic logic să folosiți un constructor de site-uri web. Abordarea „găzduire inclusă, fără cod necesar” ajută companiile să stabilească o prezență online fără a cheltui prea mult timp și bani. Cu toate acestea, acest lucru vine cu o mulțime de pericole ascunse - pericole care tind să se dezvăluie cu cea mai proasta oportunitate (de exemplu, atunci când site-ul trebuie să-și extindă oferta).

Cu constructorii de site-uri web, funcțiile sunt limitate la orice oferă serviciul și, ca urmare a acestei abordări simple pentru crearea unui site web, orice oportunități de extindere pot fi sever restricționate ulterior. Iată un exemplu de capcană în care se încadrează companiile când operează singure un constructor de site-uri web, într-un efort de a reduce costurile de proiectare și dezvoltare:

O afacere de comerț electronic utilizează un generator de site-uri web (sau CMS cu o temă gratuită) → Clientul creează un site web de o pagină doar pentru a spune „Bună ziua, suntem [numele companiei] și suntem aici!” → Ulterior, clientul vrea să adauge produse doar pentru a realiza că nu este posibil.

Destul de des, companiile nu se gândesc la ce s-ar putea întâmpla dacă nevoile lor de site-uri web devin mai complexe și se trezesc blocate pe drum. În plus, factori importanți precum optimizarea pentru motoarele de căutare (SEO), SSL (care afectează clasarea și securitatea) și compatibilitatea cu dispozitivele mobile (care afectează clasarea și conversiile) pot ajunge să fie neglijați.

Ca expert, aici intri tu.

Un designer expert nu ar trebui să treacă cu vederea aceste considerații importante și ar trebui să creeze un site web care să fie pregătit pentru viitor, economisind timp și bani pe termen lung .

Pe scurt, cea mai bună reproiectare a site-ului web este cea care nu trebuie să se întâmple.

Constructori de site-uri web vs. Angajarea unui designer

Chiar și site-urile web concepute de designeri experți pot începe să crească buruieni dacă sunt lăsate să lâncezeze prea mult timp. Datorită concentrării asupra altor aspecte ale afacerii, uneori foaia de parcurs pentru versiunea 2 nu vine niciodată; de exemplu, uneori considerații importante precum SSL nu erau considerații importante la acea vreme. Oricum, fiecare companie ar trebui să caute să-și reproiecteze site-ul web din când în când, mai ales când există preocupări ale clienților.

Să vorbim despre principalele motive pentru care un site web poate avea nevoie de o reproiectare și despre strategia pe care ar trebui să o iei atunci când renovați site-uri web din aceste motive.

Branding (sau rebranding)

Rebrandingul vine de obicei cu un nou design de site web; cu toate acestea, acest lucru ar trebui să se extindă mult dincolo de un nou logo. Deoarece brandingul înseamnă comunicarea cu publicul, ar trebui luat în considerare și tonul vocii (gândiți-vă la copierea site-ului, secțiunile de întrebări frecvente sau asistența pentru clienți online).

Branding-ul este modul în care o afacere dorește să fie înfățișată (de exemplu, utilă, ocazională sau de încredere), astfel încât scopul unei reproiectări a unui site web depinde de cât de mult dorește compania să se reimagineze. O instituție financiară ai cărei clienți se confruntă cu probleme de încredere ar beneficia de un rebrand care arată și sună demn de încredere, de exemplu.

Indiferent dacă îmbunătățiți o marcă existentă sau creați una nouă de la zero, iată ce trebuie să luați în considerare:

• Culorile te fac să te simți într-un anumit fel?
• Imaginile/fotografiile îl fac pe utilizator să simtă ceva?
• Estetica vizuală generală satisface utilizatorii?
• Copia paginii de destinație este convingătoare?
• Este utilă copierea întrebărilor frecvente?
• Tonul general al vocii descrie cine este afacerea?
• Are site-ul web nevoie de vreo funcționalitate suplimentară, cum ar fi chatul live?

Și, mai important, există vreo cercetare despre utilizatori/clienți pe care o puteți folosi pentru a construi fundația reproiectării site-ului dvs.? Dacă nu, atunci aceasta este prima ta sarcină.

Extinderea funcționalității

O reproiectare a site-ului web este de obicei garantată atunci când există o cerere de către clienți pentru noi funcții. Companiile inovatoare construiesc în mod constant produse noi (atât online, cât și offline), necesitând noi funcții care îi ajută pe utilizatori să experimenteze mai bine aceste produse. Afacerile mai mici, pe de altă parte, ar putea căuta doar să-și extindă afacerea cu marketing de conținut, pentru care vor avea nevoie de un blog sau vor genera venituri printr-un magazin de comerț electronic. Oricum, o reproiectare merge adesea dincolo de micile modificări cosmetice și rebranding.

Uneori, „trăsătura” este necunoscută – învăluită în mister. Clientul știe că ceva nu funcționează (conversii scăzute, nemulțumirea clienților etc.), dar nu este sigur de ce. Uneori, caracteristica este de fapt doar câteva îmbunătățiri UX - produsul în sine este bine, dar, în principiu, experiența utilizatorului site-ului este defectuoasă.

În orice caz, ar trebui să utilizați analiza site-ului pentru a înțelege mai bine utilizatorii.

Reproiectare cu date

Ca și în cazul brandingului, UX trebuie să fie condus de cercetarea utilizatorilor. Instrumentele de analiză a site-urilor web precum Google Analytics și instrumentele de hărți termice, cum ar fi Hotjar și CrazyEgg, vă pot ajuta să identificați zonele critice care ar putea avea nevoie de regândire sau chiar funcții întregi care ar putea lipsi.

Analytics vă va spune tot ce trebuie să știți despre utilizatorii dvs.: cât timp petrec aceștia pe anumite pagini web, dacă realizează sau nu conversie, unde renunță la fluxul de conversie, ce dispozitiv au folosit, de unde provin, datele demografice ale utilizatorilor, fluxul de comportament; cantitatea mare de date este literalmente nesfârșită.

Aceste date nu numai că pot fi folosite pentru a măsura succesul unei reproiectări a site-ului web, dar pot și dovedi ce zone ale site-ului web sunt insuficiente în ceea ce privește UX. Dacă clientul nu știe deja ce lipsește drastic, atunci puteți utiliza analiza site-ului web pentru a sugera orice, de la îmbunătățiri la idei întregi de produse și apoi să veniți cu o foaie de parcurs pentru cum ar putea arăta o reproiectare împreună. O reproiectare a site-ului web necesită planificare.

Dacă aveți de-a face cu un site web care nu utilizează analiza site-ului, atunci primul dvs. îndemn la acțiune este să instalați Google Analytics menționat mai sus (rapoarte gratuite pentru totdeauna, incredibil de detaliate). După ce ați identificat zonele de îngrijorare folosind Google Analytics, următorul pas în procesul de proiectare este testarea gradului de utilizare. Instrumente precum Hotjar și CrazyEgg vă vor arăta exact unde dau clic utilizatorii și puteți chiar să urmăriți cum se comportă utilizatorii pe site cu reluări ale sesiunii. Dacă ați identificat pagini web cu conversie slabă cu Google Analytics, atunci aceste înregistrări ale utilizatorilor vă vor arăta de ce .

Orice alte decizii de proiectare se bazează pe presupuneri educate (în cel mai bun caz).

Când ați terminat cu cercetarea, puteți crea hărți ale călătoriei clienților pentru a evidenția modul în care majoritatea utilizatorilor efectuează conversii. Acesta este un activ destul de interesant care poate fi împărtășit la nivelul întregii companii, informând întreaga echipă despre rolul pe care trebuie să-l joace în fluxul de conversie în afara site-ului (rețele sociale, serviciul pentru clienți etc.).

Mai bine, puteți ajuta clienții să se familiarizeze oarecum cu analiza, astfel încât ei înșiși să poată măsura orice succes sau eșec sau să efectueze propria cercetare a utilizatorilor pentru proiecte viitoare. Este întotdeauna un câștig atunci când clientul este capabil să ia volanul după aceea.

Redesign blog

După cum am menționat mai devreme, companiile aflate în stadiu incipient vor căuta să inițieze un blog pentru a-și extinde acoperirea. În acest scenariu, site-ul a început să atragă vizitatori, iar compania simte acum că este pregătită să-și extindă acoperirea și mai mult cu marketingul de conținut.

În unele cazuri (sau multe cazuri, de fapt), un blog este cel mai mare activ de marketing pe care îl are o companie. Un blog oferă companiilor șansa de a-și impulsiona marca, de a informa utilizatorii despre actualizări și produse noi și de a-și implica publicul țintă cu conținut relevant.

Acestea fiind spuse, în zilele noastre, este cu adevărat dificil să captezi atenția cititorului pentru o perioadă serioasă de timp. Deși o parte din acest lucru se datorează conținutului în sine, UX slab este adesea de vină, determinând utilizatorii să apese butonul înapoi și să încerce un concurent.

Din păcate, acesta este dezavantajul conținutului gratuit - utilizatorii vor abandona cu bucurie o pagină web dacă UX-ul este sub-optim. Un designer grozav ar trebui să știe să îmbunătățească lizibilitatea și lizibilitatea, să elimine distracția vizuală și să insereze CTA-uri în locurile cu conversie ridicată.

Designerii ar trebui să folosească, de asemenea, analiza site-urilor pentru a îmbunătăți UX-ul conținutului – pentru a afla unde utilizatorii opresc să citească și de ce – și apoi să ia decizii de proiectare bazate pe date pe baza acestora. Atunci când abordați o reproiectare în care noile funcții necesită un CMS, încă o dată, este important să vă asigurați că clientul poate lua cu ușurință volanul ulterior.

Reproiectarea comerțului electronic

Designul eCommerce este unul dintre cele mai dificile aspecte ale UX de stăpânit și necesită, de asemenea, un designer cu experiență în designul bazat pe date. Luați în considerare acest lucru: conform acestui studiu, magazinele de comerț electronic suferă de o rată de abandon a coșului de 69,23% (în medie). Acolo unde s-au cheltuit 738 de miliarde de dolari pentru comerțul electronic în SUA și Europa, se estimează că 260 de miliarde de dolari din aceștia au fost recuperați printr-un flux și un design mai bun. Pentru un magazin de comerț electronic, fluxul de plată este cel mai critic aspect, iar un designer care poate identifica unde renunță utilizatorii este un designer care îl poate îmbunătăți.

Iată câteva lucruri de luat în considerare:

• Site-ul web insuflă încredere și securitate?
• Site-ul web are un certificat SSL valid?
• Formularele de casă sunt bine etichetate și ușor de utilizat?
• Câmpurile de introducere afișează tipul corect de tastatură?
• Este utilizatorul capabil să caute, nu ar trebui să găsească ceea ce caută?
• Forțați utilizatorii să se înregistreze atunci când preferă să verifice ca invitați?

Gestionarea laturii de afaceri

Unele aspecte ale afacerii (cum ar fi asistența pentru clienți) pot avea cheltuieli generale uriașe dacă procesul nu este suficient de eficient, astfel încât actualizarea site-urilor web cu servicii integrate precum Intercom sau Kayako poate oferi nu numai o experiență mai bună pentru utilizatori, ci și poate ajuta companiile să reducă costurile de asistență pentru clienți și sarcinile de lucru. Când abordați o reproiectare a unui site web, întrebați clientul care sunt cele mai mari provocări ale sale ca echipă/organizație.

Design receptiv și utilizare

Pe scurt, site-urile web responsive sunt cele care se adaptează practic oricărei dimensiuni de ecran, de la mobil la desktop. Traficul de pe mobil a depășit cel de pe desktop chiar în 2015, iar Google a început chiar să favorizeze site-urile web compatibile cu dispozitivele mobile în rezultatele căutării. Deși majoritatea site-urilor web sunt receptive din punct de vedere tehnic, câteva nu sunt suficient de optimizate.

Deoarece 57% dintre utilizatorii de internet spun că nu ar recomanda o afacere cu un site web mobil prost proiectat, designul responsive este o afacere uriașă, iar designerii trebuie să facă mult mai mult decât „a face totul să se potrivească”. Iată ce trebuie să luați în considerare:

• Țintele atingerii sunt suficient de mari (cel puțin 44 de pixeli în înălțime)?
• Țintele atingere sunt accesibile pentru degetele mari sau nu sunt accesibile?
• Este site-ul mobil „decupat” pentru simplitate?
• Site-ul se încarcă rapid pe conexiunile 3G?
• În general, cum ați evalua gradul de utilizare pe mobil?

Notificări învechite privind drepturile de autor și linkuri întrerupte

Unii ar putea considera acest lucru minor (și poate în termeni relativi, este), dar notificările de drepturi de autor învechite, linkurile întrerupte și greșelile de ortografie indică faptul că site-ul web a fost abandonat sau că a fost luată doar o mică atenție. Aceste informații sunt deosebit de importante pentru companiile SaaS, deoarece utilizatorii doresc să știe că serviciul la care se abonează este în mod constant îmbunătățit (este normal ca utilizatorii să se uite la nota de copyright din subsolul site-ului pentru a vedea când a fost actualizat ultima dată). În general, un site web cu aspect vechi îi va face pe utilizatori să se întrebe dacă nu mai este activ.

Este destul de ușor să remediați aceste lucruri, așa că considerați-le „în primul rând”.

În special pentru link-urile întrerupte, puteți utiliza o extensie Chrome gratuită, cum ar fi Verificați linkurile mele, pentru a localiza linkurile întrerupte pe o pagină web sau Grammarly pentru a identifica erorile de ortografie.

Cerinte tehnice

Potrivit HubSpot, 82% dintre vizitatori abandonează site-uri care nu sunt sigure.

Cerințele tehnice sunt caracteristici care nu sunt destinate utilizatorului; cu toate acestea, ele pot afecta utilizatorul în moduri drastice. SSL, de exemplu, un nivel de securitate necesar magazinelor de comerț electronic (dar recomandat pentru toate site-urile web), le spune clienților că datele lor sensibile sunt în siguranță.

Îmbunătățirile codului front-end și back-end vor face site-ul web mai rapid (sau cel puțin, să se simtă mai rapid), iar simplitatea designului în sine joacă un rol enorm în acest sens (designe simple = mai puțin cod). Pentru site-urile aflate în curs de reproiectare, nu veți dori să neglijați acest lucru.

Concluzie

Designul înseamnă rezolvarea problemelor — clienții doresc să știe cum își vor face designerii viața mai ușoară sau cum vor crește veniturile pentru afacerea lor.

O listă de abilități nu îi spune clientului de ce ar trebui să angajeze respectivul designer. Designerii ar face un serviciu excelent clienților comunicând de ce este necesară o reproiectare a site-ului web pentru afacerea clientului lor, evidențiind ceea ce va obține rezultatul final.

• Brandul lor este puțin învechit?
• Interfața de utilizare provoacă confuzie în rândul utilizatorilor?
• UX-ul determină utilizatorii să renunțe la fluxul de conversie?
• Utilizabilitatea (mobilă sau de altă natură) îi determină pe utilizatori să apese butonul înapoi?
• Arată îngrozitor din toate punctele de vedere?
• Cum ar ajuta îmbunătățirile site-ului respectiv afacerea?

Când știți ce trebuie reproiectat, iar clientul știe și acest lucru, atunci foaia de parcurs pentru reproiectare are deja o bază grozavă și obiective măsurabile.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
• Importanța designului centrat pe om în proiectarea produsului
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Principii euristice pentru interfețele mobile
• Design anticipator: Cum să creați experiențe magice pentru utilizator