Particularitățile site-ului web comercial

CURS 5
31.10.2019
Conf. univ. dr.
Irina Albăstroiu
Particularitățile site-ului web comercial

 Conținut

 Design

 Funcționalitate &Utilizabilitate

 Eficiență

 Originalitate
Conținutul site-urilor web comerciale
Informaţii obligatorii
(ce trebuie să se regăsească în site-urile web comerciale)
Organizație

Produse și servicii

Preţuri și tarife

Condiții și termene de livrare, plată, retur

Procesul de comandă

Confidențialitatea datelor și securitatea

tranzacțiilor

Feedback

Legea aplicabilă
 Conținutul site-urilor web comerciale
Pagina de
Produs
Pagina de
Categorie
Pagina de
Index

•Logo stânga-sus; •Filtru sticky și sortări •Evidențierea denumirii,

Home

Categories

•Meniul principal de navigare
fix (sticky);
•Câmp de căutare fix (sticky)
situat în partea superioară;
•Coșul de cumpărături, zona de
Autentificare și
Contact/Customer Support în
colțul din dreapta-sus;
•Secțiuni cu denumiri
descriptive și intuitive;
•Ierarhie vizuală corelată cu
importanța conținutului;
•Imagini statice sau slidere fără
redare automată;
vizibile;
•“Social proof“;
•Afișarea numărului
produselor dintr-o categorie;
•Elemente esențiale despre
produse;
•Vizualizare rapidă (quick
view);
•Impulsionarea utilizatorilor
să ia decizia de cumpărare
(mesaje de tip “call to action”,
“urgency“, “scarcity“).
Product
prețurilor și marcajelor de
marketing;
•Imagini și video;
•Opțiuni/referințe;
•Link-uri/informații despre
plată, livrare, retur;
•Disponibilitate și alertă stoc;
•Mini-cart permanent vizibil și
coș informativ;
•Opinii și evaluări;
•Coordonate de contact/link-
uri către Customer support;
•Recomandări de produse.
 Conținutul site-urilor web comerciale

Exemplu motor de căutare Exemplu slider static

Exemplu grupare a produselor Exemplu mesaj

Conținutul site-urilor web comerciale
Condiții pentru fișa produsului

Identificarea și marcajul de marketing

Imaginile/Multimedia

Utilizarea

Disponibilitatea

Preturile și tarifele

Opiniile și evaluarile (reviews & ratings)

Cross-selling &Up-selling
Conținutul site-urilor web comerciale
Funcții care stimulează vânzarea

Filtrarea/Selectarea

Ghidurile interactive

Personalizarea/Configurarea

Compararea

Wishlist-urile

Demo/Tester-ul virtual

Vânzătorul/asistentul virtual
Conținutul site-urilor web comerciale
Exemplu de utilizare a unui avatar
- probarea hainelor cu ajutorului unui
software creat de
https://www.dressformer.com

Exemplu de utilizare a oglinzii virtuale

- probarea ochelarilor pe site-ul
http://www.toms.com

Exemplu de ghid/asistent virtual pe site-ul

http://www.carry4you.it

Exemplu chatbot
Pizza Hut
 Conținutul site-urilor web comerciale

Sursa: S. Lancaster - Web content by the numbers - http://www.no2pen.com

 Designul site-urilor web comerciale
Layout-ul paginii web

Direcția privirii la prima vizualizare a unei pagini web – LITERA “F”

Designul site-urilor web comerciale
Layout-ul paginii web

Zonele “calde” și zonele “reci” ale unei pagini web

 Designul site-urilor web comerciale

Adaptabil
(web responsive)

Minimalist

Modular
Designul site-urilor web comerciale
Designul site-urilor web comerciale
 Designul site-urilor web comerciale

Rating
Preț
Referințe/Variațiuni
Buton Add to Cart

Ajutor

Imagini

Descriere
Recomandări

Video

Componentele unei pagini de produs

Designul site-urilor web comerciale
Textul în cadrul paginii web

Piramida

Blocuri de text/Secțiuni/Paragrafe

Titluri si subtitluri

Liste cu marcatori

“Ritmul” textului
Designul site-urilor web comerciale
Culoarea în cadrul paginilor web

Temperatura

Luminozitatea și saturația

Contrastul

Uniformitatea
Designul site-urilor web comerciale
Culoarea în cadrul paginilor web
Designul site-urilor web comerciale
Culoarea în cadrul paginilor web

Culoarea Asociată cu:

Roşu Căldură, agresiune, foc, îndrăzneală

Portocaliu Cald, tomnatic

Galben Veselie, însorit

Maro Cald, toamnă, mizerie

Verde Invidie, prospeţime, gelozie, noutate

Albastru Pace, tristeţe, apă

