ADMADôležitosť špecifikácie webu:Pizza SEO f**k-up story

WaterfallVšetko pre klientaOn time on budget

Ako u nás vznikali weby

• Úvodný rozhovor s klientom

• Tvorba user personas a informačnej architektúry

• Tvorba wireframes

• Grafika

• Programátorské práce

• Testovanie funkčnosti webu

• On-site SEO a nastavenie sledovania štatistík webu

• Odovzdanie webu

Waterfall bol jasná voľba

• Úvodný rozhovor s klientom

• Tvorba user personas a informačnej architektúry

• Tvorba wireframes

• Grafika

• Programátorské práce

• Testovanie funkčnosti webu

• On-site SEO a nastavenie sledovania štatistík webu

• Odovzdanie webu

Waterfall bol jasná voľba

Feedback k funkcionalite webu

• Úvodný rozhovor s klientom

• Tvorba user personas a informačnej architektúry

• Tvorba wireframes

• Grafika

• Programátorské práce

• Testovanie funkčnosti webu

• On-site SEO a nastavenie sledovania štatistík webu

• Odovzdanie webu

Waterfall bol jasná voľba

Feedback k funkcionalite webu

Cieľová rovinka

Úvodnýrozhovor sklientom

Odovdzanie hotového produktu

Cieľová rovinkaWeb tím

Úvodnýrozhovor sklientom

Odovdzanie hotového produktu

Cieľová rovinkaKlient Web tím

Úvodnýrozhovor sklientom

Odovdzanie hotového produktu

Cieľová rovinkaKlient Web tím

Úvodnýrozhovor sklientom

Odovdzanie hotového produktu

Výsledok

• Posúvanie termínov dodania => nespokojnosť klienta

• Zvyšovanie finančnej náročnosti => klesajúca ziskovosť projektu

Čo sme robili zle?

• Predaj ako pri ostatných marketingových službách

• Malý / stredne veľký / veľký web

• Termíny dodania jednotlivých fáz projektu plánované bez ohľadu na paralelne rozpracované projekty

Weby predával tím predaja

Časová jednotka = TÝŽDEŇ

Takto vyzerala špecifikácia webu

“A nemohli by sme tam dorobiť ešte toto?”

• Agentúra mala jasnú predstavu o finálnom produkte, klient čakal čo dodá agentúra

Náš klient, náš pán

• Agentúra mala jasnú predstavu o finálnom produkte, klient čakal čo dodá agentúra

• Počas dodávania produktu klient menil zadanie

Náš klient, náš pán

• Agentúra mala jasnú predstavu o finálnom produkte, klient čakal čo dodá agentúra

• Počas dodávania produktu klient menil zadanie

• Neexistovala žiadna funkčná a technická špecifikácia finálneho produktu

Náš klient, náš pán

• Agentúra mala jasnú predstavu o finálnom produkte, klient čakal čo dodá agentúra

• Počas dodávania produktu klient menil zadanie

• Neexistovala žiadna funkčná a technická špecifikácia finálneho produktu

• Proklientský prístup, neusmerňovali sme klienta

Náš klient, náš pán

• Agentúra mala jasnú predstavu o finálnom produkte, klient čakal čo dodá agentúra

• Počas dodávania produktu klient menil zadanie

• Neexistovala žiadna funkčná a technická špecifikácia finálneho produktu

• Proklientský prístup, neusmerňovali sme klienta

• Časové náklady na programátorské práce niekoľkonásobne prekročené

Náš klient, náš pán

Riešenie?

• Zjednotiť očakávania klienta a agentúry (dodávateľa) od finálneho produktu

• Dodržať časové odhady

• Dodržať odhadované finančné náklady na projekt

Stanovenie pravidielPotrebovali sme:

• Zjednotiť očakávania klienta a agentúry (dodávateľa) od finálneho produktu

• Dodržať časové odhady

• Dodržať odhadované finančné náklady na projekt

Stanovenie pravidielPotrebovali sme:

• Zjednotiť očakávania klienta a agentúry (dodávateľa) od finálneho produktu

• Dodržať časové odhady

• Dodržať odhadované finančné náklady na projekt

Stanovenie pravidielPotrebovali sme:

FUNKČNÁ A TECHNICKÁ ŠPECIFIKÁCIA

• Sumár a ciele

• Rozsah projektu

• Funkcionalita (frontend, backend, štruktúra webu, popis procesov, technické poznámky)

• Ostatné požiadavky (prístupy do FTP, databázy, hosting a jeho parametre, grafika, externé moduly, obsah – import/export)

• Údržba po odovzdaní (podpora, bugy – čas na zapracovanie, kam hlásiť bugy)

• Časový odhad – prehľad

• Otvorené otázky (v drafte, pred skompletizovaním špecfiikácie)

Definujte krok za krokomFunkčná a technická špecifikácia obsahuje:

Všetko nájdešv špecifikácii

Všetko nájdešv špecifikácii

…lebo klient dodal obsah na web už aj na CD

Prečo tak detailne?

…lebo klient dodal obsah na web už aj na CD

Prečo tak detailne?

Špecifikácia: Formát a spôsob dodania podkladov (texty, fotografie, videá) =>Reálny odhad časových a finančných nákladov

…lebo sme investovali temer rok vývoja do zbytočnej funkcionality

Prečo tak detailne?

…lebo sme investovali temer rok vývoja do zbytočnej funkcionality

Prečo tak detailne?

Špecifikácia:Náročná funkcionalita =>Implementácia v rámci ďalšej iterácie webu, keď bude eshop zarábať

…klient zistil až pri tvorbe webu, že poskytuje viac služieb ako sám predpokladal

Prečo tak detailne?

…klient zistil až pri tvorbe webu, že poskytuje viac služieb ako sám predpokladal

Prečo tak detailne?

Špecifikácia:Definovanie štruktúry webu v špecifikácii =>Adekvátne prispôsobenie deadlinova finančných nákladov

Vyhodnotenie projektov

Vyhodnotenie projektov

Špecifikácia: Bez jasne definovaných krokov a ich časových odhadov bolo vyhodnocovanie projektov temer nemožné.

Kde tu má miesto agile prístup?

Agílny vývoj webu

Agílny vývoj webu

Požiadavky na funkčnú časť špecifikácie sú definované zisteniami z testovania.

V jednej iterácii sa implementuje vybraná časť požiadaviek na funkcionalitu webu.

Pamätajte!

Poctivé plánovanie projektu tvorby webu – 30 min vám nebude stačiť

Klient si vás vybral pre vašu odbornosť – preukážte ju hneď na začiatku projektu, diskutujte a nie len prikyvujte

Technická špecifikácia – pomôže vám ostať on time on budget

Ak iterácie dizajnu ovplyvnia finálny produkt, tak iterujte aj špecifikáciu

Vyhodnotenie projektov po odovzdaní webu

Ďakujeme za pozornosť