t systems - agile workshop 1. session

Hogyan dolgozik egy agilis csapat

AGEN

DA

• Digital Natives bemutatása• Projektek amiken dolgozunk• Hogyan dolgozunk együtt az ügyféllel,

miért jó bevonni, külföldi ügyfelek• Eszközök amiket használunk• Szünet• Egy tipikus projekt fázisai, szerepkörök

(PO, PM, UX, Dev, QA, Marketing)• Discovery phase • Build phase• Market phase• Q&A

DIG

ITAL

NAT

IVES

10 év tapasztalat

100+ termék, amin dolgoztunk

Digitális termékfejlesztés

Marketing 3%PM

7%

Management 10%

QA 10%

Design 10%

Dev 60%

DIG

ITAL

NAT

IVES

29 alkalmazott

SZER

EPKÖ

RÖK

UX DesignSzoftverfejlesztő Projekt manager

MarketingQA UI Designer(PO)

UX Research

PRO

JEKT

EK A

MIK

EN D

OLG

OZU

NK

Csapat:- 5 fejlesztő - 1 QA - 1 PO (ügyfél oldal, MO)

Fejlesztés:- 3 év - Ruby backend - React frontend

Kihívások:- 6 óra időeltolódás - Külsős UX/UI - React frontend

PRO

JEKT

EK A

MIK

EN D

OLG

OZU

NK

Csapat:- 4 fejlesztő - 1 QA - 1 CTO

Fejlesztés:- 1 év - Elixir backend - Elm frontend

Kihívások:- startup fázis, befektetőkeresés - Külsős UX/UI - CTO as a service - nagyon hosszú discovery fázis - industry disrupting

PRO

JEKT

EK A

MIK

EN D

OLG

OZU

NK

Csapat:- 2-5 fejlesztő - 1 QA - 1 PO, 1QA, 3 fejlesztő (ügyfél oldal)

Fejlesztés:- 6 év - Ruby backend - Rails, React frontend

Kihívások:- Ügyfél oldalon is fejlesztő csapat - UX/UI nem fontos az ügyfélnek - kódbázis mérete - több alkalmazás

PRO

JEKT

EK A

MIK

EN D

OLG

OZU

NK

Csapat:- 3 fejlesztő - 1 UX - 1 QA - 1 PM

Fejlesztés:- 1 év - Ruby backend - Ember.js frontend

Kihívások:- Ügyfél nem agilis - Nincs dedikált PO - Nagyon összetett folyamatok

PRO

JEKT

EK A

MIK

EN D

OLG

OZU

NK

Csapat:- 2 fejlesztő - 1 QA - 1 PM

Fejlesztés:- 2 év - Ruby backend - React frontend

Kihívások:- 6 óra időeltolódás - Külsős UX/UI - Nagyon hamar éles userek - Csendes béta fázis

PRO

JEKT

EK A

MIK

EN D

OLG

OZU

NK

Csapat:- 1 fejlesztő - 1 QA - 1 UX, 1 UI - 1 PO, 1 PM

Fejlesztés:- 2 év - Ruby backend - Ruby frontend

Kihívások:- Belső projekt - Nem tisztázott elvárások - Alacsony dedikáció - Startupként kezeljük, mindent mi csinálunk benne

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

ESZK

ÖZÖ

K AM

IKET

HAS

ZNÁL

UN

K

FEJL

ESZTŐ

- Architektúra, adatbázis tervezés - Fejlesztés (pair programming) - Code review - Automata teszt írás - Szerver menedzsment - Deployment

UX/

UI D

ESIG

NER

UX Researcher: - probléma beazonosítása, - hipotézisek felállítása, - kutatási terv és eszközök meghatározása, - kutatás lebonyolítása, - adatok összegzése és átadása

UI Designer: - arculati elemek és használati szabályok megtervezése,- felhasználói felületek designja

UX Designer:- persona-k megalkotása, - megoldások tervezése, - validáláshoz prototípusok elkészítése, - user journey tervezése, implementáció előkészítése

