|
АБРАКАДАБРА (Тоже самое но в читаемом виде)
Predstavlau va6emu vnimaniu perevod stat'i pod nazvaniem "User Experience and the design of news at BBC World Service" ot Tammy Gur. Pereveli v kompanii UXDepot special'no dla pol'zovateley Xabraxabra s odobreniem kompanii BBC i izdania Johny Holland Magazine.
Proektirovanie okrujau6ey sredi dla stremitel'nogo potoka informacii, proxoda6ego 4erez novostnoy veb-sayt v rejime non-stop — eto vizov, ne poxojiy ni na 4to drugoe. Komanda dizaynerov i specialistov v oblasti UX v BBC World Service sozdaet novostnie sayti dla desktopnix i mobil'nix brauzerov na 27 azikax, udovletvoraa razli4nie auditorii po vsemu miru. V etoy stat'e mi podelimsa etim opitom s vami.
Nekotorie iz novostnix saytov BBC World Service: russkiy, arabskiy, kitayskiy i brazil'skiy.
Osobennosti dizayna novostnix materialov v cifrovom vide
Cikl publikacii novostey v cifrovom vide sli6kom bistr dla togo, 4tobi razrabativat' dizayn special'no dla kajdogo materiala. Dizayneri, sozdau6ie bumajnie gazeti, menaut ix vne6niy vid ejednevno. Dizayneri, sozdau6ie onlayn-SMI, sozdaut maketi, kotorie ne tak sil'no zavisat ot soderjimogo. Pri4ina etogo — krayne visokaa skorost' obnovlenia informacii. Eto ozna4aet, 4to mi sozdaem dizayn sayta li6' odnajdi, a zatem jurnalisti napolnaut sayt soderjimim, ispol'zua na6 dizayn.
Primer maketov bumajnix gazet, razrabotannix special'no dla kajdogo vipuska. Oblojki izrail'skoy novostnoy gazeti «Yediot Achronot» ot 26, 27 i 28 iuna 2011 goda.
Rezul'tatom raboti komandi dizaynerov avlaetsa nabor moduley i ix povedeniy. Vi mojete vozrazit' 4to tak postupaut vse dizayneri so vsemi saytami. Eto pravda, no raznica sostoit v ob&eme i mnogoobrazii kontenta, kotoriy mojet poavlat'sa v luboe vrema na protajenii dna. Material mojet sostoat' iz odnogo teksta, v nem mogut bit' izobrajenia ili celie galerei izobrajeniy, a takje video ili audio. Vajnoe ekstrennoe soob6enie mojet vigladet' sovsem ina4e 4em prosto stat'a, pome6ennaa redakciey v spisok interesnix. A e6e u glavnoy stranici mojet bit' neskol'ko variantov stila — odin dla budney, drugoy dla vixodnix (kotoriy budet otli4at'sa ob&emom kontenta i samim kontentom). Vse vozmojnie slu4ai u4teni i produmani kak 4ast' dizayna.
Novostnoy sayt poxoj na bento-boks
Mne nravitsa sravnivat' novostnoy sayt s aponskim Bento-boksom. Vnutri kraev podnosa raspolagautsa malen'kie bluda razli4nix form i razmerov, kotorie mojno rasstavlat' v raznix so4etaniax. To je proisxodit i s na6im dizaynom. Eda, kotoraa soderjitsa v malen'kix tarelkax — eto menau6eesa novostnoe soderjimoe sayta. Garmonia mejdu bludami i boksom opredelat o6u6enia, kotorie mi ispitivaem vo vrema edi.
Tradicionnaa korobka Bento.
Pi6a kajetsa privlekatel'noy, ona slovno prosit s&est' ee. No bila bi ona stol' privlekatel'noy, esli bi vse bluda bili svaleni na podnose v odnu bol'6uu neappetitnuu ku4u? Dla togo, 4tobi dobit'sa takogo effekta, tot, kto gotovit Bento, doljen ponimat' edu (kontent) i vkusi jelau6ix poujinat' (povedenie pol'zovatela).
Ponimanie soderjimogo: ierarxia, ob&em, ton
S samogo na4ala raboti nad dizaynom mi rabotaem v tesnom sotrudni4estve s jurnalistami. Mi znakomimsa s budu6im kontentom, i prosim redaktorov raspredelit' tipi kontenta po vajnosti. Tak mi polu4aem ierarxiu kontenta.
Takje mi uznaem u jurnalistov, kakoy ob&em soderjimogo proxodit 4erez glavnuu stranicu za den'. Naprimer, nas interesuet, kak mnogo bivaet statey, vibiraemix redakciey kak samie interesnie, kak mnogo bivaet temati4eskix i regional'nix statey. V bol'6instve stran pik 4itaemosti materialov prixoditsa na utro i obedenniy pereriv, i imenno v eto vrema komanda budet pisat' naibol'6ee koli4estvo statey.
Ob6enie s jurnalistami pomogaet nam ponat' ton soderjimogo, kotoriy mi mojem otrazit' v dizayne. Ton — eto ne prosto stil' pis'ma, on takje svazan s principami kompanii, s ojidaniami pol'zovateley i, v slu4ae BBC World Service, s kul'turnimi razli4iami.
Izu4enie pol'zovatel'skoy auditorii i analiz konkurentov, provodimie nami mnogie godi, viavilo nekotorie interesnie fakti kasatel'no rinkov, na kotorix mi rabotaem. Naprimer, mi obnarujili, 4to na rossiyskom rinke i rinkax stran srednego vostoka 4itateli preimu6estvenno xotat videt' vajnie politi4eskie novosti. V to vrema kak brazil'ci predpo4itaut 4itat' raznie interesnie, no ne takie vajnie fakti. Dla togo 4tobi otrazit' eto, na pervix dvux ekranax glavnoy stranici russkogo sayta pokazano bol'6e politi4eskix novostey, v to vrema kak na brazil'skom sayte eto mesto useano galereami kartinok i interesnimi istoriami so vsego mira.
Ponimanie povedenia i vkusov pol'zovateley
Povedenie posetitela novostnogo sayta obi4no mojno opisat' dvuma raznimi sposobami. Pol'zovatel' libo beglo prosmatrivaet stat'i, libo 4itaet ix polnost'u. Ili je on delaet eto poperemenno, v zavisimosti ot nastroenia i togo, est' li u nego svobodnoe vrema. Utrom, pered na4alom rabo4ego dna u pol'zovatela est' sovsem nemnogo vremeni na to, 4tobi izu4it' poslednie svodki novostey, a ve4erom ili vo vrema obedennogo pereriva on vpolne mojet pozvolit' sebe pro4itat' stat'u polnost'u, i daje pro4itat' drugie stat'i, svazannie s ney.
Kakie ka4estva doljni bit' u novostnogo sayta? Kakie zada4i pol'zovatel' xo4et re6it' na sayte? Statistika i analiz povedenia pol'zovateley govorit nam, 4to posetitelam nravitsa:- Beglo prosmatrivat' zagolovki poslednix novostey;
- Videt' mnogoobrazie kontenta;
- Znat', 4to vsa informacia maksimal'no sveja;
- Bit' uverennim v tom, 4to sayt predlagaet tol'ko vajnuu dla nego informaciu;
- Imet' vozmojnost' po4itat' novosti po konkretnoy teme (naprimer, novosti texnologiy);
- Sravnivat' isto4niki — videt' raznie to4ki zrenia na poslednie novosti;
- Imet' nezagromojdennuu sredu dla komfortnogo 4tenia;
- Znat', 4to novosti, kotorie oni 4itaut, predostavleni nadejnim isto4nikom.
Sozdanie dizayna, podstroennogo pod povedenie pol'zovateley i kontent
U nas est' nabor instrumentov, pri pomo6i kotorix mi sozdaem effekt korobki Bento. Davayte rassmotrim nekotorie iz nix.
.
Modul'naa setka
Skelet dizayna lubogo xoro6ego sayta — eto modul'naa setka. Ona pomogaet sozdat' vizual'niy poradok na sayte. Na vsex saytax BBC ispol'zuetsa odna universal'naa setka, kotoraa avlaetsa komponentom nedavno vvedennogo v ekspluataciu gaydlayna BBC «Global Experience Language». Eta setka razdelena na kolonki razmerom 61 x 16 pikseley, 4tobi sootvetstvovat' standartnim razmeram izobrajeniy i videopleera na saytax BBC. Setku mojno razdelit' na dve ravnie po 6irine kolonki i e6e odnu, tret'u, nemnogo po6ire (kak pokazano nije). S odnoy storoni eta setka gibka i pozvolaet otobrazit' na sayte vse raznoobrazie informacii, ot razvlekatel'nix novostey do ser'eznix analiti4eskix. S drugoy storoni ona sozdaet vizual'nuu identi4nost', kotoraa prisutstvuet na vsex saytax BBC i predstavlaet soboy element brenda. Takje ona standartiziruet razmeri reklamnix blokov na vsex saytax.
Setka iz Global Experience Language. Dve iz trex vozmojnix kombinaciy.
.
Raspredelenie informacii i nazvania blokov
Mi na4inaem s togo, 4to opredelaem mesta dla blokov soderjimogo bolee visokogo poradka, kak pokazano vi6e. Zatem mi spuskaemsa na uroven' nije i razme6aem konkretnie bloki v setku. V eto vrema mi osnovivaemsa na prioritetax, dannix kontentu vo vrema obsujdenia s redakciey. Krome togo, mi prinimaem v ras4et ojidania pol'zovateley, a takje inogda staraemsa povtorit' modeli, vnedrennie u konkurentov, ili obratit' osoboe vnimanie 4itateley na na6i original'nie materiali.
Ierarxia i gruppirovanie kontenta na ispanoazi4nom sayte BBC.
U kajdoy gruppi kontenta est' nazvania (za isklu4eniem bloka topovix novostey), kotorie otrajautsa v kategoriax navigacionnogo menu. Nazvania blokov igraut dvoynuu rol' na na6ix saytax: s odnoy storoni oni avno daut ponat' k kakomu tipu materialov otnositsa ta ili inaa stat'a, a s drugoy slujat kak vizual'nie akora, pomogau6ie beglo prosmatrivat' sayt.
Primeri nazvaniy temati4eskix grupp na ispanoazi4nom i kitayskom sayte BBC.
Kombinacia raspolojenia soderjimogo v setke, podxoda k nazvaniam v kontente, probelov mejdu blokami i razli4nix izobrajeniy zadaet vizual'niy ritm na stranice.
.
Struktura sayta
Est' trenie mejdu neobxodimost'u pomo4' pol'zovatelu bistro nayti to, 4to on i6et, i neobxodimost'u pokazat' mnogoobrazie materialov na sayte. Kak mejdunarodnoe novostnoe agenstvo, u nas est' e6e odna problema: na6i novostnie sayti po4ti vsegda konkuriruut s lidiruu6imi mestnimi agenstvami novostey. Poetomu nam prixoditsa to4no produmivat', kakie kategorii pokazivat' pol'zovatelam, tak, 4tobi sayt bil aktual'nim dla nix i pomogal naxodit' materiali po teme, kotoraa ix interesuet.
Dla togo, 4tobi lu46e ob&asnit' eto, rasskajem o dvux scenariax ispol'zovania sayta. Maria xo4et 4itat' novosti texnologiy. Ey nujno, 4tobi takie materiali mojno bilo nayti intuitivno. Rodriges xo4et znat' vse o poslednix vixodkax Ugo 4avesa. Struktura sayta doljna udovletvorat' oboix etix personajey.
Dla Marii u nas est' neskol'ko kategoriy verxnego urovna, takix kak «Texnologii». Kategorii raspolagaetsa vsegda v odnom i tom je meste, bud' to navigacia ili oblast' s soderjimim na stranice.
Dla Rodrigesa u nas est' temi, takie kak «4aves». Temu mojno prisvoit' luboy stat'e — eto rabotaet analogi4no tegam v blogax. Jurnalisti VVS imeut vozmojnost' prisvaivat' svoim stat'am eti tegi, odnako oni ograni4eni kontroliruemim slovarem — on nujen dla togo, 4tobi ne bilo tem, v kotorix soderjitsa vsego neskol'ko statey. E6e eto pozvolaet glavnim redaktoram kontrolirovat' spisok tem.
Odnim slovom, mi staraemsa nayti kompromiss mejdu jestkost'u i gibkost'u poda4i informacii. Stat'i avtomati4eski kategoriziruutsa po samim raznim priznakam, rasxodas' po temam i kategoriam. Eto pomogaet im ne zaterat'sa, i popadat' na stol tem, kto jajdet po4itat' imenno ix — takaa sistema udobna i dla Marii, i dla Rodrigesa.
Moduli s temami raskrivaut bolee detal'nuu kategorizaciu statey na sayte.
.
Tipografika
6riftovaa rabota — odin iz vajney6ix elementov lubogo sayta s bol'6im koli4estvom teksta. Razvitie texnologiy pozvolilo kontrolirovat' 6rifti v vebe do stepeni, nedostijimoy ran'6e. Mi vklu4ili v Global Experience Language ambiciozniy nabor gaydlaynov, kotorie postavili rol' tipografiki obratno na samoe vajnoe mesto v dizayne. Re6enia, svazannie s garnituroy i ee razmerom, uzkiy treking i interlin'aj, a takje ispol'zovanie jirnix zagolovkov: vse eto stalo 4ast'u vizual'nogo azika saytov BBC. Primenenie linii 6rifta ispol'zuetsa dla pomo6i v viravnivanii elementov i dla kontrola nabora. Vnimanie ko vsem etim detalam naceleno na to, 4tobi dobit'sa bolee asnoy vizual'noy ierarxii i ulu46enia 4itaemosti teksta.
Opredelaem tipografi4eskuu ierarxiu dla birmanskogo alfavita.
Iz-za bol'6ogo ob&ema informacii i togo fakta, 4to na6ey komande prixoditsa rabotat' s vosm'u raznimi znakovimi sistemami, mi doljni dopolnitel'no podgonat' rabotu so 6riftami pod kajdiy sayt. Mi prodelivaem skrupuleznuu rabotu nad razmerami i stilami 6rifta, 4tobi sozdat' soglasovannuu ierarxiu, avno pokazivau6uu zagolovki, kratkie svodki, spiski i tak dalee. Dizayneri t6atel'no prorabativaut treking i interlin'aj kajdoy znakovoy sistemi. Zatem vivedennie gaydi primenaut k kajdomu modulu v kajdom ego vide: s izobrajeniami raznix razmerov, bez izobrajeniy, so spiskom svazannix statey i dopolnitel'nimi elementami, takimi kak ikonki, ozna4au6ie nali4ie kommentariev ili video. Mi sozdali repozitoriy moduley, soderja6iy luboy vozmojniy variant. (Dopolnitel'nie podrobnosti o 6riftovoy rabote, kotoruu mi prodelali, vi mojete posmotret' nije.)
Primer moduley dla statey: s video pleerom (sleva) i prosto tekstom (sprava).
.
Vrema novosti
Vrema publikacii stat'i imeet krayne vajnoe zna4enie — ot nego sil'no zavisit doverie pol'zovatela k novostnomu saytu. Ponimaa eto, mi dobavili na sayt element, kotoriy mi nazivaem «Prokru4ivau6iesa novosti» — v etom bloke avtomati4eski, v rejime real'nogo vremeni, poavlautsa zagolovki novostey so vremenem poavlenia novosti. Najatie na zagolovok vedet pol'zovatela k korotkoy stat'e, opisivau6ey sobitie. Blok raspolojen v verxney 4asti glavnoy stranici, radom s blokom glavnix novostey za segodna, on takje imeetsa na stranice kajdoy stat'i.
Svoevremennoe obnovlenie novostey pod4erkivaetsa v bloke «Prokru4ivau6iesa novosti»
V dopolnenie, mi pokazivaem zametnie bloki s vremenem dobavlenia glavnix novostey, poka ne proydet 4as s momenta dobavlenia.
.
Dal'ney6ee pute6estvie po saytu
Bol'6oe koli4estvo pol'zovateley prixodit na sayt srazu 4erez opredelennuu stat'u, a ne 4erez glavnuu stranicu sayta. Poetomu mi videlili prostranstvo na stranice kajdoy stat'i special'no pod samiy vajniy kontent s glavnoy stranici i vsego sayta, demonstrirua na kajdoy stranice sayt vo vsu 6irinu. Takim obrazom mi poo6raem posetitela 4itat' sayt dal'6e. Eto nedavnaa idea. Ran'6e mi staralis' pokazat' pol'zovatelu tol'ko stat'i, svazannie s toy, kotoruu on 4itaet. Dizayneram nujno bilo postarat'sa, 4tobi pri tom, 4to na stranice pokazana ku4a dopolnitel'noy informacii, sayt bilo po-prejnemu legko 4itat'.
Stranica stat'i kak mini-versia glavnoy stranici: pravaa kolonka pokazivaet kontent s glavnoy stranici i vsego sayta.
|
|
