SlideShare ist ein Scribd-Unternehmen logo
1 von 49
FROM SKETCHES TO CODE
the Agile way
@jenny_wong
#AgileBr
delivery project
coaching
training
sponsor
north america practice lead
The why Analyse the business
The what Convey work
The how Bringing Agile development awesomeness
ROLE OF AN ANALYST IN AN
AGILE ENVIRONMENT
User research
Express requirements in user stories
Feedback-driven collaboration
ROLE OF AN ANALYST IN AN
AGILE ENVIRONMENT
User research
Express requirements in user stories
Feedback-driven collaboration
How is it different to traditional analysis ?
FROM IDEASTO STORIES
ESSENTIALTOOL #1
Breaking a high-level feature down into smaller chunks
EXAMPLE: USER JOURNEY
Luiza wants to book a local restaurant when travelling to Berlin
Luiza opens the app
She sees the travel
guide for Berlin
She sees the
restaurant
recommendations
She clicks on one
restaurant to look at
the reviews
She books the
restaurant for 7PM
Booking
confirmation is sent
to her
via email & calendar
- booking ID
- map Step-by-step journey as a person, not system
Implies UI, and output
Does not specify implementation
15-MINUTE CHALLENGE
Pairing time!
How would you deliver this iteratively?
Show in stories and sketches
present to group
USER JOURNEY
Luiza opens the app
She sees the travel
guide for Berlin
She sees the
restaurant
recommendations
She clicks on one
restaurant to look at
the reviews
She books the
restaurant for 7PM
Booking
confirmation is sent
to her
via email & calendar
- booking ID
- map
Luiza wants to book a local restaurant when travelling to Berlin
DEBRIEF
What were the highest-value aspect of the product?
Did you make assumptions?
How did you find out? (Assumptions vs.Validated learning)
How robust are your stories at dealing with changes?
5 min
THE PERFECT STORM
Your product owner throws a curve ball during development!
The Business gets a commission at:
A) Users booking a table from reading a review
B) Users booking and dining at the chosen restaurant
C) Users submit a rating in the city guide
How will you change your sketches and stories to
adapt to change?
With your pair
Add, re-sketch and re-write stories in your allocated path
A) Users booking a table from reading a review
B) Users booking and dining at the chosen restaurant
C) Users submit a rating in the city guide
present!
10-MINUTE CHALLENGE
USER JOURNEY
Luiza opens the app
She sees the travel
guide for Berlin
She sees the
restaurant
recommendations
She clicks on one
restaurant to look at
the reviews
She books the
restaurant for 7PM
Booking
confirmation is sent
to her
via email & calendar
- booking ID
- map
Luiza wants to book a local restaurant when travelling to Berlin
DEBRIEF
How much change did you make?
How did this last round shape your view of the product?
How does this affect technical design?
Is this a good thing? Why?
5 min
TURNING STORIESTO CODE
ESSENTIALTOOL #2
HOWTO WRITE GOOD BETTER STORIES
As a!
I want!
So that!
INVEST IN INVEST
Independent
Negotiable
Value
Estimable
Small
Testable
DECONSTRUCTING A STORY
Story
Description
Assumptions
Technical notes
Acceptance criteria
Priority
Story estimate
FIELD EXAMPLE
 Description     
Narrative
As  CS
I  want  to  manage  hero  content
So  that  I  can  modify  content  displayed  to  customers  on  Ruler  Foods'  home  page
Description
This  story  allows  CS  to  administer  "hero"  gadgets.  CS  provides  search  criteria  in  the  form  of  tags  and  can  select  one  topic  from  the  results.  This
selection  populates  the  hero  gadget  slot  on  the  Ruler  Foods'  home  page  with  that  topic  content.
The  hero  gadget  can  contain  an  asset  and  content.  The  content  can  contain  a  headline,  body  text,  and  call  to  action.
This  story  also  creates  a  "Manage  Gadgets"  link  on  CMS  navigation  bar.
Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page.
Open  Questions
How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text?
OOS
This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story.
Does  not  include  inspirational  hero.  (BST-­178)
Does  not  include  editing/creating  content  for  hero.
User  journey
1.  CS  personnel  logs  in  to  CMS
2.  They  click  on  "Manage  Gadgets"
3.  They  select  "Hero"  for  the  gadget
4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero"
5.  Search
6.  They  view  list  of  topics  in  search  results
7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action
8.  They  select  a  single  topic.
9.  Save
10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
 Description     
