Správa stagingového prostředí na webflow pro organizaci.

Web je zlomený ve dvě hodiny! Skutečný problém v životě webmakera

Už jste někdy cítili páteř pokaždé, když musíte stisknout tlačítko „Publikovat“ na webových stránkách společnosti? Zejména web, který lidi používá po celou dobu nebo bude mít velkou kampaň příští den, kdy se marketingový tým chce trochu napravit, designérský tým chce přesunout tlačítko tak, aby byl krásnější, a my jsme pečovatelé, chtěli by aktualizovat nějaký kód ... každý má dobrý úmysl. Časté výsledky jsou však „vyřešit to, abyste se zde zlomili“.

Klasickou situací je upravit CSS pouze jeden řádek, ale stránka rozvržení, která byla v některých mobilních telefonech krásná, zlomená. Nebo horší je nejdůležitější kontaktní formulář pro zákazníka, který není schopen použít po poslední aktualizaci, než si uvědomí, že prošel půl dne, když ztratil obrovskou obchodní příležitost ... to není jen technická záležitost. Je to však problém, který vytváří stres, nedůvěru v týmu a zbytečně se zpožďuje.

-Pompt pro ilustrace-

Obrázek týmu je bolest na obrazovce počítače, která ukazuje šílený web. Se šipkou směřujícím sem a tam zprostředkovat zmatek a chaos v korekci webu, který je vlastně živý

Proč je web, který mám v úmyslu dělat? Snadno se zlomí na dosah ruky?

Malý strom katastrof, který se hromadí, dokud se nestane velkým problémem. Obvykle ne z špatnosti ne z týmu, ale způsobena „nedostatkem systematických procesů“, zejména při práci jako tým na vysoce nezávislé platformě, jako je Webflow

Hlavní příčiny jsou následující:

• Neexistuje žádná „zkouška“: Všechny změny na „skutečné scéně“ (živé stránky) jsou jako herci, kteří skript necvičil předtím, než skutečně jednal. Šance na chyby jsou velmi vysoké. Nemáme bezpečnou oblast pro pokus a omyl.
• Pracovní postup "One-Man-Show": Mnoho organizací stále používá tradiční metody. To je nechat osobu stisknout publikování způsobující problém s úzkým prostorem a pokud tato osoba udělá chybu, nikdo nepomohl zkontrolovat jako první.
• Nedocházení o WebFlow: Někteří lidé si mohou myslet, že webflow je snadno použitelný, stačí přetáhnout bazén a stisknout publikování, což je polovina pravdy. Jednoduchost se může stát dvojitým mečem, pokud neexistuje žádný „plot“ nebo „praxe“, který je při spolupráci jasné.
• Přehlížení důležitosti testování: Ve světě profesionálního vývoje softwaru nikdo nezveřejnil kód bez testování. Ale ve světě webu mnoho týmů přehlíží tento krok, protože si myslí, že „jen trochu z webu“. Toto je začátek všech problémů. Pokud chcete vidět celkový obrázek dobrého webu organizace, podívejte se na tento kontrolní seznam. Kontrolní seznam firemních webových stránek

-Pompt pro ilustrace-

Snadné infographic obrázky ukazující mnoho šipek od mnoha lidí (Marketing, Design, Dev) ukazuje na stejnou ikonu webových stránek, dokud se nestane symbolem „chyby“ nebo „zlomeným“.

Pokud necháte „rozpadnutí webu“ ovlivnit více, než se očekávalo

Web má časté chyby. I když je to jen malý bod, není to jen ztráta času sedět a opravit. Ale ovlivňuje to řetěz na děsivějším podnikové úrovni

• Ztráta důvěryhodnosti značky: Web je vzhled společnosti. Zákazníci uvidí vaši značku. „Neprofesionální“ a důvěra, která byla snížena, se okamžitě sníží.
• Zničit uživatelský zážitek (uživatelská zkušenost): Zákazníci, kteří se setkávají s problémy, se budou cítit frustrovaní a okamžitě opustí web (vysoká míra opuštění). Šance, že se znovu vrátí, jsou téměř nulové. A to znamená navždy ztrácet zákazníky konkurentům
• Ztráta obchodních příležitostí přímo: Pokud „tlačítko objednávky“ nebo „Vyžádat si nabídku“, nefunguje v krátké době. To může znamenat sto tisíc nebo milionů, které chybí ve vzduchu.
• Výkon týmu se snížil: Místo toho, aby tým trávil čas vytvářením nových věcí. Místo toho musí ztrácet čas a energii s „hasicím hasiním“, aby se vyřešily stejné problémy, které by se neměly opakovaně stát, je snadné podkopat a vytvářet konflikty v týmu. Zvažte WebFlow pro velké organizace. Je nutné to velmi zvážit.

Nechat tento problém chronický je jako mít malý únik v lodi, který odmítáte vyplnit do konce, může to způsobit, že se celá loď potopí.

