Cum să efectuați un audit de proiectare a site-ului dvs. web

Pe măsură ce site-ul dvs. web crește, există șansa ca designul său să înceapă să pară oarecum învechit. Rețineți, tendințele de proiectare sunt în continuă evoluție, iar posibilitatea de a identifica aceste probleme este importantă dacă doriți ca site-ul dvs. să arate modern și „proaspăt”. În plus, va trebui, de asemenea, să păstrați toate aspectele designului dvs. cu aspect uniform (și utilizabil) pentru a oferi o experiență bună.

Cel mai bun mod de a identifica și corecta aceste probleme este cu un audit de proiectare a întregului site web. În acest articol, vă vom învăța ce sunt aceste audituri și cum vă pot ajuta. Apoi vom vorbi despre câteva instrumente care vă vor ajuta să efectuați unul, înainte de a vă arăta în cele din urmă cum să faceți acest lucru în trei pași simpli. Sa trecem la treaba!

Ce este un audit de proiectare (și cum vă poate ajuta)

Un audit de proiectare este atunci când vă așezați pentru a revizui elementele de branding vizual ale site-ului sau ale companiei. În majoritatea cazurilor, sunteți în căutarea uniformității, dar procesul oferă, de asemenea, o oportunitate excelentă de a verifica dacă desenele dvs. arată în continuare proaspete.

Pentru a fi sincer, termenul „audit” face ca întregul lucru să se simtă mult mai amenințător decât este. În orice caz, există mai multe avantaje în efectuarea de audituri periodice de proiectare pentru site-ul dvs. web. De exemplu:

• O ocazie de a vă verifica desenele. Pe măsură ce tendințele de design intră și se demodează, este, de asemenea, probabil ca elementele dvs. vizuale să înceapă să pară puțin învechite. Un audit de proiectare vă poate oferi o verificare a realității și o oportunitate de a face upgrade-uri.
• Examinați-vă brandingul. Majoritatea site-urilor web au propriul branding bazat pe elemente vizuale multiple, cum ar fi sigla, liniile de etichetă, imaginile din antet și așa mai departe. În timp, aceste elemente pot deveni nepotrivite, ceea ce la rândul lor poate afecta modul în care este percepută marca dvs.
• Îl puteți oferi ca serviciu de consultanță. Dacă aveți experiență în efectuarea auditurilor de proiectare de succes, puteți comercializa serviciile dvs. către alte companii și le puteți ajuta cu procesul. Multe companii nu sunt conștiente de avantajele pe care le oferă, așa că oportunitatea este coaptă dacă le poți convinge că sunt necesare.

Înainte de a fugi pentru a oferi serviciile dvs. altor site-uri web, este important să știți care sunt pașii de bază ai fiecărui audit de proiectare. După cum vă puteți imagina, veți avea nevoie de câteva instrumente care să vă ajute pe parcurs, așa că haideți să verificăm câteva dintre opțiunile de top.

3 instrumente care vă ajută să auditați utilitatea designului site-ului dvs. web

Dacă sunteți designer, veți ști că există o multitudine de instrumente online care vă pot ușura viața. Cu toate acestea, pentru această secțiune, am decis să ne concentrăm doar asupra celor care vă pot ajuta să auditați elementele site-ului dvs. și să verificați eventualele defecte ale designului dvs. Să aruncăm o privire la trei dintre ele.

1. Oul nebun

Crazy Egg este un instrument de analiză axat pe a vă ajuta să găsiți zone cu probleme pe site-ul dvs. Folosește tehnologia Heatmap pentru a vă permite să vedeți ce elemente primesc cea mai mare atenție pe paginile dvs. și care nu atrag suficient. În plus, include și funcționalități care vă ajută să aflați dacă utilizatorii parcurg conținutul dvs. Crazy Egg vă oferă, de asemenea, date valoroase despre de unde provin vizitatorii dvs., apoi își segmentează comportamentul pe baza acestuia.

Dintr-o perspectivă de proiectare, acest tip de instrument este de neprețuit, deoarece vă permite să ajungeți la zonele de proiectare care au nevoie de cel mai mare ajutor. De exemplu, dacă harta dvs. de căldură dezvăluie că un îndemn critic (CTA) nu primește atât de multă tracțiune, ar trebui să puteți acorda prioritate analizei în timpul următorului dvs. audit de proiectare.

Caracteristici cheie:

• Implementați hărți de căldură pe site-ul dvs. web.
• Urmăriți cât de departe vizitatorii dvs. derulează paginile dvs.
• Fii atent la sursele de trafic și segmentează datele utilizatorului pe baza acestora.

Preț: 9 USD pe lună, plătit anual | Mai multe informatii