Narrative
As  CS
I  want  to  manage  hero  content
So  that  I  can  modify  content  displayed  to  customers  on  Ruler  Foods'  home  page
Description
This  story  allows  CS  to  administer  "hero"  gadgets.  CS  provides  search  criteria  in  the  form  of  tags  and  can  select  one  topic  from  the  results.  This
selection  populates  the  hero  gadget  slot  on  the  Ruler  Foods'  home  page  with  that  topic  content.
The  hero  gadget  can  contain  an  asset  and  content.  The  content  can  contain  a  headline,  body  text,  and  call  to  action.
This  story  also  creates  a  "Manage  Gadgets"  link  on  CMS  navigation  bar.
Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page.
Open  Questions
How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text?
OOS
This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story.
Does  not  include  inspirational  hero.  (BST-­178)
Does  not  include  editing/creating  content  for  hero.
User  journey
1.  CS  personnel  logs  in  to  CMS
2.  They  click  on  "Manage  Gadgets"
3.  They  select  "Hero"  for  the  gadget
4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero"
5.  Search
6.  They  view  list  of  topics  in  search  results
7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action
8.  They  select  a  single  topic.
9.  Save
10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page.
Open  Questions
How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text?
OOS
This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story
Does  not  include  inspirational  hero.  (BST-­178)
Does  not  include  editing/creating  content  for  hero.
User  journey
1.  CS  personnel  logs  in  to  CMS
2.  They  click  on  "Manage  Gadgets"
3.  They  select  "Hero"  for  the  gadget
4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero"
5.  Search
6.  They  view  list  of  topics  in  search  results
7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action
8.  They  select  a  single  topic.
9.  Save
10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
 Description     