-Pompt pro ilustrace-

Graf lišty, který ukazuje míru konverze, důvěru zákazníků a morálka týmu, je vedle grafu propadnut ikonou zamračenou.

Jak vyřešit problém u zdroje: Poznejte „inscenační prostředí“ na WebFlow.

Dobrou zprávou je Webflow. Porozumět tomuto problému a připravit nejmocnější nástroje pro vyřešení tohoto problému pro nás. ** Staging Environment ** nebo mnoho lidí je obeznámeno s názvem domény. ** ". Webflow.io" **

V rozhovoru s nejjednodušším porozuměním stagingového prostředí je ** „Modelingová webová stránka“ ** To je klonování skutečného webu (živého webu) ve všech ohledech, ale je to soukromý prostor, který outsiders nebo dokonce Google nevidí, že je to „praktické pole“, které je pro váš tým 100% bezpečné:

• Otestujte všechny změny: Zda se jedná o nový design, přidání nového obsahu nebo zadání vlastního kódu, může nejprve vyzkoušet výsledky na tomto simulovaném webu.
• Zkontrolujte přesnost: Může odesílat odkazy thisWebflow.io` Tento šéf, zákazník nebo související týmy mohou pomoci zkontrolovat objednávku na různých zařízeních a prohlížečích.
• Schváleno před zveřejněním: Když se všichni zúčastnění, zkontrolujte až do spokojenosti a „schválení“, proto stiskneme publikování. Všechny změny na skutečném webu jedním kliknutím.

Tento koncept není nový. Je to standard v odvětví vývoje softwaru s názvem CI/CD (kontinuální integrace/nepřetržité nasazení), který pomáhá snižovat chyby a zvyšovat rychlost práce. Přečtěte si více o CI/CD. Zde je aplikace tohoto procesu začátkem skutečně profesionálního díla.

-Pompt pro ilustrace-

Jednoduchý diagram ukazuje na levé straně levé strany je „Staging Environment (Site.Webflow.io)“ se zvětšenou ikonou a nástroje testují web. Existuje zelená značka. Pak je šipka směřující na pravou stranu, „Live Site (yourdomain.com)“ s ikonou štít a usmívající se uživatel.

Příklady ze skutečné věci: Když se marketingový tým přestane bát lisování „publikovat“

Jeden technologický startup, který poskytuje služby SaaS, měl problém s bolestí hlavy. Jejich marketingový tým je velmi dobrý při zahájení nových kampaní. A chtějí vstupní stránku aktualizovat po celou dobu, zatímco tým produktu musí v důsledku toho vylepšit funkce na webu, web se týká týdně kvůli překrývajícím se práci. Dokud se nerozhodli použít „inscenační pracovní postup“ vážně

Původní problém: Marketingový tým, Stránka Upravit propagaci, ale tlačila ovlivnit globální CSS, což způsobilo, že tlačítko na cenové stránce produktového týmu ukazuje zkreslení.

Pracovní postup inscenace:

1. Jasná politika: „Nezveřejňujte na skutečném webu (produkci) přímo. Každá změna musí nejprve projít inscenováním.“
2. Vytvořit proces: Marketingový tým má řešení vstupní stránky a publikovat pouze na 'staging.company.webflow.io`, poté odešlete odkaz do skupiny Slack, aby umožnil manažerovi projektu a vedoucímu produktu.
3. Zkontrolujte a schvalujte: Každý pomáhá testovat na stagingovém místě, dokud není přesvědčen, že nic není rozbité. Při schválení (tisk „schválen“ v Slack), osoba odpovědná za publikování na skutečném webu.

Úžasné výsledky: Během 3 měsíců je míra vážných chyb na skutečném webu „nula“. Marketingový tým může vyzkoušet testování A/B. Nové kampaně na volně představení bez obav z rozbitých webových stránek. Rychlost uvolňování nových pracovních míst je 40% zvýšená, protože nemusí ztrácet čas sezením, aby se vyřešila pochmurné problémy. A co je nejdůležitější, všichni v týmu pracují pohodlněji a důvěřují si navzájem, toto je síla jasného podniku

-Pompt pro ilustrace-

Obrázek první a po straně je stresující tým, který ukazuje na obrazovku počítače, která se zlomila na straně, stejný tým, stejný tým se usmívá a dává palce nahoru. S pozadím grafu, který stoupá

Pokud chcete následovat, co dělat? (Lze použít okamžitě)

Tento výkonný pracovní postup můžete začít používat okamžitě v 5 jednoduchých krocích, abyste navždy změnili svou práci:

Krok 1: Změna u návrháře jako obvykle,
ať už navrhujete, upravujete obsah nebo přidáte kód. Udělejte vše na návrháři WebFlow, jak jste to udělali.

