Slide 1

Slide 1 text

Agile  Teams:   Key  Roles  &  Skillsets   Tara  Bazler  ·∙  Chris  Basham

Slide 2

Slide 2 text

CHALLENGES

Slide 3

Slide 3 text

Back-­‐end  governs   data.   ! Front-­‐end  governs   user  interface.

Slide 4

Slide 4 text

Desktop   Laptop   Phone   Tablet
 TV   Game  console   E-­‐reader   D E V I C E S   W I T H   B ROW S E R S

Slide 5

Slide 5 text

Keyboard   Mouse   Screen  readers
 Touch   Gesture   Voice T Y P E S   O F   B ROW S E R   I N T E R AC T I O N

Slide 6

Slide 6 text

LocaRon   OrientaRon   NoRficaRons D E V I C E   C A PA B I L I T I E S

Slide 7

Slide 7 text

ConnecRvity   Contacts   BaTery  status
 Ambient  light   Proximity   Camera U P CO M I N G   D E V I C E   C A PA B I L I T I E S

Slide 8

Slide 8 text

NaRve  apps  have  known   device  &  soXware  features.

Slide 9

Slide 9 text

Web  apps  have  unknown   device  &  soXware  features.

Slide 10

Slide 10 text

“The  fact  is  that  we  can’t   absolutely  rely  on  the   availability  of  any  specific   technology  when  it  comes  to   delivering  a  Web  experience.” —Aaron  Gustafson,  A  Fundamental  Disconnect

Slide 11

Slide 11 text

AGILE  SCRUM

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

4  Fundamental  Values   of  Agile  Scrum

Slide 14

Slide 14 text

Working  soXware   over  comprehensive   documentaRon. F U N DA M E N TA L  VA LU E S

Slide 15

Slide 15 text

Customer  collaboraRon   over  contract  negoRaRon.   F U N DA M E N TA L  VA LU E S

Slide 16

Slide 16 text

Responding  to  change   over  following  a  plan.   F U N DA M E N TA L  VA LU E S

Slide 17

Slide 17 text

Individuals  &  interacRons   over  processes  &  tools.   F U N DA M E N TA L  VA LU E S

Slide 18

Slide 18 text

INDIANA  UNIVERSITY   TEAM  STRUCTURE

Slide 19

Slide 19 text

Dev Dev Dev Manager Dev Dev SME BA UX BA Dev Dev Dev

Slide 20

Slide 20 text

AGILE  SCRUM   TEAM  STRUCTURE

Slide 21

Slide 21 text

1  Product  Owner.   1  Scrum  Master.   5–9  team  members.   ! !

Slide 22

Slide 22 text

1  Product  Owner.   1  Scrum  Master.   5–9  team  members.   ! Teams  are  a  blend  of  all  talents   needed  to  develop  a  product.

Slide 23

Slide 23 text

Stakeholders Stakeholders Users Users UX Product  Owner Stakeholders Users BA Dev Dev Scrum  Master UI  Dev SME

Slide 24

Slide 24 text

Teams  determine  sprint  goals.   ! !

Slide 25

Slide 25 text

Teams  are  responsible  for   compleRng  sprint  goals.   !

Slide 26

Slide 26 text

Teams  have  authority  to  do   what  is  needed  to  complete   sprint  goals,  within  project   guidelines.

Slide 27

Slide 27 text

USER  EXPERIENCE   DESIGNERS

Slide 28

Slide 28 text

UX  designers  research  the   needs  &  expectaRons  of  users.   ! ! !

Slide 29

Slide 29 text

UX  designers  research  the   needs  &  expectaRons  of  users.   ! Create  interface  designs.   !

Slide 30

Slide 30 text

UX  designers  research  the   needs  &  expectaRons  of  users.   ! Create  interface  designs.   ! Evaluate  &  opRmize  task  flow.

Slide 31

Slide 31 text

Interface  design   InteracRon  design   User  research K E Y   S K I L L S

Slide 32

Slide 32 text

“…empower  your  designer  with  the   maximum  amount  of  agency  to  do   their  job  well.  No  one  tells  the   accountant  how  to  do  their  job,  but   I’ve  been  in  a  hundred  workplaces   where  people  told  the  designer  how   to  do  theirs.” —Mike  Monteiro,  Before  You  Hire  Designers

Slide 33

Slide 33 text

USER  INTERFACE   DEVELOPERS

Slide 34

Slide 34 text

UI  developers  build  everything   that  is  sent  to  the  browser.   ! !

Slide 35

Slide 35 text

UI  developers  build  everything   that  is  sent  to  the  browser.   ! Aligns  with  experienRal  vision   as  imagined  by  designers.

Slide 36

Slide 36 text

HTML,  CSS,  JavaScript   Build  systems   IntegraRng  with  back-­‐end  APIs   Performance K E Y   S K I L L S

Slide 37

Slide 37 text

MODERN  &  FUTURE   WEB

Slide 38

Slide 38 text

Enhanced  features  &  content   based  on  user  context  &   device  capabiliRes.

Slide 39

Slide 39 text

Context  aware.   ! MiRgate  factors  hindering   user  goals.

Slide 40

Slide 40 text

Device  agnosRc.   ! Use  won’t  always  occur  on  the   primary  or  preferred  device.

Slide 41

Slide 41 text

“It  is  your  mission  to  get  your  content  out,   on  whichever  plahorm,  in  whichever   format  your  audience  wants  to  consume  it.   Your  users  get  to  decide  how,  when,  and   where  they  want  to  read  your  content.  It  is   your  challenge  and  your  responsibility  to   deliver  a  good  experience  to  them.” —Karen  McGrane,  Your  Content,  Now  Mobile

Slide 42

Slide 42 text

MulRscreen  paTerns.

Slide 43

Slide 43 text

A digital product or service looks and works coherently across devices. Features are optimized for specific device characteristics and usage scenarios. Coherence Pa>erns  for  Mul?screen  Strategies CO H E R E N C E   PAT T E R N

Slide 44

Slide 44 text

CO H E R E N C E   PAT T E R N Evernote

Slide 45

Slide 45 text

• • • Devices are always in sync. Syncronization Pa>erns  for  Mul?screen  Strategies SY N C   PAT T E R N

Slide 46

Slide 46 text

SY N C   PAT T E R N Audible  Whispersync  for  Voice

Slide 47

Slide 47 text

Devices are complementing each other. Complementarity Pa>erns  for  Mul?screen  Strategies CO M P L E M E N TA RY   PAT T E R N

Slide 48

Slide 48 text

CO M P L E M E N TA RY   PAT T E R N Scrabble  for  iPad

Slide 49

Slide 49 text

COMMUNITIES   OF  PRACTICE

Slide 50

Slide 50 text

A  virtual  team  of  people   in  the  same  role     with  similar  experRse     across  a  number  of  teams W H AT   I S   I T ?

Slide 51

Slide 51 text

Mentoring  &  learning   Consistency W H Y   D O   W E   N E E D   I T ?

Slide 52

Slide 52 text

Core/lead  group   Weekly  meeRngs   Open  communicaRon  channels H OW   D O E S   I T   WO R K ?

Slide 53

Slide 53 text

Solve  &  share   Share  &  solve   Best  pracRces  &  standards B E N E F I T S

Slide 54

Slide 54 text

Tara  Bazler         @taranoba   Chris  Basham     @chrisbasham   P RO C E S S   E X P E R I E N C E  A RC H I T EC T U R E   ·∙   U I T S 
 
 S TAT E W I D E   I T 
 O C TO B E R   2 0 1 4