2. Instrumente de utilizare

Hărțile termice sunt un instrument puternic care vă ajută să înțelegeți comportamentul utilizatorului dvs., dar nimic nu bate de fapt, văzând cum interacționează cu site-ul dvs., pas cu pas. UsabilityTools vă permite să faceți acest lucru înregistrând fiecare acțiune pe care o întreprind utilizatorii pe site-ul dvs., inclusiv mișcările mouse-ului, interacțiunile din formular și clicurile.

S-ar putea să pară exagerat, dar dacă vă este greu să vă dați seama care dintre elementele site-ului dvs. nu atrag utilizatorii așa cum ar trebui, acesta este un mod excelent de a le identifica. În plus, Instrumentele de utilizare vă ajută să segmentați toate datele pe care le colectați de la vizitatori pentru o analiză rapidă.

Caracteristici cheie:

• Urmăriți mișcările mouse-ului utilizatorului, clicurile și formați interacțiunile pe site-ul dvs.
• Segmentați datele pe care le colectați pentru o analiză ușoară.
• Distribuiți cu ușurință înregistrările cu membrii echipei dvs.

Preț: 19 USD pe lună | Mai multe informatii

3. UsabilityHub

Nu în ultimul rând, avem UsabilityHub. Acest lucru este puțin diferit - este o platformă care cuprinde mai multe instrumente, dintre care oricare vă poate ajuta să faceți succesul auditului de proiectare.

Include un test de cinci secunde, care determină dacă utilizatorii își pot aminti designul site-ului dvs., împreună cu testele de clic și navigare care măsoară gradul de utilizare. În cele din urmă, puteți accesa și sondaje de audiență care vă ajută să stabiliți dacă le plac proiectele dvs. și ce schimbări ar prefera să vadă.

Caracteristici cheie:

• Utilizați mai multe teste pentru a evalua gradul de utilizare a site-ului dvs. și acceptarea proiectelor dvs.
• Amestecă și asortează oricare dintre testele care îți plac pentru a se potrivi nevoilor tale.
• Personalizați fiecare test pentru a măsura elementele care vă interesează cel mai mult.

Preț: 2,50 USD per răspuns la testele dvs. | Mai multe informatii

Cum să efectuați un audit de proiectare a site-ului dvs. web (în 3 pași)

Acum, că am explorat câteva dintre instrumentele pe care le puteți utiliza, este timpul să vorbim despre pașii pentru un audit de proiectare de succes. În funcție de site-ul dvs. web și de obiective, este posibil să nu utilizați toate instrumentele pe care le-am discutat - dar asta depinde de dvs. Să trecem la pasul numărul unu.

Pasul 1: Adunați toate elementele dvs. vizuale de branding

Instagram este un exemplu excelent de site web cu un brand simplu, dar coerent.

Înainte de a vă da seama dacă există probleme cu designul dvs., trebuie să colectați toate elementele de brand ale site-ului dvs. web. În acest fel, veți putea observa dacă există vreo disonanță între stilurile lor.

Acest lucru vă permite să analizați toate elementele cheie de branding cu o vedere de pasăre și să verificați dacă au sens împreună (ceea ce vom vorbi în timpul pasului următor). Adunarea elementelor dvs. poate părea inutilă, dar este posibil ca unele defecte ale design-ului dvs. să nu devină evidente până când nu vă uitați la întreaga imagine.

În ceea ce privește elementele pe care trebuie să le adunați, iată o listă simplă pentru a începe:

• Sigla site-ului dvs. web în toate formatele sale.
• Orice imagine de fundal și antet.
• Toate pictogramele pe care le utilizați pe întregul site.
• Exemple de toate fonturile pe care le utilizați pentru conținutul dvs.
• O paletă de culori a tonurilor pe care le utilizați în toate desenele.

Deocamdată, vă recomandăm să salvați aceste elemente în formatul cu care vă simțiți cel mai confortabil. Puteți crea un PDF pentru partajarea mai ușoară sau puteți transmite copii fizice echipei dvs. Odată ce fișierul sau documentul de compilare este gata, este timpul să vă apucați de treabă.

Pasul 2: Analizați elementele vizuale ale site-ului dvs. web

Strategia de branding a Netflix este simplă, dar consecventă - se asigură că își folosește sigla ori de câte ori este posibil.

Așa cum am menționat mai devreme, pasul numărul doi se referă la parcurgerea elementelor dvs. vizuale de branding pentru a găsi eventuale neconcordanțe sau defecte în design-urile dvs.

