www.romver.ru / Полный список статей / Визуальный дизайн

Vot pervaa 4ast' besedi:

UIE: Nekotorim mojet pokazat'sa, 4to nazvanie va6ey knigi «Vizual'niy podxod k veb-uzabiliti» eto oksumoron. 4to bi vi skazali, esli bi vas sprosili: razve ne uzabiliti bol'6e otnositsa k sfere prakti4eskogo ispol'zovaniu, a vizual'niy dizayn k xoro6emu vne6nemu vidu?

Luk Roblevski: Sperva, davayte razberёmsa, 4to takoe «prakti4eskoe ispol'zovanie». Kogda vi zaxodite na veb-sayt, vi 4itaete tekst, perexodite ot odnogo punkta menu k drugomu, razgladivaete kartinki, prosmatrivaete spiski i zapolnaete formi. Na protajenii vsego etogo vremeni vi pol'zuetes' svoim zreniem, kotoroe pozvolaet ponimat' smisl togo, 4to otobrajaetsa na ekrane, poskol'ku vse elementi sayta predstavleni vizual'no (za isklu4eniem, kone4no, esli vi pol'zuetes' skrin-riderom).

Glada na to, kak imenno predstavlen kajdiy element, mojno mnogoe o nёm skazat': poxoj on ili je otli4aetsa ot drugix elementov; obozna4aet li on kakuu-nibud' funkciu? Podobnaa informacia pomogaet ulovit' smisl togo, 4to otobrajeno na ekrane.

Takim obrazom, s pomo6'u vizual'nogo predstavlenia vi mojete soob6at' svoim pol'zovatelam osnovnoy smisl. Otve4aa na vopros «4to eto?», mi govorim o primenimosti. Otve4aa na vopros «Kak etim pol'zovat'sa?», mi govorim o prigodnosti (usability).

V umelix rukax, grafi4eskoe oformlenie stanovit'sa polnocennim sredstvom kommunikacii. 4em lu46e mi vladeem kommunikaciey, tem pro6e na6im pol'zovatelam ispol'zovat' i naslajdat'sa saytami, kotorie mi oformlaem.

Po4emu vi s4itaete, 4to dve eti temi (prigodnost' i vizual'niy dizayn) 4asto ne associiruutsa drug s drugom?

Kёrt Kloninger (Curt Cloninger) uje pisal o tom, 4to eksperti po uzabiliti svalilis' s Marsa, a grafi4eskie dizayneri s Veneri¹, dumau, 4to v etoy 6utke, na samom dele, tol'ko dola 6utki. Xota, 4estno govora, a dumau tut delo v tom, 4to bol'6instvo ludey sover6enno ne razbirautsa v tom, kakim obrazom na6e soznanie osmislaet to, 4to mi nabludaem glazami. V rezul'tate, 4asto ludi otnosat uzabiliti k sfere «prakti4eskogo ispol'zovania» - esli ispol'zovat' va6 termin – vmesto togo 4tobi zadumat'sa o tom, naskol'ko vizual'naa kommunikacia pomogaet obleg4it' ispol'zovanie funkcionala sayta.

Privedёm konkretniy primer. Dopustim, uzabiliti-test mojet prodemonstrirovat', 4to pol'zovateli ne zame4aut kakix-to poleznix funkciy na veb-stranice. Issledovateli mogut otmetit', 4to eta konkretnaa funkcia «ne vpolne doxod4ivo» predstavlena i poetomu produkt sleduet vernut' dizayneru na dorabotku «asnosti» etoy vajnoy funkcii. Kogda je dizayner vnesёt neobxodimie pravki, sayt snova sleduet ispitat' na prigodnost' k ispol'zovaniu.

Odnako, ostaёtsa neizvestnoy pri4ina, po kotoroy pol'zovatel' ne zame4aet toy konkretnoy opcii i tex deystviy, kotorie dizayner predprinimaet, 4tobi ustranit' etu problemu. Problema mogla bit' v tom, 4to kontrast mejdu vsemi elementi stranici bil na stol'ko nizkim, i vsё vigladelo dla pol'zovatela nastol'ko odnoobrazno, 4to videlit' kakie-to funkcii bilo sover6enno nevozmojno. Ili je, mojet bit', vizual'niy kontrast bil nastol'ko velik, 4to kajdiy element bukval'no kri4al «posmotri na mena!» i poetomu ni odin iz nix ne mog zaslujit' isklu4itel'nogo vnimania. Kakoy bi ne bila deystvitel'naa pri4ina, problema naxoditsa imenno v sfere vizual'noy organizacii.