Narrative
As  CS
I  want  to  manage  hero  content
So  that  I  can  modify  content  displayed  to  customers  on  Ruler  Foods'  home  page
Description
This  story  allows  CS  to  administer  "hero"  gadgets.  CS  provides  search  criteria  in  the  form  of  tags  and  can  select  one  topic  from  the  results.  This
selection  populates  the  hero  gadget  slot  on  the  Ruler  Foods'  home  page  with  that  topic  content.
The  hero  gadget  can  contain  an  asset  and  content.  The  content  can  contain  a  headline,  body  text,  and  call  to  action.
This  story  also  creates  a  "Manage  Gadgets"  link  on  CMS  navigation  bar.
Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page.
Open  Questions
How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text?
OOS
This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story.
Does  not  include  inspirational  hero.  (BST-­178)
Does  not  include  editing/creating  content  for  hero.
User  journey
1.  CS  personnel  logs  in  to  CMS
2.  They  click  on  "Manage  Gadgets"
3.  They  select  "Hero"  for  the  gadget
4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero"
5.  Search
6.  They  view  list  of  topics  in  search  results
7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action
8.  They  select  a  single  topic.
9.  Save
10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page.
Open  Questions
How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text?
OOS
This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story
Does  not  include  inspirational  hero.  (BST-­178)
Does  not  include  editing/creating  content  for  hero.
User  journey
1.  CS  personnel  logs  in  to  CMS
2.  They  click  on  "Manage  Gadgets"
3.  They  select  "Hero"  for  the  gadget
4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero"
5.  Search
6.  They  view  list  of  topics  in  search  results
7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action
8.  They  select  a  single  topic.
9.  Save
10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
Assumptions
BST-­178  Assign  content  to  an  Inspirational  Hero  has  not  been  played
Searchable  content  exists  for  hero  via  tags.
Search  logic  is  an  "OR"  search
Home  page  template  is  in  place.
Can  only  select  one  topic  at  a  time  for  hero  slot.
Content  selection  goes  live  on  save
"Hero"  is  an  active  gadget  in  the  template  and  assigned  to  a  slot  on  the  Ruler  Foods'  home  page.
Cannot  search  with  a  "blank"  search  box.
Acceptance  Criteria
Given  I  have  logged  in  as  CS
When  I  view  the  navigation  bar
Then  I  can  see  a  link  for  "Manage  Gadgets"
2.  View  search  criteria  for  gadget
Given  I  have  clicked  on  "Manage  Gadgets"  link
When  I  view  the  page
Then  I  will  see  the  current  published  content  (if  any)
And  then  I  will  have  an  option  to  select  the  "Hero"  gadget
And  then  I  can  select  topics  by  tag  name
And  then  I  will  see  an  option  to  search
3.  View  "Hero"  content  from  search  results
Given  I  am  on  the  "Manage  Gadgets"  page
And  I  have  selected  "Hero"  for  the  gadget
And  I  have  typed  "Duck"  for  topic  tag
When  I  click  "Search"
Then  I  can  see  the  "Duck"  topic  in  search  results
And  it  will  contain  image,  headline,  body  text,  and  call  to  action
4.  View  search  results  using  "OR"  logic
Given  the  following:
topic  A  is  tagged  with  Duck,
Given  I  have  logged  in  as  CS
When  I  view  the  navigation  bar
Then  I  can  see  a  link  for  "Manage  Gadgets"
2.  View  search  criteria  for  gadget
Given  I  have  clicked  on  "Manage  Gadgets"  link
When  I  view  the  page
Then  I  will  see  the  current  published  content  (if  any)
And  then  I  will  have  an  option  to  select  the  "Hero"  gadget
And  then  I  can  select  topics  by  tag  name
And  then  I  will  see  an  option  to  search
3.  View  "Hero"  content  from  search  results
Given  I  am  on  the  "Manage  Gadgets"  page
And  I  have  selected  "Hero"  for  the  gadget
And  I  have  typed  "Duck"  for  topic  tag
When  I  click  "Search"
Then  I  can  see  the  "Duck"  topic  in  search  results
And  it  will  contain  image,  headline,  body  text,  and  call  to  action
4.  View  search  results  using  "OR"  logic
Given  the  following:
topic  A  is  tagged  with  Duck,
Find your
acceptance criteria
Happy Path
Sad Path
Bad Path
10-MINUTE CHALLENGE
Pick a story
Write with details
present
DEBRIEF
How would you tweak this to suit your needs?
How does this help with communication?
... and, collaboration?
What does this do, to change team dynamics?
5 min
User stories
Domain
Business rules
Scope
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
User stories
Domain
Business rules
Scope
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
User stories
Domain
Business rules
Scope
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
User stories
Domain
Business rules
Scope
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
User stories
Domain
Business rules
Scope
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
User stories
Domain
Business rules
Scope
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
Sketches
UI design
Prototype
Wireframes
Code
Functional code
Test code
User stories
Domain
Business rules
Scope
The intertwined living documentation
LOOK OUT FOR
POPULAR ANTI-PATTERN
ANTI-PATTERN
CIRCULAR
As a user,
I want to log into the system,
So that I can log into the system.
ANTI-PATTERN
CIRCULAR
As a user,
I want to log into the system,
So that I can log into the system.
As a customer,
I want to log into my account
securely,
So that my data is protected from
prying eyes.
ANTI-PATTERN
AMBIGUITY
As IT Operations,
I want to look at the system log files,
So that I can use it.
ANTI-PATTERN
GENERIC FORMAT
As a user ...
As a user ...
As a user ...
As a user ...
As a user ...
As a user ...
As a user ... As a user ...
As a user ...
As a user ...
As a user ...As a user ...
BEYOND EVERYDAY
REQUIREMENTS
Cross-functional requirements
Technical story
User Interface (UI) story
BEYOND EVERYDAY
REQUIREMENTS
Cross-functional requirements
Technical story
User Interface (UI) story
Could you write stories for them too?
... and to avoid implementation details!
[⌘-C] [⌘-V]
[Ctrl+C] [Ctrl +V]
not good for code, not good for stories either!
AGILE IS A DISCIPLINE
Define the boundaries of your scope
Channel the needs of your customers and stakeholders
Use domain knowledge as a communication tool
Never, ever a bottleneck or silo
OBRIGADA
THANKYOU
@jenny_wong
#AgileBr
Q & A
FROM SKETCHES TO CODE
the Agile way

