Nedavno mi zapustili na6 noviy sayt. Estestvenno, mi
analiziruem statistiku pose6eniy, isto4niki trafika i tomu podobnoe. Odnako ne
menee vajnuu, a pod4as i bolee poleznuu informaciu pri ocenke sil'nix i slabix
storon uzabiliti sayta predostavlaet analiz povedenia pol'zovateley, mar6rutov
peredvijenia ot na4ala sessii do ee zaver6enia.
V etoy stat'e mi proanaliziruem povedenie pol'zovateley na
novom sayte «Buro Pirogova» - i vospol'zuemsa mi dla etogo vebvizorom servisa
Andeks.Metrika. Servis ves'ma udoben tem, 4to pozvolaet posmotret' sessiu
pol'zovatela «ego glazami», otslejivaa vse ego deystvia, vklu4aa kliki,
dvijenia mi6'u, vrema 4tenia informacii ili periodi prostoa.
Sayt v kakoy-to mere eksperimental'niy, poskol'ku ispol'zuet
elementi i «fi6ki» novogo azika razmetki HTML5, kotorie ne znakomi bol'6instvu
pol'zovateley. Kak oni budut pol'zovat'sa imi? Kakie re6enia, realizovannie na
sayte, okazalis' naibolee vostrebovannimi? 4to srabotalo, a 4to net? Kakie
stereotipi razrabot4ikov pri proektirovanii saytov ne podtverjdautsa praktikoy?
Davayte iskat' otveti vmeste.
Dla primera voz'mem sessii 3-x pol'zovateley.
Pol'zovatel' ¹1
1) Primerno 20 sekund izu4aet «perviy ekran»,
2) Perexodit v razdel «Raboti» po ssilke v osnovnom menu,
3) Prosmatrivaet podrazdeli,
4) Vibiraet odnu rabotu, prosmatrivaet,
5) Perexodit v sleduu6uu, ne vozvra6aas' v osnovnoy katalog.
4to srabotalo:
- Esli v portfolio/kataloge mnogo rabot, lu46e sdelat' mnogo vkladok
kataloga, no ume6at' vse raboti odnoy vkladki na odnom ekrane. V ideale
stranica doljna ostavat'sa bez skrollinga. V na6em kataloge celix 11 vkladok,
no v kajdoy vkladke vsego 8 rabot, kotorie o4en' kompaktno i udobno
raspolagautsa na ekrane. Razmer prev'u-kartinok special'no podobran pod razmer
standartnogo razre6enia ekrana.
Eto upro6aet pol'zovatelu orientirovanie i su6estvenno ulu46aet
zapominaemost' rabot. Vse pomnim, 4to mozg mojet odnovremenno vosprinimat' do 7
elementov.
- Skol'za6ee vmeste so skrollingom menu v slu4ae s dlinnoy glavnoy
stranicey daet posetitelu vozmojnost' v luboy moment vremeni pereyti v odin iz
glavnix razdelov.
- Na stranice s opisaniem raboti mi raspolojili ssilki na drugie
raboti etoy tematiki. Pri4em raspolojili ix trijdi: v samom verxu i vnizu
stranici, kak elementi interfeysa, i v seredine, kak animirovannie ob&ekti. V
oboix slu4aax eti elementi ne me6aut vospriatiu osnovnoy informacii na
stranice, no nenavaz4ivo predlagaut uznat' i o drugix poxojix proektax. Takim
obrazom, elementi uzabiliti podstraivautsa pod potrebnost' klienta i predlagaut
ras6irenniy scenariy raboti.
Issledovanie kataloga, perexodi mejdu rabotami:
Klientu pro6e vibirat' iz neskol'kix samix prostix
scenariev-variantov, nejeli derjat' v golove logi4eskie svazi mejdu razdelami.
Imea al'ternativu zakrit' rabotu i prodoljit' izu4enie kataloga ili posmotret'
poxojie raboti, kotorie emu predlagautsa, posetitel' predpo4itaet bolee legkoe
deystvie, a imenno odnoklikoviy perexod v druguu rabotu.
Elementi «Predidu6aa» i «Sleduu6aa» raboti, oformlennie kak
animirovannie mnogogranniki, pomimo funkcional'noy roli, demonstriruut
vozmojnosti azika HTML5 i, v 4astnosti, effekt parallaksa. Nestandartniy priem,
kotoriy privlekaet dopolnitel'noe vnimanie k ob&ektam. Ob etom mojno sudit' po
dvijeniu «vverx-vniz» na stranice. Etot vizual'niy effekt «glubini»,
mnogosloynosti stranici stimuliroval klikabel'nost' ob&ektov – i,
sootvetstvenno, uveli4ilos' koli4estvo prosmotrennix rabot.
Mnogie pol'zovateli po rezul'tatu prosmotra raboti ne uxodili so stranici, a
tut je… oformlali onlayn-zakaz. Da, daje dla takogo nestandartnogo produkta,
kak veb-razrabotka, eto rabotaet! Obi4no vnizu kajdoy stranici
klientoorientirovannix saytov kompanii ukazivaut svoi kontakti. Kak okazalos',
kontakti nosat dla posetitela tol'ko informacionniy xarakter, ne pobujdaa k
deystviu. 4tobi stimulirovat' pol'zovatel'skiy fidbek, mi otkazalis' ot
formulirovki «Kontakti». Vmesto etogo sdelali formu «Onlayn-zakaza» i
razmestili etot blok vnizu opisania kajdoy stranici rabot.
Esli klientu ponravilas' kakaa-to iz rabot, emu ne nujno
uxodit' s etoy stranici dla poiska kontaktov kompanii, zdes' je, vnizu on mojet
ostavit' svoy otziv ili zaavku. Vajniy fakt: v 60% slu4aev forma obratnoy svazi
ispol'zovalas' ne pri perexode na ee otdel'nuu stranicu v osnovnom menu, a pri
prosmotre konkretnoy raboti. Posetitel' 4a6e daet fidbek «zdes' i sey4as»,
kogda on xo4et eto sdelat', a ne kogda emu prixoditsa iskat' sootvetstvuu6uu
formu v kakom-to razdele sayta.
Pol'zovatel' ¹2
T6atel'no izu4aet vse teksti i razdeli, pol'zuetsa
interaktivnimi elementami. V otli4ie ot predidu6ego pol'zovatela, sovsem ne
pol'zuetsa razdelom «Raboti», predpo4itaa smotret' razdel «Klienti», tam
vibiraet izvestnie brendi: Perviy kanal, Radisson, TNK-BP. Takim obrazom,
nalico dve absolutno raznie modeli povedenia pri polu4enii informacii o
proektax kompanii: po rubrikatoru/tipu rabot i po klientam/sfere ix
deatel'nosti.
Po rubriktoru-katalogu:
Po klientam:
Igrovoy scenariy:
4to srabotalo:
- Variativnost' polu4enia kone4noy informacii. Posetitel' mojet iskat' tip
neobxodimix emu rabot (sozdanie sayta, grafi4eskogo dizayna,
usability-proektirovanie) ili iskat' realizovannie proekti dla relevantnoy emu
sferi deatel'nosti. V oboix slu4aax on mojet legko polu4it' informaciu, -
pravda, vo vtorom slu4ae emu pridetsa pol'zovat'sa metodom prostogo perebora.
Dla re6enia etoy problemi vozmojno vvesti dopolnitel'no rubrikator po sferam
deatel'nosti klientov: fmcg, horeca i dr.
Takim obrazom, mojno vivesti sleduu6iy sovet: staraytes' sdelat'
polu4enie klu4evoy informacii na sayte variativnim, dostupnim raznimi
mar6rutami.
Pol'zovatel' ¹3
Dannogo posetitela sayta toje mojno otnesti k razradu «issledovateley»: on
t6atel'no rassmatrivaet soderjanie stranic. Pri etom viavilsa vajniy fakt:
nesmotra na dostato4no dlitel'noe vrema prosmotra glavnoy stranici, ob6ee vrema
prosmotra tekstovix blokov bilo minimal'nim. Osnovnoe vnimanie privlekli, kak i
ojidalos', nestandartnie bloki-vstavki.
Vstavka ¹1
Vstavka ¹2
Issledovanie vstavki:
Oni takje realizovani s effektom parallaksa, to est' pri skrollinge «skol'zat»
bistree osnovnogo soderjania stranici. V nix mi raspolojili tu informaciu, na
kotoruu xoteli obratit' osoboe vnimanie posetitela. Eto ne ob6aa informacia iz
razrada must-be, kotoruu mojno vstretit' na saytax bol'6instva agentstv i
studiy. Eto svoego roda «ekstrakt», na6a unikal'nost', na6e pozicionirovanie.
Eto i est' informacia pervostepennoy vajnosti, kotoruu mi xoteli soob6it'
posetitelu. Predstaviv ee v nestandartnoy forme, dobaviv infografiku, mi
obespe4ili naibol'6iy procent kontakta s ney. Prakti4eski u 80% posetiteley
sayta otme4ena ostanovka/prolongirovannoe vrema prosmotra, po sravneniu s
drugimi razdelami sayta.
Esli vi xotite, 4tobi samiy vajniy tekst pro4itali,
videlayte ego tak, 4tobi on bil zameten. Daje vdum4ivie, issleduu6ie posetiteli
tratat minimum vremeni na ob6uu informaciu. Delayte ee vizual'no interesnoy,
ispol'zuyte infografiku.
V processe nabludenia za mar6rutami pol'zovateley mi obnarujivali interesnie
momenti v ix povedenii, kotorie bili bi prosto ne u4teni statistikoy.
Naprimer, odin pol'zovatel' sover6il 4 klika po zone, kotoraa, suda po vsemu,
po ego mneniu, doljna bila bit' klikabel'noy, odnako perexoda ne proisxodilo -
i kontakt s zainteresovav6ey ego informaciey bil poteran. Mi sdelali dla seba
vivod, 4to nujno bolee avno obozna4at' zoni klikabel'nosti razdelov.
Drugoy posetitel' sayta ne smog pravil'no vospol'zovat'sa
realizovannim na sayte servisom primera adaptivnoy verstki. Pol'zovatelu
predlagaetsa potanut' za kray ekrana sprava i umen'6it' razmer okna – vsled za
etim izmenitsa i verstka. Odnako odin iz pol'zovateley sreagiroval na
grafi4eskiy ukazatel', prizivau6iy izmenit' razmer okna, kotoriy ispolnal
tol'ko informativnuu funkciu i ne bil funkcionalen. V rezul'tate, ne
razobrav6is', pol'zovatel' propustil poleznuu informaciu mimo.
Kompleksnoe ispravlenie takix melkix nedo4etov, kotorie
statistikoy sovsem ne u4itivautsa, v kone4nom itoge sposobno ser'ezno umen'6it'
poteri poleznogo kontakta s informaciey.
4to e6e bilo viavleno i ispravleno na sayte blagodara analizu pol'zovatel'skogo
povedenia:
- pri klike na rabotu v portfolio nedostato4no avno bil obozna4en moment ee
zagruzki, v rezul'tate pol'zovatel' 6el dal'6e. Bil dobavlen bolee o4evidniy
preloder.
- interaktivnie elementi sayta – mnogougol'niki, oni je realizovannie
proekti:
Eti elementi predpolagaut dva scenaria: pri najatii po
ssilke vnutri nix – perexod na sootvetstvuu6uu rabotu, pri najatii po ob&ektu,
no ne po ssilke – poavlaetsa vozmojnost' peredvigat' ego i manipulirovat'
im.
Bol'6instvo pol'zovateley ispol'zovalo tol'ko igrovoy scenariy pereme6enia
ob&ekta, ssilkoy vnutri ob&ekta pol'zovalos' nebol'6oy procent posetiteley.
Vmeste s tem, dla kompanii vajno ne tol'ko pokazat' interesnuu texnologiu, no i
realizovannie proekti, poetomu zona klikabel'nosti ssilki vnutri ob&ekta bila
ras6irena. Kak rezul'tat, statistika po klikam na raboti dostigla jelaemix
pokazateley.
Otslejivanie mar6rutov pol'zovateley na sayte, viavlenie
zakonomernostey i postroenie modeley povedenia mojet dat' o4en' cenniy material
dla issledovania i vistraivania effektivnix kommunikaciy.
Te razdeli i bloki sayta, kotorie kajutsa vam vajnimi, mogut na dele okazat'sa
sover6enno nevostrebovannimi. Te opcii i funkcional, kotorie doljni
generirovat' pribil' resursu, mogut soderjat' nepreodolimie probeli e6e na
etape pervi4noy kommunikacii s potrebitelem. Nel'za operirovat' «bol'6imi
4islami», prenebregaa znaniem kajdoy edinici. Kone4noy cel'u lubogo uzabilista
doljno avlat'sa ne priblijenie ego statisti4eskix prognozov klikabel'nosti k
real'nim cifram, a umenie mislit', kak posetitel', primerat' raznie tipi i
roli. Tol'ko takoy podxod pozvolit vam nayti – vozmojno – sover6enno
neojidannie re6enia, pro kotorie pol'zovatel' voskliknet: «Kak zdorovo,
4to oni eto pridumali! A ved' ob etom tol'ko 4to dumal!» I – eto naipramey6iy
put' k povi6eniu pokupatel'skoy loal'nosti.