QA

- Statikus tesztelés - Specifikáció reviewzása - Bug prevenció (nehezen mérhető) - Elfogadási kritériumok összeírása

- Dinamikus tesztelés - Manuális tesztelés (deploy előtt/után) - Hibák reprodukálása és dokumentálása (bug tracking rendszerbe)

- Automata teszt írás

PM

- Backlog tervezése ügyféllel - Erőforrás management - Hajcsárkodás (deadline-ok betartása) - Reportálás - Ügyfélkommunikáció - Meetingek összehívása, facilitálása

MAR

KETI

NG

- közösségi média oldalak menedzselése - weboldal karbantartása

- márkaépítés, arculat fenntartása - tartalom marketing: blog kezelése, tartalom generálás, megosztás

- rendezvényszervezés - közösség építés

- PR - direkt marketing: hírlevelek kiküldése

A CS

APAT

• Value proposition canvas • Lean canvas • Jobs to be done • Persona definition • Design thinkingA

CSAP

AT

A CS

APAT

SZO

KÁSO

S M

EETI

NG

EK• Daily standup

(eredetileg scrum része)- 5-10 perc max - ki mivel haladt, ki miben akadt el, mi hátráltatja, mit fog ma csinálni

• Heti státusz meeting(eredetileg scrum része)- 1 óra hosszú- heti célok átbeszélése, csapat szintű státusz, csapat fókusz állandó hangsúlyozása

• Retrospektív meeting (havonta) (eredetileg scrum része)- mi volt jó, mi fejlesztendő - rengeteg egyéb retrospektív technika létezik

BUILD

MEASURE

LEARN

Discovery fázis

DIS

COVE

RY P

HAS

E

FRO

M A

SSU

MPT

ION

S TO

KN

OW

ING CÉL:

elkerülni a felesleges fejlesztést és/vagy

jobbá tenni a felhasználói élményt

Feltételezések helyett validált hipotézisek

KUTATÁS és “MAGUNKBA NÉZÉS”

UCD

OU

PTU

TS O

F D

ISCO

VERY

Miről lesz TUDÁSUNK? Mi készül el?

A felhasználóról A felhasználás kontextusáról A felhasználó problémájáról

A piacról (helyettesítő termékek) Üzleti tervről (Lean Canvas)Value Proposition Canvas

A probléma lehetséges megoldásairól A megoldások milyenségéről

A termék funkcionalitásáról (MVP)A scope-ról (Product Backlog + Mérföldkövek)

Design (UX és UI) Az egyes funkciók elfogadási kritériumokról

Becsült fejlesztési időszükségletekről

ROLE

S &

TAS

KS IN

DIS

COVE

RYUX Researcher: probléma beazonosítása, hipotézisek felállítása, kutatási terv és eszközök meghatározása, kutatás lebonyolítása, adatok összegzése és átadása a csapatnak UX Designer: persona-k megalkotása, megoldások tervezése (ötletelés), validáláshoz prototípusok elkészítése, user journey tervezése, implementáció előkészítése QA: probléma beazonosítása, validált prototípus alapján AC-k, implementáció előkészítése UI Designer: arculati elemek és használati szabályok megtervezése, felhasználói felületek designja Product Owner: üzleti terv, value proposition canvas, MVP funkcionalitás, product backlog, problémák beazonosítása és priorizálása, implementáció tervezése Developer: technológiai validálás, időbecslés Project Manager: kommunukáció, összehangolás, priorizálás, ajánlatok, elszámolás Marketing: brand guidelines, piaci információk, márkastratégia

DIS

COVE

RY P

HAS

E

TOO

LS &

MET

HO

DS

A FELHASZNÁLÓ, A KONTEXTUS ÉS A PROBLÉMA • interjúk • megfigyelés • fókuszcsoport • heuristic review • felhasználhatósági tesztek • analitikák

User Persona Design Persona Empathy Map

User Journey Map User problems

TOO

LS &

MET

HO

DS

PIAC, ÜZLETI TERV• A piac és a