Weitere ähnliche Inhalte

Was ist angesagt?

Social bookmarking-for-dummies
Social bookmarking-for-dummiesSocial bookmarking-for-dummies
Social bookmarking-for-dummies
Aivil Vin
 
Promoting your website_through_search_engine
Promoting your website_through_search_enginePromoting your website_through_search_engine
Promoting your website_through_search_engine
Khirulnizam Abd Rahman
 
Sem smm presentatio nv5
Sem smm presentatio nv5Sem smm presentatio nv5
Sem smm presentatio nv5
Tommy Riggins
 

Was ist angesagt? (20)

concepts of SEO
concepts of SEOconcepts of SEO
concepts of SEO
 
Seo content writing guide
Seo content writing guideSeo content writing guide
Seo content writing guide
 
Thatcheappainter
ThatcheappainterThatcheappainter
Thatcheappainter
 
Social bookmarking-for-dummies
Social bookmarking-for-dummiesSocial bookmarking-for-dummies
Social bookmarking-for-dummies
 
Copywrite Matters SEO Copywriting Seminar March 2012
Copywrite Matters SEO Copywriting Seminar March 2012Copywrite Matters SEO Copywriting Seminar March 2012
Copywrite Matters SEO Copywriting Seminar March 2012
 
Promoting your website_through_search_engine
Promoting your website_through_search_enginePromoting your website_through_search_engine
Promoting your website_through_search_engine
 
Search engine optimization, learn seo easily
Search engine optimization, learn seo easilySearch engine optimization, learn seo easily
Search engine optimization, learn seo easily
 
Sem smm presentatio nv5
Sem smm presentatio nv5Sem smm presentatio nv5
Sem smm presentatio nv5
 
Digital technology for museum learning oxford 2 mar 12 reduced for uploading
Digital technology for museum learning oxford 2 mar 12 reduced for uploadingDigital technology for museum learning oxford 2 mar 12 reduced for uploading
Digital technology for museum learning oxford 2 mar 12 reduced for uploading
 
5 on page seo techniques
5 on page seo techniques5 on page seo techniques
5 on page seo techniques
 
ON PAGE OPTIMIZATION
ON PAGE OPTIMIZATIONON PAGE OPTIMIZATION
ON PAGE OPTIMIZATION
 
Website Content Worksheet
Website Content WorksheetWebsite Content Worksheet
Website Content Worksheet
 
Blog creationguide forestview
Blog creationguide forestviewBlog creationguide forestview
Blog creationguide forestview
 
Seo template guide-03
Seo template guide-03Seo template guide-03
Seo template guide-03
 
Seo ppt
Seo pptSeo ppt
Seo ppt
 
SEO ppt
SEO pptSEO ppt
SEO ppt
 
A brief history of seo
A brief history of seoA brief history of seo
A brief history of seo
 
Spin ready article marketing
Spin ready article marketingSpin ready article marketing
Spin ready article marketing
 
Search Engine Optimization Strategy & Consulting
Search Engine Optimization Strategy & ConsultingSearch Engine Optimization Strategy & Consulting
Search Engine Optimization Strategy & Consulting
 
Search Engine Optimization Class-12
Search Engine Optimization Class-12Search Engine Optimization Class-12
Search Engine Optimization Class-12
 

Ähnlich wie From sketches to code, the agile way

Google search engine-optimization-starter-guide
Google search engine-optimization-starter-guideGoogle search engine-optimization-starter-guide
Google search engine-optimization-starter-guide
arhun
 
