|
АБРАКАДАБРА (Тоже самое но в читаемом виде)
V pervoy stat'e moego cikla statey po uzabiliti «Po4emu 99% startapov ne vistrelivaet? Detal'niy razbor na primere turometr.ru»
mi rassmotreli kak soderjanie glavnoy stranici vliaet na vospriatie
sayta pol'zovatelem i re6aet (skoree ne re6aet) stoa6ie pered 4elovekom
problemi.
V dannoy stat'e takje xotelos' bi pokazat',
naskol'ko vajnim avlaetsa: ponimanie problem real'nogo jivogo 4eloveka,
osobennostey vospriatia informacii pol'zovatelem, a takje nemnogo
uglubitsa i rassmotret' konkretnie interfeysnie re6enia i o6ibki pri
proektirovanii.
Dla na4ala nemnogo teorii.
O4evidno, 4to 4em mas6tabnee proekt, 4em 6ire ego ni6eviy oxvat — tem
bol'6e vnimania nujno udelat' ego uzabiliti. Po moemu skromnomu mneniu,
xoro6ee uzabiliti sposobno okazat' kolossal'niy effekt po uderjaniu
pol'zovateley i privle4eniu novix, imenno uzabiliti sposobno voznesti
startap na ver6ini uspexa ili je poxoronit' ego. A bi postavil
uzabiliti daje vi6e idei proekta, ved' kak izvestno idea bez realizacii
ne stoit prakti4eski ni4ego, i imenno pravil'naa realizacia sposobna
raskrit' ili ubit' xoro6uu ideu.
Odnim iz samix vajnix aspektov uzabiliti avlaetsa strukturirovanie informacii.
Pri4em struktura doljna bit' o4en' prostoy i ponatnoy daje rebenku.
Inimi slovami, pol'zovatel', oceniv strukturu, doljen srazu ponimat'
kak i k kakoy informacii on smojet polu4it' dostup.
Primer: telefonniy spravo4nik, razbitiy po bukvam s kotorix
na4inaetsa familia — struktura ponatnaa vsem i kajdomu, a ponatnaa —
zna4it dostupnaa dla pol'zovania. Vipustite telefonniy spravo4nik vvide
rulona s besporado4nim raspolojeniem familiy — i ego ne kupit nikto.
Drugoy primer eto biblioteka. V luboy biblioteke est' katalog
knig razbitiy po tematike, po avtoru, po nazvaniu, po godu vipuska
literaturi, i 4elovek, vzglanuv6iy na katalog SRAZU ponimaet kakuu
imenno informaciu on smojet nayti. Tol'ko predstav'te sebe, dla togo,
4tobi operirovat' desatkami tisa4 knig — ogromnim koli4estvom
informacii, dostato4no predstavlat' sebe strukturu kataloga. Zapomniv
nekotorie klu4evie to4ki strukturi, 4elovek budet to4no znat' gde i kak
on smojet nayti nujnuu informaciu v budu6em. Eto je prosto
porazitel'no, kak na neskol'kix strani4kax vozmojno opisat' ogromney6iy
ob&em informacii i sdelat' ee dostupnoy dla naxojdenia, a strukturu
legko dostupnoy dla ponimania.
Za4em a rasskazivau vam eti propisnie istini? — sprosite vi.
A zadumivalis' li vi kogda-nibud', po4emu odna struktura vigladit
dostupnoy dla ponimania, a v drugoy ne razberetsa daje Anatoliy
Vasserman? Luboy sovremenniy 4elovek otli4no razbiraetsa v tom je
telefonnom spravo4nike, bibliote4nom kataloge, gazete ob&avleniy, v
interfeyse knig i jurnalov, v interfeyse avtomobila itp. A na nekotorix
internet saytax nujnuu informaciu mojno nayti s bol'6im trudom. Esli
podumat', to zatrati na obu4enia 4eloveka novomu interfeysu (ravnoy
slojnosti) primerno odinakovi.
Po4emu je tak proisxodit?
Da potomu, 4to obu4enie ludey ispol'zovaniu standartnix bitovix
interfeysov bilo davnim davno prosponsirovano gosudarstvom. Nas, za
6kol'noy i universitetskoy partami nau4ili ispol'zovat' informaciu iz
okrujau6ego nas mira, ob&asnili kak ona strukturirovana i rasskazali
zakoni, kotorim ona pod4inaetsa.
Proektirua sayt — kajdiy iz nas, sozdaet SOVER6ENNO NOVIY
interfeys vzaimodeystvia pol'zovatela s informaciey. Sey4as, kogda
sozdanie saytov prevratilos' v elementarniy process dla specialista,
malo kto zadumivaetsa imenno nad tem, 4to ON sozdaet novie interfeysi i
strukturi organizacii informacii, i imenno v etom kroetsa glavnaa
problema bol'6instva novix proektov.
Zadumaytes' ob etom! A poka, dabi nemnojko otdoxnut' ot teorii, privedu prakti4eskiy primer.
Ne tak davno internet zaxvatila volna video, kotoroe mojno prosmotret'
pramo na strani4ke v brouzere. Osnovatelem vnedrenia video bil youtube,
i imenno ON svoim ogromnim budjetom oplatil «programmu obu4enia
pol'zovateley» po izu4eniu novogo interfeysa video pleera. Imenno
blagodara emu mi sey4as vidim mnogoobrazie raznoobraznix videopleerov s
nebol'6imi otkloneniami, no obazatel'no soderja6ie osnovnie upravlau6ie
elementi, o4en' poxojie na pervona4al'niy pleer youtube. Eto zna4it,
4to vnedrat' v massi novie formi vzaimodeystvia pol'zovatela s
informaciey sposobni tol'ko o4en' uvajaemie kompanii i, obazatel'no s
solidnim budjetom. Imeetsa vvidu vnedrat' uspe6no.
A zaavlau etot tezis kak aksiomu — VNEDRAT' NOVIE FORMATI SPOSOBNI TOL'KO O4EN' SER'EZNIE KOMPANII.
4to je sleduet iz vsego vi6eskazannogo?
Pri proektirovanii interfeysov, razrabot4ikam sleduet JESTKO opirat'sa
na ob6eprinatie standarti predstavlenia informacii. Osobenno esli u vas
net li6nix deneg dla obu4enia pol'zovateley vzaimodeystviu s
pridumannim vami interfeysom. Eto otnositsa kak k strukturirovaniu, tak
i k oformleniu informacii i ispol'zovaniu ponatnix pol'zovatelu
elementov interfeysnoy navigacii.
Osobenno eto kasaetsa proektov orientirovanix na akkumulirovanie
bol'6ogo koli4estva trafika. Inimi slovami: 4tobi va6i reklamnie
budjeti ne vileteli v trubu, maksimal'noe koli4estvo pol'zovateley,
posetiv6ix va6 sayt, doljno stat' postoannimi posetitelami i/ili
klientami. I imenno v etom — samaa bol'6aa rol' otvedena uzabiliti.
Pereydem ot teorii k praktike i rassmotrim sayt gdeetotdom.ru
Otkrivaem sayt i vidim:
Srazu v glaza brosaetsa otstup logotipa ot levoy granici sayta, eto
imenno ta melo4', kotoraa v sovokupnosti s sotney takix je melo4ey,
sozdaet ob6iy diskomfort ot prosmotra stranici. Dla russkogo 4eloveka
neestestvenno 4itat' angloazi4niy variant gdeetotdom potomu 4to «e»
4itaetsa kak «e», a ne kak «e». V dannom slu4ae logi4nim bilo bi
napisat' «GdeEtotDom.ru» Blok vibora regiona sdelan v vide vipadau6ego
menu (kak mojno dogadat'sa) odnako strelo4ki vverx i vniz pona4alu
vvodat v zablujdenie.
«V baze predlojeniy — 141573» — 4to eto zna4it? Kakix
predlojeniy? Kakix ulic? V kakix gorodax? Fotografii 4ego? 4tobi vse
eto uznat' nujno delat' kliki, a ved' klik pol'zovatela — o4en' dorogoe
udovol'stvie. Pol'zovatel' klikaet TOL'KO kogda 4etko znaet, 4TO polu4it posle klika. Klikat' po etim ssilkam ne xo4etsa.
V vozduxe visat malozametnie ssilki, nado polagat' glavnogo menu.
Nazvania punktov menu ne daut absolutno nikakoy informacii, o tom,
kakuu informaciu i v kakom ob&eme polu4it pol'zovatel'. Vi li4no xotite
pro4itat' kakuu-nibud' analitiku, kakie-nibud' novosti, kakie-nibud'
stat'i? A «Reklama» eto 4to? Mne tam pokajut reklamu? Ili predlojat
razmestit' reklamu na sayte? Ili v gazete? Ili e6e gde-to? A izna4al'no
ne veru ni4emu, i 4tobi zastavit' mena pro4itat' va6i novosti, nujno
sna4ala ubedit' mena v tom, 4to: oni aktual'nie, bespristrastnie, predstavleni v polnom ob&eme. K sojaleniu bezlikaa ssilka mena v etom ne ubejdaet.
Smotrim nije:
Veroatno eto blok poiska nedvijimosti. No po4emu togda vkladka «Poisk
nedvijimosti» ne aktivna? Krayne neuda4noe re6enie v vide dvoynix
vkladok, ili kak eto zadumano, sxodu ne ponatno. 4to zna4at vkladki?
4to skrivaetsa za vkladkoy «Gde etot dom»??? A za vkladkoy
«ged.index»??? Tuda nujno klikat' i dolgo razbirat'sa. 4elovek, kotoriy
pri6el za konkretnoy informaciey ne stanet tratit' vrema na izu4enie
neizvestno 4ego, s neizvestno kakim rezul'tatom.
Otdel'no stoit otmetit' standartnie sinie ramki poley, kotorie
kontrastiruut s oranjevim fonom i takje sozdaut nebol'6oy diskomfort.
Nestandartniy interfeysniy element dla vibora koli4estva komnat. 4em
opravdano ego uslojnenie? Ved' s nim nujno razbirat'sa, pust' eto
zaymet sekundi, no ved' eto nujno sover6at' deystvia. K tomu je a ne
xo4u klikat' na nestandartnie elementi, t.k. bous', 4to stranica
peregruzitsa. A naprimer vse pol'zovateli po opitu znaut 4to pri vibore
4ekboksa ili radioknopki takogo ne proizoydet.
«Ras6ireniy poisk viklu4en. Vklu4it'» — strelo4ka prizivaet nas
razvernut' formu vniz, kto-to mojet podumat', 4to forma razvernetsa na
etoy je stranice na javascript Ne zablujdaytes', poprobuyte kliknut' i
zafiksiruyte diskomfort.
I e6e a ne ponimau, dla 4ego delat' ssilku «Vxod» tem
samim zastavlaa pol'zovatela perexodit' na otdel'nuu stranicu? Po4emu
nel'za sdelat' pole vvoda logina i parola pramo na etoy stranice?
Pomnite? Klik stoit dorogo!
Idem dal'6e:
Vidim blok pod nazvaniem «Stat'i». Plusik vo vkladke
kajetsa nam interfeysnim elementom, kotoriy kakim-to obrazom pokajet
ostal'nie stat'i, no eto ne tak. On tam prosto dla krasoti.
Izli6nim takje budet povtorat', 4to net 4etkogo ponimania: 4TO tam za
stat'i, SKOL'KO ix tam, KTO ix avtor (mojno li doverat', ne reklama
li), KAK prosmotret' VSE stat'i itp.
Pomimo krivoy verstki, iz-za kotoroy propali pravaa i nijnaa granici
bloka, a obnarujil vopiu6uu detal', kotoroy to4no ne doljno bit' v
sovremennom sayte, osobenno v takom, v kotoriy vlojeno bol'6e milliona
$. Vnimanie! Vi gotovi? Kartinki, illustriruu6ie stat'i v etom bloke
o4en' ploxogo ka4estva (perejatiy jpeg), NAMNOGO bol'6ego razmera i
umen'6eni SREDSTVAMI HTML. Derjite mena semero!
O4en' melkiy 6rift — 4astaa o6ibka podobnix saytov. Kto avlaetsa
osnovnimi klientami na rinke nedvijimosti? V bol'6instve svoem ludi v s
den'gami i v vozraste. No ved' u ludey za 40 za4astuu uxud6aetsa
zrenie, i pro4itat' takoy melkiy 6rift oni prosto ne v sostoanii.
(Provedite eksperiment, predlojite pro4itat' etot tekst va6im roditelam)
Smotrim dal'6e i sleva vidim blok «Ob&avlenia ot kompaniy»
Ot kakix imenno kompaniy? Iz kakogo goroda? Po4emu ob&avlenia tol'ko 2?
Gde prosmotret' ostal'nie? Eto ved' GLAVNAA stranica sayta, i tut tak
mnogo mesta zanimaet etot blok, kotorim zainteresuetsa li6' 0.1%
posetiteley. Radi 4ego on zdes' naxoditsa? A ne znau. Mojet bit' vi
znaete?
Toje samoe mojno skazat' o bloke sprava «Special'nie predlojenia»
Zamet'te, zagolovok pravogo bloka smotritsa virovnenim po levomu krau,
togda kak zagolovok levogo bloka virovnen po centru — eto opat' je
melkie detali, vnosa6ie xaos v dizayn i sootvetstvenno sozdau6ie
neosoznaniy diskomfort u pol'zovatela pri pose6enii dannogo sayta.
Sam blok ne daet predstavlenia o tom, ot kogo dannie special'nie
predlojenia, v kakom ob&eme oni predstavleni, k kakomu gorodu
otnosatsa. 4itayte o vajnosti oxvata polnogo ob&ema predlojenia i
polu4enia pi6i dla analiza dla pol'zovatelsa, v moey pervoy stat'e
Otdel'no xo4etsa otmetit' melkiy seriy 6rift ob&avlenia i blekliy
telefon, a takje ix, menau6eesa ot bloka k bloku pozicionirovanie. Vse
eto ne pridaet dizaynu strogosti, a sozdaet vse tot je diskomfort,
kotoriy, v svou o4ered', snijaet uroven' doveria k saytu.
Po centru idut 3 raznoplanovix bloka:
Pri4em ni odin iz nix ne podpisan. Ostaetsa tol'ko gadat', kakaa
informacia tam razme6ena, kak ona strukturirovana i gde iskat'
analogi4nuu informaciu na sayte.
«Predstavlaem va6emu vnimaniu noviy servis Rossia 360» — opat'
nujno klikat' 4tobi uznat' 4to-to, a 4to konkretno ne ponatno. Bolee
milliona dollarov bilo potra4eno na sozdanie bazi fotografiy domov i
ulic, na sozdanie vozmojnosti panoramnogo prosmotra, i etomu udelen
li6' nebol'6oy blok na sayte!!! Esli u vas est' brilliant za4em pratat'
ego v podval!!!??? Nu po4emu, skajite, po4emu nel'za sdelat' etot
servis v samom verxu, v bol'6om i krasivom okne, s udobnim upravleniem
(a ne kak sey4as), po4emu nel'za po GeoIP opredelat' iz kakogo goroda
posetitel' (a vozmojno i rayona) i pokazivat' emu srazu doma iz ego
goroda, a vozmojno i s blizkoy emu ulici?
Predstav'te, zaxodite vi na sayt (skepti4eski uxmilaas', nu 4to mol oni
mogut mne predlojit'), a pered vami na ekrane glavnaa ulica va6ego
goroda, da e6e v panorame 360 gradusov, s vozmojnost'u prokrutki. A
radom udobniy spisok ostal'nix ulic. Vi bi ne ostalis' na etom sayte?
Ne zanesli bi ego sebe v zakladki? A ved' eto to, 4to nujno!!!
Uderjanie trafika na sayte! Predstavlaete NASKOL'KO bolee effektiven
takoy podxod? Kogda mi predostavlaem pol'zovatelu IMENNO to, 4TO emu
interesno! A v dannom slu4ae, kogda pol'zovatel' SRAZU ne naydet dla
seba ne4to interesnoe, on ne budet izu4at' ves' sayt, on prosto ego
zakroet i 4asti4ka va6ego reklamnogo budjeta rastvoritsa v vozduxe.
Sleduu6iy blok: «Pokupateli ojivaut» Ot4et analiti4eskogo
centra GdeEtotDom.RU po rinku jil'a Rossii za may 2009 goda.
Edinstvenniy na sayte ot4et? Da e6e i ot GdeEtotDom.ru? Po4emu a doljen
emu doverat'? Otstup teksta ot levogo kraa zna4itel'no bol'6e otstupa v
verxnem bloke, opat' nera6livost' i opat' diskomfort.
E6e nije ogromnaa kartinka, ne nesu6aa smislovoy nagruzki soglasno
zanimaemomu prostranstvu, illustriruet stat'u, kotoraa budet interesna
o4en' nebol'6omu koli4estvu posetiteley. Opat' je net idey kak nayti
vse stat'i podobnogo roda :(
|
|