Staré problémy nová řešení: několik designových projektů

Jak vytvořit vývoj designu pro velmi velký a dlouhý projekt

Když je projekt velký, pracuje na něm mnoho designérů současně a velmi daleko od sebe – neustále se objevují problémy.

Představme si situaci. Je tam nepříliš zkušený projektový manažer. Visí na něm velký projekt a tři designéři, kteří jsou připraveni na tomto projektu pracovat. Dovolte mi je představit — Vasyu, Lenu a Petyu (na obrázku zleva doprava). Pojďme našim klukům trochu zvýšit úroveň obtížnosti. Ať jsou všichni v různých městech, to znamená, že nesedí u sousedních stolů, na Páteční pitky Nemají spolu oběd a nemohou komunikovat jinak než prostřednictvím instant messengerů a pošty. Projekt je rozsáhlý a je plánován na více než jeden měsíc. Zákazník rád často mění svá rozhodnutí nebo přichází s novými funkcemi.

Uvidíme, jak se dostanou ven?

Práce konstruktérů na jakémkoli projektu samozřejmě začíná podrobnou studií technických specifikací, vytvořením prototypu a jeho schválením. Tento krok vynecháme, protože. na něm by projektovému manažerovi (ve většině případů) stačil jeden projektant.

Náčrtky stránek jsou tedy již hotové a odsouhlasené, jdeme tedy rovnou na kreslení. Projektový manažer rozdá návrhářům náčrtky stránek a ti se dají do práce. Nechte Vasyu nakreslit hlavní stránku, Lena nakreslit registrační formulář a Petya nakreslit stránku produktu. „Tímto způsobem okamžitě zabijeme tři mouchy jednou ranou a ušetříme spoustu času,“ říká projektový manažer chlapům a dají se do práce. Bez ohledu na to, jak to je. Po pár dnech dostaneme toto:

Je na čase, aby se manažer zamyslel nad samozřejmými věcmi, protože každý designér má svůj vlastní jedinečný styl. Ani ty nejpodrobnější skici nebo prototyp někdy nestačí, aby tři nezávislí specialisté vyrobili stránky ve stejném stylu (samozřejmě pokud návrh není na bootstrap :-). Řešení této situace přichází nečekaně a je nápadné ve své jednoduchosti: nechte Vasyu, jako nejzkušenějšího návrháře, nakreslit hlavní stránku a Lena a Petya nakreslí svou k jejímu obrazu a podobě.

Manažer si rve vlasy, protože to znamená 16, nebo dokonce 32 člověkohodin prostoje! Ale není jiné východisko. Lena a Petya odpočívají, zatímco Vasya pracuje na hlavní stránce. Nakonec je rozvržení připraveno, odsouhlaseno se zákazníkem a předáno Lene a Petyi jako stylingové pokyny. Srdce projektového manažera kleslo ještě na pár dní, ale. zázrak se nestal:

Jde o to, že i přes konzistentní styl a konzistenci s náčrtky je na dvou stránkách, které Lena a Petya nakreslily, velké množství nesrovnalostí. Například různé nadpisy a odsazení odstavců, různá tlačítka stylu a vstupní pole. Tento seznam může pokračovat donekonečna. Tyto dvě rozvržení mohou vypadat skvěle jednotlivě, ale dohromady je obrázek žalostný.

A opět si projektový manažer rve vlasy a vymýšlí, jak dohnat ztracený čas. Možná bude dokonce inzerovat designéra se schopnostmi Photoshopu a telepatie. Rozhodnutí však opět na sebe nenechá dlouho čekat. Nechte Vasyu nakreslit sadu uživatelského rozhraní se všemi možnými prvky webu. Na jeho základě nakreslíme všechny vnitřní stránky!

Takže další Vasyův den je promarněný. Lena a Petya vezmou sadu uživatelského rozhraní, hlavní, náčrtky svých stránek a pustí se do práce. Výstupem jsou dvě elegantní a hladká rozvržení:

Manažer a Vasya tleskají. Zákazník je šťastný jako kočka, která snědla příliš mnoho zakysané smetany. Nyní vše půjde jako obvykle, Práce konečně začala. Stránky jsou spárovány jedna po druhé. Termíny se blíží. Ale to tam nebylo! Zákazník nenahrál několik stránek.