Search engine-optimization-starter-guide
Search engine-optimization-starter-guideSearch engine-optimization-starter-guide
Search engine-optimization-starter-guide
irenehorna
 
Google Search engine optimization starter guide 2011
Google Search engine optimization starter guide 2011Google Search engine optimization starter guide 2011
Google Search engine optimization starter guide 2011
PCG Digital Marketing
 

Ähnlich wie From sketches to code, the agile way (20)

Editorial SEO Strategy
Editorial SEO StrategyEditorial SEO Strategy
Editorial SEO Strategy
 
SEO for Drupal Developers
SEO for Drupal DevelopersSEO for Drupal Developers
SEO for Drupal Developers
 
Seo copywriting
Seo copywritingSeo copywriting
Seo copywriting
 
Sample of Content Audit Deck // MAN Digital
Sample of Content Audit Deck // MAN DigitalSample of Content Audit Deck // MAN Digital
Sample of Content Audit Deck // MAN Digital
 
14 Steps to Successful SEO
14 Steps to Successful SEO14 Steps to Successful SEO
14 Steps to Successful SEO
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization
 
Social Media Copywriting Best Practices
Social Media Copywriting Best PracticesSocial Media Copywriting Best Practices
Social Media Copywriting Best Practices
 
Seo Primer
Seo PrimerSeo Primer
Seo Primer
 
Mahesh gangurde digital marketing
Mahesh gangurde digital marketingMahesh gangurde digital marketing
Mahesh gangurde digital marketing
 
Basic Search Engine Optimization techniques & tips
 Basic Search Engine Optimization techniques & tips Basic Search Engine Optimization techniques & tips
Basic Search Engine Optimization techniques & tips
 
On page-seo
On page-seoOn page-seo
On page-seo
 
aioseo-aelfricedencom.pdf
aioseo-aelfricedencom.pdfaioseo-aelfricedencom.pdf
aioseo-aelfricedencom.pdf
 
Seo Starter Guide Manual
Seo Starter Guide ManualSeo Starter Guide Manual
Seo Starter Guide Manual
 
6 Steps to Optimizing Your Blog for Search
6 Steps to Optimizing Your Blog for Search6 Steps to Optimizing Your Blog for Search
6 Steps to Optimizing Your Blog for Search
 
Guia SEO de Google
Guia SEO de GoogleGuia SEO de Google
Guia SEO de Google
 
Google search engine-optimization-starter-guide
Google search engine-optimization-starter-guideGoogle search engine-optimization-starter-guide
Google search engine-optimization-starter-guide
 
Search Engine Optimization Starter Guide
Search Engine Optimization Starter GuideSearch Engine Optimization Starter Guide
Search Engine Optimization Starter Guide
 
Search engine-optimization-starter-guide
Search engine-optimization-starter-guideSearch engine-optimization-starter-guide
Search engine-optimization-starter-guide
 
SEO Starter Guide By Google
SEO Starter Guide By GoogleSEO Starter Guide By Google
SEO Starter Guide By Google
 
Google Search engine optimization starter guide 2011
Google Search engine optimization starter guide 2011Google Search engine optimization starter guide 2011
Google Search engine optimization starter guide 2011
 

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Kürzlich hochgeladen (20)

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 

