Praktický průvodce pracovním tokem webového designu
Jako webový designér, který je součástí většího týmu pro vývoj webových aplikací, je běžné, že musíte žonglovat spoustu úkolů současně.
Když jste vytvořili nějaké první návrhové návrhy pro svého klienta a nyní čekáte na tuto první zpětnou vazbu, budete pravděpodobně docela nadšeni tím, jak bude vaše práce vnímána klientem. S tolika věcí, které lze sledovat v přísném časovém rámci, je snadné se dostat ohromen složitostí projektu. Existuje mnoho kroků při navrhování webových stránek nebo aplikací. Tyto kroky se mírně liší od osoby k osobě, ale základní pracovní postup zůstává stejný.
S dobrým nastavením pracovního postupu as několika nástroji a softwarem budete snadno držet kuličku a vyhnout se dlouhým zpětným cyklům.
Zde je praktický průvodce pracovním procesem návrhu, který můžete použít ke zvýšení produktivity vašeho týmu.
Přípravná fáze: Řízení očekávání
Bez ohledu na to, zda jednoduše udržujete stávající webové stránky nebo navrhujete novou webovou stránku od nuly, vy a váš klient jste povinni řídit své očekávání.
Zatímco vaše primární odpovědnost spočívá v detailním pochopení požadavku projektu, je zodpovědností klienta pochopit, jak každá volba, která se provádí, ovlivňuje rozsah a rozpočet projektu s vaší pomocí.
Informujte svého klienta o požadované technologii, požadovaném rozpočtu a časovém rámci potřebném pro dokončení projektu. Blížící se k vašemu projektu organizovaným způsobem ušetříte čas, úsilí a rozpočet.
Fáze 1: Definování cílů webu
Jedná se pravděpodobně o nejdůležitější fázi každého projektového projektu, jelikož definujete cíle, nastavujete celkovou strukturu, rozhodujete o obsahu a přidělíte role a různé výstupy v průběhu celého projektu. Tím, že nastavíte správné plánování od samého začátku, ušetříte se od spousty žalu později.
Zde pracujete s klientem, abyste stanovili plán, rozpočet, časovou osu, technické potřeby, vizuální styl a obsahovou strukturu pro cílové publikum.
Když řídíte očekávání a začínáte s vaším designovým projektem, rád bych vám doporučil, abyste využili snadné a snadno ovladatelné řízení projektů, abyste sledovali definované cíle, rozpočty, úkoly a plány.
Trello
Trello je dobře známé a snadno použitelné nástroje pro správu projektů. Umožňuje vytvořit různé desky pro různé projekty. S Trello můžete získat rychlý přehled o aktuálních úlohách a vašem nevyřízeném stavu.
Asana
Asana je skvělý úkol a sledovač úloh. Můžete dokonce spolupracovat s kolegy a klienty v rámci společnosti Asana, která vám umožní udržet váš projekt transparentní a všichni aktuální.
Základní tábor
Dalším dobře známým, přesto skvělým nástrojem pro řízení projektů je Základní tábor . Stejně jako výše uvedené nástroje, v podstatě umožňuje vám i vašemu týmu sledovat každý dodávaný projekt a umožňuje vám pokračovat v cestě.
Fáze 2: Vytvoření struktury webu a znečištění rukou
Struktura webu tvoří páteř internetových stránek. Slouží jako referenční příručka pro tým po celou dobu trvání projektu. Pomocí diagramů zobrazte tok struktury.
Mapa stránek: Vytvoření souboru Sitemap je zásadní pro pochopení organizace obsahu. Je důležité aktualizovat soubor Sitemap po každé změně. Pokud tak neučiníte, věci se rozplynou.
Drátěný rám: Obsah webu musí být opraven předtím, než bude vytvořen návrh a grafika.
Drátěné rámy jsou malou věrností náčrtu webových stránek nebo mobilních aplikací. Drátěné rámce se používají k vytváření zástupných znaků pro obsah, stanovení priorit pro prvky na stránce a požadavky na dokumentaci. To se stává velmi důležitým v další fázi.
Balsamiq
Balsamiq je grafický nástroj pro vytváření drátů, který pomáhá tvému návrháři vytvořit mnoho návrhů a poté uspořádat vestavěné widgety do editoru přetažení pro tým, aby mohl zobrazit a navrhovat změny současně.
Moqups
Moqups je snadno použitelný, má spoustu funkcí drag and drop a nevyžaduje plug-in prohlížeče k provozu. S tímto nástrojem můžete snadno uspořádat návrhářskou prezentaci pro svého klienta.
Invision
Invision umožňuje nahrát pracovní vzory a vytvářet interakce pomocí hotspotů, stejně jako každá skutečná aplikace. Jednou z jeho výjimečných funkcí je možnost odesílat na telefon telefonem pomocí SMS text, na který lze kliknout, a zdůraznit důležitost toho, že je možné otestovat své návrhy sami ve správném kontextu.
Notism
Notism je jedním z nejlepších nástrojů kreativních týmů k urychlení jejich pracovního procesu. Jedná se o platformu spolupráce a spolupráce s videem. Pomáhá kreativním profesionálům sdílet svůj projekt a přijímat zpětnou vazbu pomocí skic a poznámek. Notism také umožňuje vytvářet různé verze obrazovky. Díky snadnému přepínání mezi různými obrazovkami můžete získat lepší přehled o vývoji vašeho projektu.
Fáze 3: Návrh a výroba
V této fázi se ujistěte, že projektant pracuje společně s programátorem, aby zajistil implementaci koherentních konstrukčních prvků.
Poté, co klient schválí návrhové návrhy, návrhář a grafický tým pracují na vzhledu a pocitu z webových stránek. Komprese, průhlednost, efektivní využívání barev a designu kombinují za účelem vytvoření efektivní webové grafiky.
Fáze výroby je bod, kde je vytvořena skutečná webová stránka. Po dokončení návrhu a rozvržení stránky se tato stránka dostane do technické části díla. Zde si vezmete všechny jednotlivé grafické prvky z prototypu a použijete je k vytvoření skutečného funkčního místa.
Github
Váš kód se změní jednou, dvakrát a pravděpodobně mnohem víc než to. Github umožňuje efektivně pracovat s různými verzemi vašeho webu. Nástroj skutečně svítí, když pracujete společně s týmem vývojářů. Jedná se o spolupráci s kódem v nejlepším případě.
CodePen
Tenhle je krásný. Je to jedna on-line editor pro všechny vaše HTML, CSS a JS potřebuje. Snadno se kombinuje s Githubem a samozřejmě je to spolupráce. Myšlenkou je být schopen vyzkoušet kusy kódu a najít správné řešení, aniž byste zbyly zbytek kódu.
Fáze 4: Testování, shromažďování zpětné vazby a opravy chyb
Žádný projekt není vůbec bez vad. A i když testování je něco, co se děje po celý vývojový proces, zůstane vždy chyba. A nejednáme jen o softwarových chybách. Dokonce i design může být buggy.
Takže právě teď je důležité začít zkoušet jako blázen. Včasné odstraňování problémů ušetří spoustu času a úsilí. Je důležité, aby všichni lidé, kteří se podíleli na tvorbě webu, byli zapojeni do testování. Testování by však mělo být agilní proces. Po spuštění webu nebo při spuštění tohoto webu hodně lidí začne používat a poskytne zpětnou vazbu na web.
A i když jste vynaložili veškeré úsilí, které byste mohli vyzkoušet na webu, budete chybět několik chyb nebo se objeví nové v průběhu času. Je důležité, abyste co nejdříve dostali informace o chybách a problémech. Pokud můžete dostat své uživatele k tomu, abyste je ohlásili, jste zlatí.
Usersnap
(Úplné zveřejnění: Pracuji pro Usersnap.) Postavili jsme Usersnap jako vizuální sledování chyb a nástroj pro zpětnou vazbu, který usnadňuje práci testování softwaru. Umožňuje klientům, návštěvníkům webových stránek a spolupracovníkům hlásit chyby, měnit požadavky nebo jednoduše zpětnou vazbu na vašich webových stránkách. Také pro manuální testování webových stránek je Usernap bezpečnou sázkou, protože zrychluje váš testovací pracovní proces pomocí snadno použitelných nástrojů.
Takže ...
Designové projekty vyžadují, aby mnoho lidí spolupracovalo. Konstantní zpětná vazba je jednou z nejdůležitějších částí doručování projektu podle požadavku klienta a ve stanovených lhůtách. Se všemi touto nepořádek a skutečností, že webové stránky jsou stále složitější každý den, online nástroje usnadňují dokončení práce mezi všemi zúčastněnými a získat okamžitou zpětnou vazbu od nich.
Integrace těchto nástrojů do pevného pracovního postupu vám skutečně pomůže dostat se tam, kde musíte být v již konkurenčním oboru.