Je čas znovu zapnout „stroj na myšlení“. Pokud totiž některý z designérů provede změny v některých prvcích své stránky – ať už jde o tlačítko nebo drobky – nevejde se na zbytek stránek a UI kit už nebude relevantní. Některé prvky lze samozřejmě převzít ze zdrojů různých návrhářů. Nicméně množství rozložení-ve kterém-aktuálním-tlačítku poroste úměrně s počtem nekonzistentních stránek. Sledovat je nebude snadné. Zmeškal jsem den nebo dva, nedostal jsem zprávu na Skype — už se nashromáždilo asi 10 prvků, nepamatuji si všechno, jako Vasya poslal Petyovi. Nakonec se designéři sami zamotají a zmást. zákazník. Vícestránkový web se pro designéry a programátory promění v peklo.

Projektový manažer přichází se skvělým nápadem: po provedení změn v rozložení a konečném schválení Vasya provede odpovídající změny v sadě uživatelského rozhraní. Poté informujeme všechny projektanty o aktuálních změnách a každý provede změny ve svých dispozicích. Zde se objevuje hotový přístup:

Vasya nakreslil skvělou promo stránku, tlačítka a obrázky, které se zákazníkovi opravdu líbily, a nyní je chce vidět na celém webu. Aplikujeme stejné schéma. Vasya připraví sadu uživatelského rozhraní, dá ji Leně a Petyi a oni doladí své rozvržení. OK

A nyní krátce o problémech tohoto přístupu a o tom, jak je lze řešit

1. Velká pracovní zátěž pro hlavního designéra skupiny v počáteční fázi vývoje a v procesu provádění změn, protože působí jako „moderátor“ sady uživatelského rozhraní. V zásadě může každý designér provádět změny ze svých vlastních rozvržení do uživatelského rozhraní, ale pak existuje šance, že ztratí styl. Pořád to musí někdo hlídat.
2. Doručení stránek. Je nutné filtrovat stránky se stejnými prvky a koordinovat je dohromady. V opačném případě mohou změny prvků létat od návrháře k návrháři a výrazně zpomalit práci.
3. Obzvláště složité plánování. Naplánovat velký designový projekt pro několik lidí najednou a vzít v úvahu všechny možné prvky a jejich kombinace na různých stránkách může být docela obtížné. Říká se však, že dobře naplánovaný projekt překračuje své termíny třikrát a špatně naplánovaný osmkrát. Neztrácejte proto čas v počátečních fázích.
4. Vlastní aktivita. Mnoho designérů si myslí, že se tímto přístupem promění v „operátory Photoshopu“, protože už nemusí nic vymýšlet – všechny prvky jsou nakresleny, náčrty jsou vytvořeny. Potírání volnomyšlenkářství bude manažera stát hodně úsilí.

No, vraťme se k našim hrdinům.

Od prvních strastiplných stránek uplynulo pod mostem hodně vody. Nyní je celkový počet rozložení v desítkách. A to je místo, kde Vasya, Lena, Petya a udatný projektový manažer čelí vážné zkoušce. Zákazník změnil názor. To znamená, že to tak není — on změnil můj názor změnit můj názor. Pamatujete si tu propagační stránku, krásná tlačítka a ilustrace, ze kterých byly distribuovány po celém webu? Takže, chlapi, vraťte to všechno zpět.

Designéři a manažer si chrání obličeje rukama jako Patrick Stewart, protože žádné ze starých uspořádání se nedochovalo. Nové stránky nakreslené po této úpravě by se ještě musely opravit, ale pokud by byly zachovány ty staré, mohla se doba na opravu bezpečně zkrátit řekněme na polovinu.

Manažer o tom přemýšlel. Co když zákazník vytáhne takový trik znovu? Samozřejmě nyní musíte být chytřejší a ukládat staré kopie rozvržení. Ale každý návrhář je bude hromadit v různých mazaných složkách. Plus rozvržení přenášená z jednoho do druhého a několik kusů UI kitů, kterým už není jasné, pro které stránky jsou vhodné. A zatímco kluci provádějí úpravy, přichází řešení:

Nechte návrháře používat SVN a ukládat do něj aktuální verze rozvržení. Pokud se něco stane, vždy se můžeme vrátit ke starému designu. Bude snazší přenášet zdroje mezi návrháři a udržovat je aktuální.