Odnako malo kto stremit'sa obsujdat' podobnie problemi vser'ёz. To est', u etix dvux napravleniy vizual'nogo dizayna net vozmojnosti razrabotat' ob6iy azik, dla opisania tex sposobov, kotorie oni primenaut dla ob6enia s pol'zovatelem. 4em bol'6e podobnix diskussiy budet provodit'sa, tem bol'6e budet sdelano 6agov po napravleniu k slianiu etix dvux disciplin. Moim li4nim vkladom v sozdanie podobnogo ob6ego azika bila kniga Site Seeing. V ney a izlojil osnovnie momenti, kak uzabiliti, tak i vizual'nogo dizayna, a takje privёl rad primerov, kotorie demonstriruut to4ki ix perese4enia.

Odnajdi vi skazali, 4to «vizual'niy dizayn mojno rassmatrivat', kak perepletenie mejdu soboy dvux 4astey: vizual'noy organizacii i individual'nosti». Po4emu vi daёte imenno takoe ob&asnenie vizual'nomu dizaynu? 4to poleznogo mogut izvle4' dizayneri iz etogo razli4enia?

Pozvol'te mne sperva poasnit', 4to imenno a podrazumevau pod vizual'noy organizaciey i li4nost'u. Vizual'naa organizacia ispol'zuet vizual'niy kontrast i vizual'nuu ierarxiu, 4tobi sozdat' stranice takoy vne6niy oblik, kotoriy pomojet pol'zovatelu leg4e orientirovat'sa v eё soderjanii. Esli vi uberёte vse esteti4eskie elementi interfeysa, to pered vami ostanetsa zna4itel'naa 4ast' vizual'nogo dizayna – ili, to4nee, vizual'noy organizacii – kotoraa visve4ivaet vzaimosvazi mejdu razli4nimi elementami stranici, a takje ix sravnitel'nuu vajnost'.

Drugaa storona vizual'nogo dizayna - eto individual'nost', 4to trebuet pravil'nogo podbora 6riftov, cvetov, form, tekstur i kartinok, 4tobi voplotit' dla celevoy auditorii sootvetstvuu6ee soob6enie. Bol'6instvo vizual'nix dizaynerov skajut, 4to oba eti aspekta neotdelimi drug ot druga. Imenno poetomu voznikaet massovoe predstavlenie o tom, 4to vizual'niy dizayn eto prosto ukra6enie. Krome etogo, individual'nost' vosprinimaetsa nastol'ko neposredstvenno i mo6no, 4to mojet prosto maskirovat' pod soboy detal'no produmannuu vizual'nuu organizaciu.

A soznatel'no pitaus' otdelit' obsujdenia individual'nosti ot obsujdeniy vizual'noy organizacii, 4tobi razli4at' sub&ektivnoe prinatie re6eniy ot re6eniy, kotorie osnovivautsa na ispitannix i nadёjnix principax. Kak a uje upomanul, vibor cvetov i 6rifta, kotorie sostavlaut individual'nost' sayta, imeut mo6niy potencial kommunikacii. Oni trebuet personal'noy, sub&ektivnoy reakcii. Imenno poetomu obsujdenia vizual'nogo dizayna 4asto ustupaut mesto razgovoram na temu predpo4teniy, tipa: «Mne ne nravitsa oranjeviy».

Esli na mgnovenie otvle4'sa ot etoy poverxnostnoy jivotnoy reakcii na individual'nost' veb-sayta, to mojno bilo bi demonstrirovat', kak primenalis' osnovnie principi vospriatia i vizual'noy organizacii dla dostijenia konkretnix biznes-celey ili je potrebnostey pol'zovatela. K primeru, «Soglasno rezul'tatam na6ego issledovania, bol'6instvo pol'zovateley i6ut na etoy stranice dannuu informaciu. V rezul'tate, ona polu4aet naibol'6iy vizual'niy ves na etoy stranice – 4to dostigaetsa putёm sil'nogo kontrasta s fonom». 4tobi pravil'no ponat' sut' re6eniy, kotorie predlagaut vizual'nie dizayneri, 4tobi pod4erknut' dla pol'zovatela vzaimosvazi mejdu raznimi 4astami soderjania, neobxodimo otkazat'sa ot sub&ektivnogo vzglada, kotoriy prisutstvuet vo mnogix dizaynerskix obzorax. Eto mojet pomo4' dizayneram lu46e ob&asnit' i prodat' svoy podxod.

U kajdogo li sayta est' individual'nost'? Kakie elementi dizayna sozdaut xoro6uu individual'nost' i kakim obrazom dizayner mojet ulovit' individual'nost' svoego sayta (ili 4ego bi to ni bilo)?

Vsё na svete imeet individual'nost', xo4et ono etogo ili je net. Issledovania Bayrona Riversa (Byron Reeves) i Klifforda Naasa (Clifford Naas) iz Media Equation demonstriruut, 4to mi nadelaem individual'nost'u daje na6i televizori, komp'uteri i pro4ie formi medianositeley. S tex por, kak Internet stal e6ё odnim vidom media, kajdiy sayt kotoriy mi sozdaёm, takje, nesomnenno, imeet svou individual'nost'.