Designul este (desigur) subiectiv din multe puncte de vedere, dar asta nu înseamnă că stilul site-ului dvs. web nu poate fi îmbunătățit. De exemplu, fiecare afacere ar trebui să prezinte un stil de proiectare coerent, astfel încât clienții să se obișnuiască cu acesta și să îl asocieze cu produsele lor. Același lucru este valabil și pentru site-urile web - siglele, conținutul și imaginile dvs. trebuie să împărtășească același stil și să rămână consecvente.

Să parcurgem câteva sfaturi simple pentru a ne asigura că elementele vizuale ale site-ului dvs. web au atins atenția în aceste aspecte:

• Verificați dacă sigla dvs. rămâne consecventă pe toate paginile dvs. și, dacă nu, înlocuiți-o acolo unde este necesar.
• Asigurați-vă că imaginile de fundal au un stil similar, astfel încât tranziția dintre pagini și secțiuni nu este deranjantă. Dacă găsiți imagini care nu se potrivesc matriței, schimbați-le.
• Asigurați-vă că pictogramele dvs. au un stil similar și, dacă nu, încercați să le înlocuiți cu alternative dintr-o singură familie, cum ar fi Font Awesome Icons (care pot fi integrate cu Divi).

Până acum, am vorbit doar despre elemente online, dar rețineți că auditurile de proiectare pot - și ar trebui - să acopere și elementele dvs. vizuale offline. Dacă afacerea dvs. are un omolog fizic, veți dori să adunați orice articole de marcă pe care să le puneți mâna (cum ar fi broșuri, tricouri și cărți de vizită) și repetați pașii numărul unu și doi pentru ei.

Pasul 3: Creați un manual de standarde de proiectare pentru site-ul dvs. web

Manualul de ghidare a mărcii Urban Outfitter vorbește despre ceea ce face ca marca lor să fie unică.

Acum este timpul să planificăm viitorul. Una dintre cele mai bune modalități de a face acest lucru este crearea unei compilări de reguli pentru orice modificare viitoare a designului site-ului dvs. - cunoscut și sub numele de manual de standarde de proiectare.

Scopul acestui document este de a vă asigura că, în viitor, puteți externaliza lucrările de proiectare fără a fi nevoie să le gestionați. În plus, pe măsură ce site-ul dvs. web crește, veți adăuga probabil mai mulți membri echipei dvs. de lucru. Un manual de standarde îi poate ajuta să înțeleagă mai bine brandul dvs. vizual. De fapt, aceasta este o practică atât de inteligentă încât o mulțime de companii de top se angajează în ea.

În ceea ce privește tipul de reguli pe care să îl includeți în manual, să trecem în revistă câteva idei pentru a începe:

• Includeți îndrumări despre modul în care ar trebui folosite sigla dvs. și variantele sale (de altfel, aceasta este și o practică obișnuită).
• Atașați exemple de tipul de imagini pe care colaboratorii ar trebui să le folosească pe site-ul dvs., precum și reguli despre cum să le prezentați și tipul de conținut pe care ar trebui să îl evite.
• Discutați despre fonturile pe care ar trebui să le utilizați pe site-ul dvs. web dacă există mai multe opțiuni disponibile și în ce circumstanțe ar trebui utilizate.
• Oferiți exemple de tipuri de butoane, pictograme și alte elemente similare pe care doriți să le utilizați în design-urile dvs.

Rețineți că nu există două manuale de standarde de proiectare care să fie la fel. Probabil va trebui să adăugați mai multe reguli în funcție de elementele pe care le folosește site-ul dvs. web și, de asemenea, dacă doriți să vorbiți despre branding offline. Cu toate acestea, instalarea mai devreme a acestui set nu numai că va asigura că viitorul audit al proiectului va trece mai ușor, ci vă va ajuta și să pregătiți noi completări pentru echipa dvs. mai rapid.

Concluzie

Pe măsură ce timpul trece, este normal ca majoritatea site-urilor web să necesite o retușare atunci când vine vorba de designul lor. De exemplu, este posibil ca unele dintre elementele dvs. să nu se joace bine unul cu celălalt vizual, dar poate fi dificil să observați acest lucru fără a efectua periodic un audit complet al proiectării. În plus, acest lucru vă va asigura că vizitatorii dvs. vor avea în continuare o experiență excelentă pe site-ul dvs. în viitor.

Iată cei trei pași de bază pentru efectuarea unui audit de proiectare pentru site-ul dvs. web:

1. Adunați toate elementele dvs. de branding vizual online și offline.
2. Analizează elementele pe care le-ai colectat.
3. Creați un manual de standarde de proiectare pentru site-ul dvs. web.

Aveți întrebări despre cum să efectuați un audit de proiectare de succes pentru site-ul dvs. web? Întrebați în secțiunea de comentarii de mai jos!

Imagine în miniatură a articolului de la Darko 1981 / shutterstock.com