helyettesítő termékek elemzése

• Business Model Canvas + VPC

TOO

LS &

MET

HO

DS

ÖTLETEK ÉS VALIDÁLÁSUK

• Tanulni a felhasználóktól • Brainstorming (design ideation) • Koncepció design-ok: vázlatok, drótvázak, papír és kattintható prototípusok • Felhasználhatósági tesztelés (online vagy facilitated) • A/B tesztelés • Fake “doors” • Card sorting • … stb.

TOO

LS &

MET

HO

DS

FUNKCIONALITÁS, SCOPE, ERŐFORRÁSSZÜKSÉGLET

• Product backlog • Nagyságrendi becslés • Value mapping ( mit érdemes megcsinálni?)

TOO

LS &

MET

HO

DS

UX DESIGN, UI DESIGN, ELFOGADÁSI KRITÉRIUMOK

• HiFi prototípusok, részletes design • UI toolkit • Részletes funkció specifikációk (AC-k)

Build phase

BUIL

D P

HAS

E CÉL: A lehető legkevesebb

energia befeketésével a felhasználók elé vihető

termék, funkciók létrehozása

OU

PTU

TS O

F D

ISCO

VERY

Mi készül el?

Kattintható prototípus MVP

Automata tesztek Tesztforgatókönyv

Felhasználói kézikönyv / leírás (Help center)

ROLE

S &

TAS

KS IN

DIS

COVE

RY UX Researcher: a következő feladatok előkészítése, user tesztek UX Designer: wireframe-ek készítése QA: feladatok folyamatos előkészítése (AC-k), manuális tesztelés, automata tesztek UI Designer: felhasználói felületek designja Product Owner: a következő feladatok folyamatos előkészítése, reagálás a mért adatokra Developer: tervezés, fejlesztés, automata tesztek Project Manager: kommunukáció, összehangolás, priorizálás, elszámolás Marketing: tartalom marketing, hírlevelek

SCRU

M

KAN

BAN

CON

TIN

OU

S IN

TEG

RATI

ON

TEST

DRI

VEN

DEV

ELO

PMEN

T

BEH

AVIO

R D

RIVE

N D

EVEL

OPM

ENT

Market phase

BUIL

D P

HAS

E CÉL: Elérni a legtöbb customert,

adatot gyűjteni,elérni hogy vissza is jöjjenek, aztán meg hogy fizessenek,

és közben végig adatot gyűjteni mindenről

OU

PTU

TS O

F D

ISCO

VERY Mi készül el?

Landing page Hirdetések Hírlevelek

Quantitatív tesztek Funnelek

Hibajavítások, CR-ek

ROLE

S &

TAS

KS IN

DIS

COVE

RY

UX Researcher: az adatok alapján kieső problémák user tesztelése, azok eredményeinek összegzése UX Designer: wireframe-ek készítése ezen problémákra QA: manuális tesztelés, automata tesztek UI Designer: marketing igények kiszolgálása (hirdetés, landing page) Product Owner: analitikák elemzése, priorizálás, következő feature kibontása, kiválasztása Developer: bugfix, CR fejlesztés, automata tesztek Project Manager: kommunukáció, összehangolás, priorizálás, elszámolás Marketing: tartalom marketing, hírlevelek, hírdetések, landing page

Hírdetések, landing page• Célcsoport validálás

• Feature validálás

• Adat alapon, iterálva

• Kommunikációs csatornák tesztelése

A/B testing• Nagyon sok user/látogató kell hozzá

• Nem szabad párhuzamosan túl sok mindent

• Nem szabad egymásra ható funkciókat egyszerre tesztelni

• Az új funkciókat kontroll csoporttal érdemes tesztelni

Hőtérkép• heatmap

• scrollmap

• overlay

• video felvételek

Funnels• hol veszítjük el a usereket?

• támogatja a döntéshozatalt

• példák a Nostromoból:

• onboarding

• email signup

• Landing page conversion

Sign up for free! nostromo.io

lucas@nostromo.io