From sketches to code, the agile way

  • 1. FROM SKETCHES TO CODE the Agile way @jenny_wong #AgileBr
  • 3. The why Analyse the business The what Convey work The how Bringing Agile development awesomeness
  • 4. ROLE OF AN ANALYST IN AN AGILE ENVIRONMENT User research Express requirements in user stories Feedback-driven collaboration
  • 5. ROLE OF AN ANALYST IN AN AGILE ENVIRONMENT User research Express requirements in user stories Feedback-driven collaboration How is it different to traditional analysis ?
  • 6.
  • 8. ESSENTIALTOOL #1 Breaking a high-level feature down into smaller chunks
  • 9. EXAMPLE: USER JOURNEY Luiza wants to book a local restaurant when travelling to Berlin Luiza opens the app She sees the travel guide for Berlin She sees the restaurant recommendations She clicks on one restaurant to look at the reviews She books the restaurant for 7PM Booking confirmation is sent to her via email & calendar - booking ID - map Step-by-step journey as a person, not system Implies UI, and output Does not specify implementation
  • 10. 15-MINUTE CHALLENGE Pairing time! How would you deliver this iteratively? Show in stories and sketches present to group
  • 11. USER JOURNEY Luiza opens the app She sees the travel guide for Berlin She sees the restaurant recommendations She clicks on one restaurant to look at the reviews She books the restaurant for 7PM Booking confirmation is sent to her via email & calendar - booking ID - map Luiza wants to book a local restaurant when travelling to Berlin
  • 12. DEBRIEF What were the highest-value aspect of the product? Did you make assumptions? How did you find out? (Assumptions vs.Validated learning) How robust are your stories at dealing with changes? 5 min
  • 13. THE PERFECT STORM Your product owner throws a curve ball during development!
  • 14. The Business gets a commission at: A) Users booking a table from reading a review B) Users booking and dining at the chosen restaurant C) Users submit a rating in the city guide How will you change your sketches and stories to adapt to change?
  • 15. With your pair Add, re-sketch and re-write stories in your allocated path A) Users booking a table from reading a review B) Users booking and dining at the chosen restaurant C) Users submit a rating in the city guide present! 10-MINUTE CHALLENGE
  • 16. USER JOURNEY Luiza opens the app She sees the travel guide for Berlin She sees the restaurant recommendations She clicks on one restaurant to look at the reviews She books the restaurant for 7PM Booking confirmation is sent to her via email & calendar - booking ID - map Luiza wants to book a local restaurant when travelling to Berlin
  • 17. DEBRIEF How much change did you make? How did this last round shape your view of the product? How does this affect technical design? Is this a good thing? Why? 5 min
  • 19. ESSENTIALTOOL #2 HOWTO WRITE GOOD BETTER STORIES As a! I want! So that!
  • 21. DECONSTRUCTING A STORY Story Description Assumptions Technical notes Acceptance criteria Priority Story estimate
  • 23.  Description     Narrative As  CS I  want  to  manage  hero  content So  that  I  can  modify  content  displayed  to  customers  on  Ruler  Foods'  home  page Description This  story  allows  CS  to  administer  "hero"  gadgets.  CS  provides  search  criteria  in  the  form  of  tags  and  can  select  one  topic  from  the  results.  This selection  populates  the  hero  gadget  slot  on  the  Ruler  Foods'  home  page  with  that  topic  content. The  hero  gadget  can  contain  an  asset  and  content.  The  content  can  contain  a  headline,  body  text,  and  call  to  action. This  story  also  creates  a  "Manage  Gadgets"  link  on  CMS  navigation  bar. Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page. Open  Questions How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text? OOS This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story. Does  not  include  inspirational  hero.  (BST-­178) Does  not  include  editing/creating  content  for  hero. User  journey 1.  CS  personnel  logs  in  to  CMS 2.  They  click  on  "Manage  Gadgets" 3.  They  select  "Hero"  for  the  gadget 4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero" 5.  Search 6.  They  view  list  of  topics  in  search  results 7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action 8.  They  select  a  single  topic. 9.  Save 10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
  • 24.  Description     Narrative As  CS I  want  to  manage  hero  content So  that  I  can  modify  content  displayed  to  customers  on  Ruler  Foods'  home  page Description This  story  allows  CS  to  administer  "hero"  gadgets.  CS  provides  search  criteria  in  the  form  of  tags  and  can  select  one  topic  from  the  results.  This selection  populates  the  hero  gadget  slot  on  the  Ruler  Foods'  home  page  with  that  topic  content. The  hero  gadget  can  contain  an  asset  and  content.  The  content  can  contain  a  headline,  body  text,  and  call  to  action. This  story  also  creates  a  "Manage  Gadgets"  link  on  CMS  navigation  bar. Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page. Open  Questions How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text? OOS This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story. Does  not  include  inspirational  hero.  (BST-­178) Does  not  include  editing/creating  content  for  hero. User  journey 1.  CS  personnel  logs  in  to  CMS 2.  They  click  on  "Manage  Gadgets" 3.  They  select  "Hero"  for  the  gadget 4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero" 5.  Search 6.  They  view  list  of  topics  in  search  results 7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action 8.  They  select  a  single  topic. 9.  Save 10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page. Open  Questions How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text? OOS This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story Does  not  include  inspirational  hero.  (BST-­178) Does  not  include  editing/creating  content  for  hero. User  journey 1.  CS  personnel  logs  in  to  CMS 2.  They  click  on  "Manage  Gadgets" 3.  They  select  "Hero"  for  the  gadget 4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero" 5.  Search 6.  They  view  list  of  topics  in  search  results 7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action 8.  They  select  a  single  topic. 9.  Save 10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page
  • 25.  Description     Narrative As  CS I  want  to  manage  hero  content So  that  I  can  modify  content  displayed  to  customers  on  Ruler  Foods'  home  page Description This  story  allows  CS  to  administer  "hero"  gadgets.  CS  provides  search  criteria  in  the  form  of  tags  and  can  select  one  topic  from  the  results.  This selection  populates  the  hero  gadget  slot  on  the  Ruler  Foods'  home  page  with  that  topic  content. The  hero  gadget  can  contain  an  asset  and  content.  The  content  can  contain  a  headline,  body  text,  and  call  to  action. This  story  also  creates  a  "Manage  Gadgets"  link  on  CMS  navigation  bar. Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page. Open  Questions How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text? OOS This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story. Does  not  include  inspirational  hero.  (BST-­178) Does  not  include  editing/creating  content  for  hero. User  journey 1.  CS  personnel  logs  in  to  CMS 2.  They  click  on  "Manage  Gadgets" 3.  They  select  "Hero"  for  the  gadget 4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero" 5.  Search 6.  They  view  list  of  topics  in  search  results 7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action 8.  They  select  a  single  topic. 9.  Save 10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page Customers  can  then  view  the  "Hero"  content  on  the  Ruler  Foods'  home  page. Open  Questions How  much  text  do  we  show  for  content  in  search  results?  Headline  and  text  will  show  for  topic  but  how  much  text? OOS This  story  does  not  include  multiple  panels  in  the  hero,  and  the  accompanying  timed  rotation,  and  dot-­based  navigation.  Handled  in  future  story Does  not  include  inspirational  hero.  (BST-­178) Does  not  include  editing/creating  content  for  hero. User  journey 1.  CS  personnel  logs  in  to  CMS 2.  They  click  on  "Manage  Gadgets" 3.  They  select  "Hero"  for  the  gadget 4.  They  enter  content(topic)  tags  as  search  criteria  for  "Hero" 5.  Search 6.  They  view  list  of  topics  in  search  results 7.  The  topics  can  contain  an  image,  headline,  body  text,  and  call  to  action 8.  They  select  a  single  topic. 9.  Save 10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page 10.  They  can  view  the  topic  on  the  Ruler  Foods'  home  page Assumptions BST-­178  Assign  content  to  an  Inspirational  Hero  has  not  been  played Searchable  content  exists  for  hero  via  tags. Search  logic  is  an  "OR"  search Home  page  template  is  in  place. Can  only  select  one  topic  at  a  time  for  hero  slot. Content  selection  goes  live  on  save "Hero"  is  an  active  gadget  in  the  template  and  assigned  to  a  slot  on  the  Ruler  Foods'  home  page. Cannot  search  with  a  "blank"  search  box. Acceptance  Criteria
  • 26. Given  I  have  logged  in  as  CS When  I  view  the  navigation  bar Then  I  can  see  a  link  for  "Manage  Gadgets" 2.  View  search  criteria  for  gadget Given  I  have  clicked  on  "Manage  Gadgets"  link When  I  view  the  page Then  I  will  see  the  current  published  content  (if  any) And  then  I  will  have  an  option  to  select  the  "Hero"  gadget And  then  I  can  select  topics  by  tag  name And  then  I  will  see  an  option  to  search 3.  View  "Hero"  content  from  search  results Given  I  am  on  the  "Manage  Gadgets"  page And  I  have  selected  "Hero"  for  the  gadget And  I  have  typed  "Duck"  for  topic  tag When  I  click  "Search" Then  I  can  see  the  "Duck"  topic  in  search  results And  it  will  contain  image,  headline,  body  text,  and  call  to  action 4.  View  search  results  using  "OR"  logic Given  the  following: topic  A  is  tagged  with  Duck,
  • 27. Given  I  have  logged  in  as  CS When  I  view  the  navigation  bar Then  I  can  see  a  link  for  "Manage  Gadgets" 2.  View  search  criteria  for  gadget Given  I  have  clicked  on  "Manage  Gadgets"  link When  I  view  the  page Then  I  will  see  the  current  published  content  (if  any) And  then  I  will  have  an  option  to  select  the  "Hero"  gadget And  then  I  can  select  topics  by  tag  name And  then  I  will  see  an  option  to  search 3.  View  "Hero"  content  from  search  results Given  I  am  on  the  "Manage  Gadgets"  page And  I  have  selected  "Hero"  for  the  gadget And  I  have  typed  "Duck"  for  topic  tag When  I  click  "Search" Then  I  can  see  the  "Duck"  topic  in  search  results And  it  will  contain  image,  headline,  body  text,  and  call  to  action 4.  View  search  results  using  "OR"  logic Given  the  following: topic  A  is  tagged  with  Duck, Find your acceptance criteria Happy Path Sad Path Bad Path
  • 28.
  • 29. 10-MINUTE CHALLENGE Pick a story Write with details present
  • 30. DEBRIEF How would you tweak this to suit your needs? How does this help with communication? ... and, collaboration? What does this do, to change team dynamics? 5 min
  • 31. User stories Domain Business rules Scope Sketches UI design Prototype Wireframes Code Functional code Test code
  • 32. User stories Domain Business rules Scope Sketches UI design Prototype Wireframes Code Functional code Test code
  • 33. User stories Domain Business rules Scope Sketches UI design Prototype Wireframes Code Functional code Test code
  • 34. User stories Domain Business rules Scope Sketches UI design Prototype Wireframes Code Functional code Test code
  • 35. User stories Domain Business rules Scope Sketches UI design Prototype Wireframes Code Functional code Test code
  • 36. User stories Domain Business rules Scope Sketches UI design Prototype Wireframes Code Functional code Test code
  • 37. Sketches UI design Prototype Wireframes Code Functional code Test code User stories Domain Business rules Scope The intertwined living documentation
  • 38. LOOK OUT FOR POPULAR ANTI-PATTERN
  • 39. ANTI-PATTERN CIRCULAR As a user, I want to log into the system, So that I can log into the system.
  • 40. ANTI-PATTERN CIRCULAR As a user, I want to log into the system, So that I can log into the system. As a customer, I want to log into my account securely, So that my data is protected from prying eyes.
  • 41. ANTI-PATTERN AMBIGUITY As IT Operations, I want to look at the system log files, So that I can use it.
  • 42. ANTI-PATTERN GENERIC FORMAT As a user ... As a user ... As a user ... As a user ... As a user ... As a user ... As a user ... As a user ... As a user ... As a user ... As a user ...As a user ...
  • 44. BEYOND EVERYDAY REQUIREMENTS Cross-functional requirements Technical story User Interface (UI) story Could you write stories for them too? ... and to avoid implementation details!
  • 45. [⌘-C] [⌘-V] [Ctrl+C] [Ctrl +V] not good for code, not good for stories either!
  • 46. AGILE IS A DISCIPLINE Define the boundaries of your scope Channel the needs of your customers and stakeholders Use domain knowledge as a communication tool Never, ever a bottleneck or silo
  • 48. Q & A
  • 49. FROM SKETCHES TO CODE the Agile way