Krok 2: Publikujte na inscenaci „Pouze“
Toto je nejdůležitější krok! Když pro vás stisknete tlačítko Blue Publishing ** "Tik vzal značku z vaší vlastní domény (skutečný web)" ** a pouze pouze doménu webflow.io` stiskněte "Publikovat do vybraných domén". To provede všechny změny na vašem simulačním webu.

Krok 3: Zkontrolujte a testujte na stagingovém odkazu,
zkopírujte svůj odkaz `` vašeho webu.webflow.io` a odešlete všem zúčastněným. Ať už tým vůdce, zákazníků nebo QA (kvalita zajišťování kvality), který vám pomůže zkontrolovat přesnost, zkuste kliknout na každé tlačítko a vyplnit každý formulář a zobrazit displej na různých zařízeních (stolní počítač, tablet, mobilní).

Krok 4: Shromažďujte zpětnou vazbu a schválení.
Použijte centrální komunikační nástroje, jako je Slack, Asana nebo Trello, shromáždit zpětnou vazbu a čekat na „potvrzení“ písemně od úřadu. Aby se ujistil, že každý již viděl

Krok 5: Zveřejněte na skutečné webové stránce (produkci),
když je vše perfektní a bylo schváleno. Vraťte se znovu do okna publikování. Tentokrát ** „Tik je přímo ve vaší vlastní doméně“ ** (a může zaškrtnout webflow.io` out) a stiskněte publikování. Toto je druhá, že vydáte práci, která dobře prošla světovým očím se 100% důvěrou. Další informace naleznete v přímém případě více informací z Webflow University .

-Pompt pro ilustrace-

Zachycení obrazovky okna publikování v webflow, které má zvýraznění pro výběr tick -tick ".Webflow.io domény" v kroku 2 a zaškrtnutí "vlastní domény" v kroku 5.

Otázky, které lidé mají tendenci divit a odpovědi, které jsou vymazány

Q1: A inscenační web (.Webflow.io) bude shromažďován společností Google, aby se zobrazoval?
Odpověď: Ne, webflow je velmi chytrý, se značkou „noindex“ ve vašem stagingovém webu automaticky. Aby se zabránilo vyhledávačům, jako je Google, shromažďuje data a vytváří duplicitní obsah.

Q2: Lidé, kteří nemají webflow účtu. Můžete se podívat na inscenační web?
A: Samozřejmě. Můžete poslat odkazy `` Your-Site.Webflow.io`, aby viděl a testovat jako normální web, který je velmi vhodný pro odesílání zákazníkům nebo vedoucím pracovníkům, aby prohlédli práci

Q3: Pokud má náš skutečný web ochranu hesla, předá také inscenace heslo?
Odpověď: Ano, nastavení hesla bude použito jak na skutečném webu, tak na webových stránkách inscenace, což vám umožní přesvědčit, že práce, která ještě není dokončena, bude vidět pouze licencovaná osoba.

Q4: Chcete -li přesunout web z jiných míst na webflow, například WordPress, můžete nejprve použít inscenaci?
A: Ano, a je to velmi doporučená metoda! Můžete vytvořit nový web na webflow a pomocí stagingového prostředí k testování přesunu dat, návrhu a všech funkcí až do 100% před přepínačem skutečné domény. Přečtěte si více o přesunu webu zde. Příručka pro přesun webu z WordPress k webflow

-Pompt pro ilustrace-

Velká ikona obrazu otázek (?) Uprostřed je slovo FAQ a kolem existují malé ikony, které komunikují s Google, Lock Key a různé lidi. Zprostředkovat různé otázky

Shrnutí: Pokaždé změňte „strach“ na „statečný“

Použití stagingového prostředí není jen technickou záležitostí. Ale má změnit firemní kulturu na plnou profesionalitu, je to změna od „naděje“ pracovat „ovládat“ každý krok a změnit pocit. „Typické“ pokaždé, když stisknete publikování do „důvěry“

Web organizace je obchodní nástroj, který je příliš důležitý na to, aby malé chyby zničily příležitost a spolehlivost. Časová investice na vytvoření pracovních potomků prostřednictvím inscenace od dnešního dne. Je jednou z nejvýhodnějších investic, které můžete pro svůj tým a společnost vytvořit.

Je čas upgradovat svou práci na vašem webflow, efektivnější a systematičtější. Vyzkoušejte tento proces a použijte se pro další aktualizaci. A zjistíte, že web pro organizaci nikdy nebyl méně bolesti hlavy!

Pokud potřebujete partnera, který je odborníkem na systematický systém, webový web na WebFlow, náš tým je připraven poskytnout radu. Podívejte se na naši pokročilou vývojovou službu WebFlow , nebo pokud hledáte všechny nové webové stránky organizace. Kliknutím sem zobrazíte službu vývoje webových stránek organizace.

-Pompt pro ilustrace-

Obrázek astronauta stiskne velké tlačítko „Publikovat“ na ovládacím panelu. S krásným pozadím sebevědomě uvolňující práci pro veřejnost

‍