Vozvra6aas' k dizaynu, esli vi daje soznatel'no ne zadumivalis' nad individual'nost'u va6ego sayta, to v lubom slu4ae ona u nego budet. Cvetovaa gamma, soderjanie i vizual'nie elementi – ili je naoborot ix otsutstvie – obazatel'no proizvedёt vpe4atlenie na va6u auditoriu, bud' to umi6lenno ili net. Takim obrazom, v va6ix je interesax pozabotit'sa ob individual'nosti, kotoruu vi sozdaёte svoemu saytu, 4tobi ubedit'sa, 4to on voplo6aet imenno to soob6enie, kotorie vi stremites' peredat'.

A ne s4itau, 4to vopros v tom, kak sozdat' «xoro6uu» individual'nost'. Skoree mojno govorit' o «sootvetstvuu6ey» individual'nosti. Sootvetstvuu6aa individual'nost' legko zapominaetsa, otrajaet sut' va6ego brenda i poo6raet dal'ney6ey u4astie. Obratite vnimanie na individual'nost' veb-sayta Apple i ego podborku cvetov, 6riftov i voob6e maket. Sayt stremit'sa voplotit' obraz «klassnoy, lёgkoy v ispol'zovanii texnologii» i ego individual'nost' uda4no otrajaet eto.

4tobi razrabotat' dla sayta sootvetstvuu6uu individual'nost' trebuetsa obozna4it' svoё osnovnoe soob6enie s pomo6'u neskol'kix klu4evix opredeleniy ili fraz, a zatem ubedit'sa, 4to vibor 6rifta, cveta, 4istogo prostranstva, teksturi ili izobrajenia soglasuetsa s etim soob6eniem.

Vsvazi s uspexami takix ne osobenno izo6rёnno oformlennix saytov, kak Craigslist, MySpace i Del.icio.us, vedёtsa mnojestvo diskussiy na temu «krivogo dizayna». Po4emu etot krivoy dizayn rabotaet? Kakoy urok mi mojem izvle4' iz ix uspexa?

Neskol'ko raz u mena bila situacia, kogda glavniy biznes-menedjer govoril mne, 4to emu xotelos' bi videt' menee vi4urniy dizayn na6ego produkta, poskol'ku sayti s «bolee prostim dizaynom» bolee uspe6ni. V nekotoroy mere, v etom est' dola pravdi. Sayti s zaputannoy sistemoy navigacii i nevnatnoy ierarxiey mogut davat' bol'6ee koli4estvo prosmotrov stranic iz-za togo, 4to pol'zovateli ne ponimaut kuda najimat' i klikaut naugad, kuda tol'ko vozmojno. Takje, te sayti, kotorie primenaut vizual'niy dizayn, 4tobi zamaskirovat' reklamu pod soderjanie, mogut povisit' svoy uroven' klikov po ssilkam i, sootvetstvenno viru4ku, poskol'ku pol'zovateli dumaut, 4to klikaut po ssilkam na soderjanie, odnako, na samom dele, oni klikaut na reklamu. Po4ti vo vsex ostal'nix slu4aax, dizayn okazivaetsa poleznim.

Prenebregaa vizual'nim dizaynom, vida v nёm li6' vozmojnost' sdelat' sayt bolee ili menee krasivee, vi teraete odnu iz vozmojnostey ob6at'sa so svoimi klientami. Kak a uje govoril, dizayn bol'6e otnosit'sa k kommunikacii, 4em k stilizacii.

Popularnost' saytov tipa Craiglist i Del.icio.us zijdetsa na ix soderjanii. Vopros li6' v tom, naskol'ko nravitsa ix auditorii probirat'sa 4erez neskladnuu grafiku sayta i neudobo4itaemiy tekst? Dumau, ne o4en' no, tem ne menee, individual'nost' soderjania – ono mojet bit' cennim, prikol'nim, stoa6im i pro4ee – ubejdaet zakrivat' glaza na vsё ostal'noe. Obradovalas' bi auditoria esli bi individual'nost' predstavlenia bolee sootvetstvovala individual'nosti soderjania? Nesomnenno. Ved' soderjanie im nravit'sa, ne tak li?

Tekst predstavlen World Web Studio. World Web Studio - web-communications partner. Uspe6niy opit raboti 2000-2008. Samoe krupnoe web-kommunikacionnoe agentstvo v Ukraine. Polniy cikl uslug - adaptacia IMK dla web - kompleksniy web-development - reklama i prodvijenie brendov v web. Bolee 500 realizovannix proektov. Principi raboti: kreativnost', texnologi4nost', effektivnost'. www.worldwebstudio.com

b2blogger.com/pressroom/release/8137.html