|
АБРАКАДАБРА (Тоже самое но в читаемом виде)
Kak dizayneri interfeysov mi xotim, 4tobi na6i raboti xoro6o vigladeli i bili ponatnimi. Kajdiy element na ekrane doljen laskat' vzor, i v to je vrema, interfeysi — eto ne prosto ob&ekti. Oni doljni rabotat'. Interfeysi doljni predstavlat' informaciu i asno ukazivat' vozmojnie napravlenia deystviy. Eti dve storoni — seksapil'nost' i funkcional'nost', privlekatel'nost' i prostota, oformlenie i zna4imost' — oni 4asto sosu6estvuut u opitnogo dizaynera. No po-prejnemu su6estvuet opasnost' konflikta mejdu tem, kak eto po na6emu mneniu doljno vigladet' i tem, kak eto budet vosprinato pol'zovatelem (im bi tol'ko o klientax (customers), net 4tobi o ludax podumat'… — misl' vslux per.). Nedavno a obratil vnimanie na takogo roda protivore4ie mejdu oformleniem i zna4eniem na servise GitHub.
Osnovnaa navigacia na GitHub
Posle togo kak vi avtorizuetes' na GitHub, ob6ee navigacionnoe menu poavitsa v pravoy 4asti zagolovka. Navigacionniy blok obramlёn pramougol'nikom s zakruglёnnimi uglami:
Posmotrite na pramougol'nik, kotoriy svazivaet ves' blok voedino. U nego svetlo-goluboy fon, a vokrug on ograni4en ramkoy serogo cveta. Granica i fon dekorativni. Oni stilizuut blok i uslilivaut vizual'nuu privlekatel'nost'. 4tobi pomo4' vam uvidet' dekorativnost' etix elementov, a sdelal na skoruu ruku sravnenie mejdu original'nim variantom (sverxu) i novoy versiey bez granici i fona (snizu):
Oba varianta priatni glazu i funkcional'nost' v nix kajetsa odinakovoy. Vi vprave skazat', 4to raznica mejdu nimi skoree esteti4eskaa. No tut est' e6ё koe-4to. Re6enie ob&edinit' ssilki gorazdo glubje. Dekorativniy konteyner na samom dele menaet zna4enie ssilok i, kak mi dal'6e uvidim, privodit k probleme dla GitHub. 4tobi ponat' pri4inu, mi sna4ala doljni vzglanut' na to, kak ob&edinenie elementov vliaet na vospriatie dizayna pol'zovatelem.
Konteyneri menaut zna4enie ob&edinaemix elementov
Kogda vi pome6aete ssilku vnutr' konteynera, vi predpolagaete svaz' mejdu konteynerom i ssilkoy. Texni4eski govora, vi delaete odno sostavnoy 4ast'u drugogo. V ka4estve bolee privi4nogo primera, vzglanite na ssilki redaktirovania, kotorie vi 4asto vidite v web-prilojeniax:
Dve ssilki dla redaktirovania ob&edineni sootvetstvuu6imi konteynerami. Pol'zovatel' ojidaet, 4to verxnaa ssilka «edit» prednazna4ena dla redaktirovania zapisi «Michael Bluth», poskol'ku ssilka naxoditsa v toy je a4eyke, 4to i ima Michael-a. Sami ssilki «edit» odinakovi. Raznicu sozdaut konteyneri.
Tak kak je eto otnositsa k navigacii na GitHub? Problema so ssilkoy (“repositories: all”). Na GitHub razme6eni tisa4i otkritix repozitoriev, otkritie dla vsex i kajdogo. I v to je vrema kajdiy pol'zovatel' mojet imet' svoi sobstvennie repozitorii. I kak raz tut mi naxodim dvusmislennost' v dizayne ix navigacii.
Kogda navigacionniy blok obramlёn, ssilka «vse» («all») kajetsa zaklu4ёnnoy v ramki aktivnogo pol'zovatela. Po ssilke vi ojidaete uvidet' vse repozitorii, prinadleja6ie tol'ko etomu pol'zovatelu.
Sravnite eto s versiey bez ramki. Zdes' uje ne stol' o4evidno, vedёt li ssilka «vse» k spisku repozitoriev Michael-a ili k osnovnomu spisku absolutno vsex repozitoriev.
Pona4alu ramka vokrug bloka navigacii GitHub vigladela isklu4itel'no kak vopros stila. Teper' mi vidim, 4to esteti4eskie re6enia mogut takje vozdeystvovat' na ponimanie dizayna pol'zovatelem. V slu4ae s GitHub ojidania sozdannie obramlёnnimi ssilkami ne sootvetstvuut real'nomu povedeniu. Kogda vi najimaete ssilku «all», vi ne popadaete na spisok repozitoriev teku6ego pol'zovatela. Vmesto etogo vi okazivaetes' v osnovnom spiske publi4nix repozitoriev vsex pol'zovateley. Okazivaetsa, dla togo 4tobi uvidet' spisok repozitoriev aktivnogo pol'zovatela, neobxodimo najat' na ego ima radom s avatarom. Mudreno!
Predlojenia
Kak mi mogli bi izmenit' dizayn, 4tobi isklu4it' putanicu?
[..] — perviy variant «redizayna», predlojenniy avtorom stat'i, propu6en, tak kak otkrovenno plox, osobenno po sravneniu s nijeopisannim, — prim. per.
Mojno soxranit' dekorativnuu ramku originala i ispol'zovat' «avtorstvo» dla togo, 4tobi «perevesit'» napra6ivau6uusa logiku:
Etot variant ispol'zuet 2 ssilki — «vse» («all») i «moi» («mine») — dla razdelenia mejdu osnovnim spiskom vsex repozitoriev i spiskom repozitoriev, prinadleja6ix tol'ko aktivnomu pol'zovatelu.
GitHub — prekrasniy servis. I a znau, 4to pridiraus'. No v to je vrema dizayn pol'zovatel'skix interfeysov — delo tonkoe. Kak dizayneri, mi doljni osoznavat', 4to inogda, kogda mi delaem dizayn dla glaz, mi mojem zabit' o dizayne dla mozga. A nadeus', eti primeri pomogut vam lu46e 4uvstvovat' gran' mejdu dekorativnimi elementami i elementami, kotorie izmenaut zna4enie va6ix interfeysov.
habrahabr.ru/blogs/ui_design_and_usability/51177/
Vse to v dannoy stat'e opisano imeet pod soboy osnovanie nazivaemoe mnou mul'tislonost'u.
|
|