Mov Lux, regalitate

Negru Răutate, noapte, frică, moarte, doliu

Gri Bătrâneţe, ploaie

Alb Iarnă, frig, inocenţă, curăţenie, puritate

 Designul site-urilor web comerciale
Culoarea în cadrul paginilor web
Culoarea Efecte fiziologice
Roşu Creşterea presiunii sanguine
Ridicarea tonusului muscular
Activarea respiraţiei
Portocaliu Accelerarea ritmului cardiac
Menţinerea presiunii sanguine
Favorizarea secreţiei gastrice
Galben Stimularea nervului optic
Influenţarea funcţionării normale a
sistemului cardiovascular
Verde Scade presiunea sanguină
Dilată vasele capilare
Albastru Scade presiunea sanguină
Scade tonusul muscular
Calmează respiraţia
Scade ritmul pulsului
Violet Creşte rezistenţa cardiovasculară
Creşte rezistenţa plămânilor
Negru
Alb
Efecte neuro-psihice
Stimulent general
Culoare caldă
Senzaţie de apropiere în spaţiu
Senzaţie de apropiere în spaţiu
Culoare sociabilă
Impresie de sănătate
Culoare caldă şi veselă
Predispune la comunicativitate
Stimulează vederea
Calmant al psihonevrozelor
Culoare rece, liniştitoare
Impresia de prospeţime
Senzaţie de depărtare în spaţiu
Culoare foarte rece, liniştitoare
Senzaţia de depărtare în spaţiu
Predispune la concentrare şi linişte interioară
Culoare rece, neliniştitoare
Culoare distantă, gravă, solemnă
Are efect contradictoriu
(în acelaşi timp atracţie-îndepărtare şi
optimism-nostalgie)
Depresie, reţinere, nelinişte
Adâncime, plinătate, greutate
Expansivitate, uşurinţă, suavitate, robusteţe,
puritate, răceală
Designul site-urilor web comerciale
Culoarea în cadrul paginilor web
 Funcționalitatea site-urilor web comerciale
„ușurința utilizării site-urilor”
Termenul în limba engleza „usability”, o prelungire a ideii de
interfața prietenoasă („user friendly”), poate fi definit astfel:
eficacitatea, eficiența, satisfacția și ușurința cu care un utilizator
specificat realizează sarcini de lucru specificate în folosirea unei
pagini de web sau a unei interfețe electronice.

Componente:
Eficienţa = raportul dintre resursele consumate şi corectitudinea
îndeplinirii sarcinilor;
Eficacitate = completitudinea şi desăvârşirea (corectitudinea) cu
care utilizatorii realizează sarcini specifice;
Satisfacţia = confortul şi acceptarea de care se bucură sistemul din
partea utilizatorilor.

Motive pentru care utilizatorii definesc un element al interfeţei

ca fiind problematic: sistem greu de învăţat; încetineşte
îndeplinirea sarcinilor; cauzează probleme de utilizare; e, într-un
anumit fel, neplăcut.
Funcționalitatea site-urilor web comerciale
Funcționalitatea site-urilor web comerciale
Regula KISS
Timp de așteptare
Breadcrumbs
Utilizarea judicioasă a spațiului
Structură logică și intuitivă
Asistență/Suport
Facilitarea accesului la produse și servicii
Motor de căutare intern
Proces simplu de check-out (3 click-uri)
Integritatea link-urilor
 Eficiența site-urilor web comerciale
Vânzare
Rata de conversie
Rata de abandon
Valoarea vânzărilor
Număr de tranzacții
Valoarea (medie) a unei
comenzi/a coșului de cumpărături
Venituri per vizitator (Revenue
per visitor - RPV)
Costuri bunuri vândute (COGS -
Cost of goods sold)
Promovare CS/CRM
Număr de vizualizări/vizite Satisfacția clientului
Vizitatori unici și recurenți (CSAT - Customer satisfaction
score)
Durata vizită Net promoter score (NPS)
Pagini vizualizate/vizită Număr de solicitări rezolvate
(e-mail, tel., chat etc.)
Rata de interes – acțiuni Timp de răspuns la
Rata de retenție și de solicitări/Timp de rezolvare
atriție/uzură
Bounce rate
Sursă trafic Clasificare solicitări
CPC/PPC Numîr ratings/reviews
CPM
CPA
CPT
CTR/VTR Sesiuni chat/mesagerie instant
Conturi de utilizator/client
Rată de
livrare/deschidere/CTR/abonare/
dezabonare/raportare
spam/bounce-back etc. – e-mail
marketing
Abonări newsletter
Implicare SM
(followers/fans/likes/shares etc.)
Exemplificări privind originalitatea
site-urilor web comerciale