АБРАКАДАБРА (Тоже самое но в читаемом виде)
Issledovania,
provedennie specialistami Google v avguste 2012 goda, pokazali: dla
togo 4tobi opredelit', avlaetsa li sayt privlekatel'nim, pol'zovatelu
trebuetsa ot 1/50 do 1/20 sekund, i, 4to e6e interesnee, sayti so slojnoy strukturoy po4ti vsegda ocenivautsa kak menee privlekatel'nie, po sravneniu s ix bolee prostimi konkurentami.
Krome togo, sayti s naibolee tipi4nim dla svoego vida oformleniem polu4ili zvanie samix priatnix glazu.
Drugimi slovami, 4em pro6e dizayn, tem lu46e.
No po4emu?
V etoy stat'e mi razberemsa, po4emu kognitivnaa
plavnost' i teoria obrabotki vizual'noy informacii mogut sigrat'
klu4evuu rol' v upro6enii dizayna resursa, i kak prostota oformlenia
sayta mojet uveli4it' 4islo prosmotrov.
Takje mi oznakomimsa s primerami konkretnix saytov,
upro6enie kotorix privleklo novix pol'zovateley, i videlim osnovnie
kriterii uspexa.
4to takoe tipi4niy sayt?
Kakie associacii vsplivaut v va6ey pamati pri slove
«mebel'»? Esli vi vxodite v procentnoe bol'6instvo, to navernaka
podumali o divane. Stoit zagovorit' o mujskom cvete, kak na um prixodit
siniy, ili o jenskom – togda mi dumaem o rozovom cvete. Pri upominanii
slova «ma6ina» mi predstavlaem sebe avtomobil' v kuzove «sedan», a slovo
«ptica» vizivaet stoykie associacii s voronoy ili kuricey.
Tak nazivaemaa «tipi4nost'» predstavlaet soboy
bazoviy mental'niy obraz, sintezirovanniy mozgom dla upro6enia
kategorizacii okrujau6ix predmetov. Na6 razum imeet 6ablon absolutno dla
vsego – ot mebeli do sayta.
V internete tipi4nost' razbivaetsa na mnojestvo
melkix podkategoriy. U kajdogo 4eloveka est' mental'niy 6ablon raznix
vidov resursov – social'nix setey, blogov, internet-magazinov i t.d.
Esli vi vxodite na sayt, kotoriy avno ne sootvetstvuet mental'nomu
6ablonu, on kajetsa vam neprivlekatel'nim, – eto podsoznatel'noe
avlenie.
Naprimer, esli predstavit' sayt, posva6enniy
stil'noy odejde dla ludey v vozraste 20-25 let, to na um vam navernaka
pridet 4to-nibud' podobnoe:
Eto izobrajenie nastol'ko blizko srednemu 6ablonu
internet-magazina odejdi, 4to ono prakti4eski povtoraet sxemu sayta
drugogo magazina, prodau6ego odejdu i aksessuari dla lubiteley xip-xopa.
Kazalos' bi, nikakoy original'nosti, za4em je delat'
to, 4to uje sdelal drugoy? A delo v tom, 4to dla uspe6nogo privle4enia
posetiteley sayt doljen vizual'no sootvetstvovat' svoey kategorii –
internet-magazin.
4to takoe kognitivnaa plavnost'?
Osnovnoy ideey kognitivnoy plavnosti avlaetsa stremlenie mozga dumat' o tom, o 4em dumat' pro6e.
Poetomu mi i predpo4itaem sayti, na kotorix vse organizovano imenno tak, kak mi sebe predstavlali pered ix pose6eniem.
Kognitivnaa plavnost' avlaetsa dviju6ey siloy
na6ego mi6lenia togda, kogda mi ne sovsem ponimaem, kak deystvovat', i
eto srabativaet v luboy situacii», - uxmatters.com.
Kognitivnaa plavnost' avlaetsa odnim iz otvetvleniy effekta uznavaemosti
– to est' 4em 4a6e vi stalkivalis' s tem ili inim avleniem ili
razdrajitelem, tem bolee vi sklonni predpo4itat' ego ili ne4to podobnoe v
budu6em.
Vse eto rabotaet i v internete.
Skajem, vse xoro6o «znaut», 4to v pravoy 4asti
stranici bloga naxoditsa menu, ili 4to na sayte onlayn-magazina doljno
bit' predstavleno krupnoe i ka4estvennoe izobrajenie s zagolovkom, a
takje zametniy v levoy 4asti stranici logotip kompanii.
Tak 4to, znaa o 6ablonax i podsoznatel'nix ojidaniax
svoix klientov, ne stoit namerenno otklonat'sa ot standartov svoey
kategorii, ina4e va6 sayt srazu je zanesut v spisok menee
privlekatel'nix.
Nije privedeni izobrajenia glavnix stranic neskol'kix saytov, zanimau6ixsa prodajami v internete, obratite vnimanie na sxodstva!
Vnimanie! Boga radi, ni v koem slu4ae ne
stoit traktovat' moi slova kak sovet delat' vse to4no tak je, kak
drugie. Bud'te ostorojni, ina4e posledstvia mogut bit' prenepriatnimi.
O4en' vajno znat' o standartax dizayna v sfere va6ey
deatel'nosti, no e6e vajnee ubedit'sa, 4to sledovanie etim kanonam
deystvitel'no sposobstvuet dostijeniu uspexa.
Mnogie dizayneri sover6aut o6ibki. Ne proveda
sobstvennoe predvaritel'noe issledovanie, vi toje mojete o6ibit'sa.
Naprimer, mnogie internet-magazini ispol'zuut avtomati4eskie slayderi i
karuseli izobrajeniy, no nekotorie issledovania pokazivaut, 4to takie
instrumenti uxud6aut pose6aemost'.
4to proisxodit, esli va6 sayt otve4aet ojidaniam pol'zovateley? Real'nie primeri
Nije privedeni skrin6oti glavnix stranic trex
onlayn-magazinov, vipolnennix v polnom sootvetstvii so vsemi
standartami. Daje esli vi vpervie okazalis' na odnom iz etix resursov, v
vas prosnetsa avtomati4eskoe uvajeniem i doverie k nim.
Kognitivnaa plavnost' sayta sdelaet ego udobnim i
znakomim dla novix posetiteley, im ne pridetsa ni v 4em razbirat'sa, oni
smogut srazu je pereyti k tomu, za4em pri6li.
Esli plavnosti net, vi eto srazu zametite. Nije
priveden primer onlayn-magazina galstukov skinnities.com, kotoriy do
pereoformlenia v 2012 godu sovsem ne bil poxoj na udobniy resurs dla
onlayn-pokupok.
Glavnie izmenenia, sposobstvovav6ie uspexu:
- Tipi4noe dla svoey kategorii raspolojenie elementov i moduley sayta
- Dostato4noe koli4estvo neobxodimix svobodnix zon v oformlenii
- Fokus na odnom tipe produkcii, visokoka4estvennie izobrajenia predlagaemix tovarov
Zdes'
vi mojete nayti polnuu istoriu o preobrajenii skinnities.com.
Pereoformlenie resursa dalo sleduu6ie rezul'tati uje spusta 2,5 nedeli:
Samo po sebe pereoformlenie, daje esli ono
ka4estvennoe, ne avlaetsa 4em-to novatorskim. Ono prosto pomogaet saytu
lu46e sootvetstvovat' svoey kategorii – v dannom slu4ae dizayn resursa
mojno nazvat' «otkritim», nezagromojdennim, prostim i intuitivno
ponatnim.
Esli sravnit' stariy sayt s novim, to stanovitsa
o4evidnim, 4to imenno etix prostix izmeneniy i ne xvatalo dla
privle4enia novix pol'zovateley.
Obrabotka vizual'noy informacii i zamislovatiy dizayn
Rezul'tati sovmestnix issledovaniy
specialistov Garvardskogo, Mi4iganskogo i universiteta Kolorado viavili
matemati4eskuu korrelaciu mejdu esteti4eskim naslajdeniem i razli4nimi
demografi4eskimi gruppami – skajem, doktoram filosofii ne sli6kom-to
nravitsa arkiy dizayn – odnako ne pomogli ponat', 4to je avlaetsa
universal'nim re6eniem dla privle4enia vsex grupp pol'zovateley.
Edinstvennim absolutnim faktom stalo to, 4to slojnost' saytov ottalkivaet posetiteley.
Po4emu prostoe pro6e ponat'
Uspex bolee prostogo dizayna ob&asnaetsa tem, 4to
mozgu i glazam ne prixoditsa sli6kom trudit'sa nad dekodirovaniem,
obrabotkoy i xraneniem postupau6ey informacii.
Na predstavlennom nije video pokazano, kak glaza peredaut informaciu mozgu.
Grubo govora, va6a set4atka konvertiruet polu4ennuu
vizual'nuu informaciu v elektri4eskiy impul's, kotoriy proxodit 4erez
sootvetstvuu6ie fotoreceptori, pomogau6ie mozgu raspoznavat' cveta.
Poetomu, 4em bol'6e cvetov i ottenkov na stranice, tem bol'6e raboti dla glaz i tem bol'6e informacii dla mozga.
Glaz polu4aet vizual'nuu informaciu i
preobrazovivaet ee v elektri4eskuu nervnuu aktivnost' mozga, kotoriy
obrabativaet novie dannie i pome6aet ix «na xranenie». Zatem
soxranennimi svedeniami mogut pol'zovat'sa razli4nie otdeli mozga –
pamat', vospriatie, vnimanie i t.d.», - simplypsychology.com.
Kajdiy element neset v sebe nemnogo informacii
Rabotaa nad oformleniem sayta, kriti4eski vajno udelat' vnimanie vsem elementam – 6riftam, cvetam, logotipam. Kajdiy iz nix peredaet nebol'6uu toliku informacii o brende.
Esli eti elementi ne effektivni v doljnoy mere,
vebmaster na4inaet uslojnat' sayt – dobavlaet ili kopiruet izobrajenia –
i svodit na net pervona4al'nuu esteti4eskuu celostnost'.
Optimizacia oformlenia stranic dla bolee prostoy
obrabotki vizual'noy informacii – v 4astnosti, maksimal'noe upro6enie
dizayna – zastavlaet stremit'sa k idealu, kotoriy podrazumevaet nali4ie
na sayte vsego li6' neskol'kix glavnix elementov, s pomo6'u kotorix
klient smojet sover6at' vse neobxodimie operacii.
Voob6e, vizual'naa obrabotka informacii – tema dla otdel'noy stat'i, a poka posmotrite na uda4noe pereoformlenie logotipa MailChimp.
Kogda MailChimp re6ilis' na smenu dizayna logo, im
ne xotelos' ispol'zovat' 6ablonnie frazi v stile «Mi rabotaem s
elektronnoy po4toy s 2001 goda, nam doveraet 3 milliona pol'zovateley,
tak 4to mi kru4e vsex, bla-bla-bla».
Oni sdelali 6rift 4ut' stroje, uprostili sayt – skajem, v verxney
4asti teper' napisano li6' «lu46e otprav'te email» - i dobavili e6e
bolee prostuu, 4em prejde, animaciu, ob&asnau6uu, kak pol'zovat'sa
produktom.
Do:
Posle:
Nesmotra na to 4to eti novovvedenia avlalis', po
suti, li6' nebol'6oy 4ast'u krupnomas6tabnix izmeneniy, rezul'tati
okazalis' vpe4atlau6imi – s momenta debuta novogo logotipa i sayta v
iune servis privlek bolee milliona novix pol'zovateley.
Sistema pamati i «Svatoy Graal'» konversii
K 4emu vedut vse eti razgovori o prostote? K tomu, 4to imenno ona opredelaet sposob popadania informacii v mozg.
Soglasno rezul'tatam znamenitogo issledovania Djordja Millera iz Prinstonskogo universiteta, rabo4aa pamat' vzroslogo 4eloveka sposobna uderjivat' 5-9 «kuso4kov» informacii odnovremenno.
Rabo4aa pamat' avlaetsa u4astkom mozga,
otvetstvennim za xranenie i obrabotku dannix v te4enie predel'no malogo
sroka – bukval'no neskol'kix sekund. Eto pozvolaet fokusirovat'
vnimanie, ne otvlekat'sa i, 4to samoe vajnoe, prinimat' re6enia.
Takim obrazom, prostoy sayt kak raz i daet eti 5-9 kuso4kov v vide
opisaniy produktov, cen, predlojeniy i podobnix elementov. Rabo4aa
pamat' v aktivnom rejime zastavlaet 4eloveka prinimat' re6enie kak mojno
bistree, na meste, to est' v dannom slu4ae – pokupat'.
Otklonenie rojdaet ottorjenie
Kogda vi otklonaetes' ot ojidaniy pol'zovatela – sli6kom visokaa cena, otklu4ennaa ili negarmoni4naa cvetovaa sxema, «gluki» pri zagruzke stranic – ego rabo4aa pamat' na4inaet obrabativat' ne informaciu, predstavlennuu na va6em resurse, a vse eti pere4islennie vi6e minusi.
Delo v tom, 4to rabo4aa pamat' postoanno posilaet signali
dolgovremennoy pamati – tak mozg pitaetsa ponat', kak reagirovat' na
novuu informaciu. Esli ot dolgovremennoy pamati net nikakoy otda4i, razum vinujden smirit'sa i napravit' svou rabo4uu pamat' na 4to-to drugoe.
Imenno poetomu jiznenno vajno viasnit' stepen', v kotoroy sredniy posetitel' podverjen vne6nemu vozdeystviu
– ne tol'ko so storoni va6ego resursa, no i so storoni lubogo sayta
voob6e. Eto pomojet «vzlomat'» ego rabo4uu pamat' s pomo6'u pravil'nogo
dizayna.
Blogi, kotorie 4itaut pol'zovateli, magazini, gde oni delaut
pokupki, ix brauzer, vozrast, pol i daje geografi4eskoe polojenie
sposobni povliat' na ix o6u6enia ot pervogo pose6enia va6ego sayta.
Zaklu4enie
Esli pol'zovatel' ne mojet polojit'sa na predidu6iy opit, xrana6iysa
v dolgovremennoy pamati, on ne smojet ocenit' novatorstva resursa.
Posetiteli budut nedoumevat', po4emu vse naxoditsa ne tam, gde vrode bi
doljno naxodit'sa, a eto, znaete li, vrad li posposobstvuet uveli4eniu
prodaj va6ego sayta.
Bonus: 7 sovetov dla upro6enia sayta
1. Issleduete svou celevuu auditoriu, uznayte, na kakie stranici
zaxodat pol'zovateli. I6ite real'nie primeri (keysi) pereoformlenia
saytov, proanaliziruyte, naskol'ko uspe6ni oni bili.
2. Ob&edinite novuu informaciu vo 4to-to ob6ee, 4tobi ispol'zovat' ee na svoem sayte.
3. Sleduyte pravilam kognitivnoy plavnosti, pome6ayte elementi sayta tuda, gde pol'zovateli privikli ix videt'.
4. Rass4itivayte na to, 4to cveta, logotip i 6rift budut 4etko i
nenavaz4ivo soob6at' pol'zovatelu informaciu o va6em resurse. Ne nujno
dobavlat' reklamnie teksti ili dopolnitel'nie izobrajenia, esli eto ne
imeet neposredstvennoy svazi s tem, 4to nujno posetitelu.
5. Priderjivaytes' maksimal'noy prostoti – odno bol'6oe izobrajenie
lu46e mnojestva malen'kix, odin stolbec lu46e trex – ostavlayte kak
mojno bol'6e nezanatogo, svobodnogo mesta.
6. Ne lenites' proverat' i pereproverat' svoy sayt na sootvetstvie
ojidaniam pol'zovateley v plane cen, dizayna, skorosti raboti i t.d.
7. Pomnite, 4to «tipi4nost'» vovse ne ozna4aet, 4to va6 resurs
doljen bit' beziskusnoy kopiey, povtorau6ey bezlikie 6abloni. Ne stoit
starat'sa sdelat' svoy sayt kakim-to proizvedeniem iskusstva, prosto
postaraytes' privnesti v nego vse samoe lu46ee, 4to imeetsa v drugix
resursax v dannoy kategorii.
Pover'te, va6i pol'zovateli budut vam blagodarni!
|