Tento „programátorský“ přístup má také své nevýhody:

1. Konflikty SVN a PSD. Ze své osobní zkušenosti mohu říci, že závazky k rozvržením, na kterých se právě pracuje, mohou způsobit konflikty. Možná je to dáno tím, že mi odtamtud nerostou ruce, ale možná RLE strukturou PSD souborů. Můžete to vyřešit pomocí zámku SVN pro soubory, na kterých se pracuje nebo pro ty, které čekají na schválení.
2. Pro designéra je těžké zvládnout. Dokonce i mnoho zkušených designérů nikdy nepoužívalo SVN klienty a ti, kteří tak činí, mohou stále vidět stejné složky s názvy jpg, psd a 2012-10-25. A také zmeškané commity a aktualizace. Řešením je přísná kontrola ze strany manažera nad relevanci verzí.
3. Nedostatek viditelnosti a možnost rychlého zobrazení historie úprav a změn. Abyste se mohli vrátit ke staré verzi jednoho zdrojového kódu, budete muset provést řadu manipulací, které lze pro designéra přirovnat k baletu pro řidiče traktoru. Řešením by byl admin, který by hlídal správné provádění commitů a v případě zásahu vyšší moci by vrátil rozložení na starší verze.
4. SVN není nejrychlejší věc, a rozložení nejsou nejjednodušší soubory. Chybějící několik dní a tucet nových verzí souborů může mít za následek poměrně dlouhou aktualizaci pro návrháře a promarněný pracovní čas čekáním.

Který východ?

Existuje návrhářský SVN klient Timeline od PixelNovel. Pomáhá vizualizovat tok změn v rozložení. Toto řešení má i nevýhody. Například cena. Pro mě osobně je 100 dolarů docela významná částka. Nevýhodou je, že úložiště bude muset být stále konfigurováno a Timeline také není imunní vůči konfliktům se zdrojovým kódem.

Dalším řešením je Pixelapse, který měl na Habré krátkou recenzi. Kluci udělali maximum, SVN tu ani nevoní. Jedná se o cloudovou službu, ve které se můžete vrátit ke starým verzím souborů. Prohlížejte si je a komentujte je pomocí webového rozhraní. Můžete také sdílet zdrojový kód s celým příběhem pro ostatní uživatele nebo publikovat svou práci pro komunitu pixelapse k posouzení. Nevýhodou je, že v bezplatné verzi není dostatek místa, pouze 1 GB. A pak 20 babek měsíčně za 50 GB.

Osobně se mi jako designérovi nejvíce líbí obvyklý přístup — bez problémů se SVN a cloudy, ale s aktualizací UI + plánování vývoje designu krok za krokem. SVN se ne vždy vyplatí. V takových případech to z dlouhodobého hlediska zabere více času, než ušetří. Neměli byste ale zapomínat ani na „události štítu“.

Pokud máte nějaké zkušenosti s organizací a synchronizací práce několika designérů na jednom projektu, podělte se.

PS Příběh je založen na skutečných zkušenostech, které jsem měl během několika měsíců práce na velkém projektu jako obyčejný designér. Nepředstírám, že jsem guru v managementu a administrativě, tak mě nakopněte. polepším se.

PPS Abych byl upřímný, takovou pozornost článku jsem nečekal. Děkuji všem za vaše komentáře, daly mi dostatek materiálu na studium na pár týdnů.

UPD: Díky klukům, kteří sdíleli verzovací systémy a pluginy pro práci se společným UI. Abych nezašel příliš daleko, uvedu několik:

layervault.com je návrhářský verzovací systém. Mimochodem, existuje 30denní zkušební verze.

www.adobe.com/ru/products/adobedrive/features.html — Adobe Drive, samotné publikování a nejen systém z první ruky. Navrženo pro Creative Suite.

www.teamwox.com je cloudový systém správy dokumentů s podporou verzování. Zkušební doba je 2 měsíce.

www.canlinkit.com je plugin, který vám umožňuje připojit PSD třetí strany se sadou uživatelského rozhraní a aktualizovat jej přímo v rozložení stisknutím složitého tlačítka.

Znovu jsem nahrál obrázky do habrostorage, omlouvám se, kluci, nedostal jsem se k tomu

• webový design
• plánování
• svn pro návrháře
• týmová práce
• projektový management
• velký projekt