Pro6loy osen'u mne dovelos' vistupat' s nebol'6im dokladom na konferencii, organizovannoy RusCHI i 1S v ramkax prazdnovania Vsemirnogo dna uzabiliti. A govoril o konstruirovanii azika piktogramm pol'zovatel'skogo interfeysa. Rukovodstvuas' principom «lu46e pozdno, 4em nikogda», a predlagau va6emu vnimaniu tot je samiy rasskaz v vide teksta s illustraciami.
Dizayn piktogramm — odno iz osnovnix napravleniy raboti studii TurboMilk. Mi ix narisovali bukval'no tisa4i. Priobretenniy v etom dele opit pomog nam sformulirovat' dva zolotix pravila:
- Prejde 4em risovat' piktogrammu, nujno xoro6o produmat', 4to na ney doljno bit' izobrajeno.
- Esli nujno narisovat' mnogo piktogramm, nujno produmat', 4to budet izobrajeno na kajdoy iz nix, prejde 4em prinimat'sa za illustratorskuu rabotu.
Pervoe pravilo absolutno o4evidno, vtoroe — mojet vizivat' voprosi. Odnako, na6 opit podtverjdaet, 4to prenebrejenie etim pravilom obi4no privodit k naprasnoy potere vremeni i k pla4evnim rezul'tatam. Bezotkazniy sposob sozdat' razvalivau6iysa na xodu nabor piktogramm — delat' piktogrammi odnu za drugoy, po spisku, v alfavitnom poradke, ne zagladivaa vpered i ne rassmatrivaa zada4u v komplekse. Protivopolojniy podxod mi nazivaem «konstruirovaniem azika piktogramm». Etot metod podrobno opisan v knige Vil'ama Xortona «The Icon Book». A sey4as a postaraus' na primere prodemonstrirovat', 4to eto takoe i kak eto delaetsa.
V ka4estve podopitnogo krolika mi voz'mem nebol'6oe vidumannoe prilojenie, prizvannoe pomo4' menedjeram nebol'6ix kompaniy, napodobie na6ey studii, rassilat' svoim klientam s4eta za vipolnennie raboti.
Sxema prosta: sdelali rabotu, otpravili s4et, polu4ili den'gi. Sleduet otmetit' vozmojnost' sperva prosto vvodit' v bazu dannix informaciu o vipolnennix rabotax, a uje potom, kogda-nibud', kogda takix rabot dla dannogo kontragenta nakaplivaetsa dostato4noe koli4estvo, oformlat' s4et. Takaa sxema gorazdo blije k na6ey real'noy jizni, 4em to, 4to predlagaut nekotorie programmi-analogi, ne pozvolau6ie vvesti zapis' o vipolnennoy rabote, esli e6e ne sozdan s4et.
Vkratce pere4islim osnovnie osobennosti prilojenia:
- S4eta sostoat iz stro4ek.
- Stro4ki mogut predstavlat' soboy zapisi ob okazannix uslugax, prodannix produktax ili otrabotannom vremeni.
- Stro4ka ne obazatel'no doljna bit' svazana so s4etom. Stro4ka mojet bit' «svobodnoy», to est' naxoditsa v «ku4e».
- Kak pravilo, pol'zovatel' vvodit «svobodnie» stro4ki v «ku4u» po mere vipolnenia rabot dla klientov, i uje potom sostavlaet iz gotovix stro4ek s4eta.
- S4eta mogut opla4ivat'sa v neskol'ko 6agov.
Sleduu6im 6agom mi doljni prosto pere4islit' vse komandi, dla kotorix trebuutsa piktogrammi. Pro6u Vas zapastis' terpeniem. Dizayn piktogramm — ves'ma kropotlivaa rabota daje v podgotovitel'nix etapax.
Komandi dla raboti so svobodnimi stro4kami:
- Dobavit' v ku4u stro4ku ob okazannoy usluge
- Dobavit' v ku4u stro4ku ob obrabotannom vremeni
- Dobavit' v ku4u stro4ku o prodaje produkta
- Udalit' stro4ku
- Sobrat' (vibrannie) stro4ki v s4et
- Pokazat' (tol'ko) svobodnie stro4ki
- Pokazat' lubie stro4ki
Komandi dla raboti so s4etami:
- Dobavit' s4et
- Udalit' s4et
- Otpravit' s4et
- Pokazat' ne otpravlennie s4eta
- Pokazat' otpravlennie s4eta
- Pokazat' opla4ennie s4eta
- Pokazat' lubie s4eta
Komandi dla raboti so stro4kami v s4etax:
- Dobavit' v s4et stro4ku ob okazannoy usluge
- Dobavit' v s4et stro4ku ob obrabotannom vremeni
- Dobavit' v s4et stro4ku o prodaje produkta
- Udalit' stro4ku iz s4eta v ku4u
- Udalit' stro4ku sovsem
Komandi dla registracii postuplenia deneg:
- Dobavit' oplatu
- Udalit' oplatu
Vi, doljno bit', obratili vnimanie na to, 4to slova v spiske komand raskra6eni raznimi cvetami. Eto nesprosta. Cveta obozna4aut ob&ekti, deystvia, opredelenia i obstoatel'stva. Esli mi bili terpelivi i razobrali nazvania komand na sostavnie 4asti pravil'no, eti 4asti stanut vizual'nimi simvolami-kirpi4ikami, iz kotorix mi budem sostavlat' piktogrammi so skazo4noy legkost'u.
Ob&ekti:
Opredelenia:
- ob usluge
- ob otrabotannom vremeni
- o prodaje produkta
- svazannaa
- svobodnaa
- ne otpravlenniy
- otpravlenniy
- opla4enniy
- lubaa/luboy
Deystvia:
- dobavit'
- udalit'
- sobrat'
- pokazat'
- otpravit'
Obstoatel'stva:
- iz s4eta
- sovsem
- v s4et
- v ku4u
Sleduu6iy etap — samiy tvor4eskiy. V xode mozgovogo 6turma mi generiruem kak mojno bol'6e idey, kak mojno izobrazit' tot ili inoy element.
Ob&ekti:
Opredelenia — tipi stro4ek:
Opredelenia — sostoania stro4ek:
Opredelenia — sostoania s4etov:
Deystvia:
Obstoatel'stva:
Nakonec, vibrav iz rezul'tatov mozgovogo 6turma naibolee perspektivnie nabroski, mi komponuem iz nix nujnie nam piktogrammi.
Piktogrammi komand dla raboti so svobodnimi stro4kami:
Piktogrammi komand dla raboti so s4etami:
Piktogrammi komand dla raboti so stro4kami v s4etax:
Piktogrammi komand dla registracii postuplenia deneg:
Neosporimoe dostoinstvo etogo metoda zaklu4aetsa v legkosti ras6irenia nabora piktogramm v slu4ae poavlenia u prilojenia novix funkciy. Inogda udaetsa oboytis' kombinirovaniem uje su6estvuu6ix elementov, inogda prixoditsa vvodit' novie, no v lubom slu4ae vizual'niy azik interfeysa ostaetsa cel'nim i neprotivore4ivim, esli tol'ko u avtorov dostato4no voli k sobludeniu odnajdi utverjdennix pravil vizual'noy grammatiki.
Egor Gilёv