SlideShare una empresa de Scribd logo
1 de 146
Descargar para leer sin conexión
Designing Under the
Agile Fog of War
James Bryant
@jamesbryant86
Designer at Mobify
Product TeamProduct TeamProduct Team
Product team at Mobify builds tools
that help our users create amazing
mobile web experiences.
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Agile Software Development
Iterative and
Incremental
We work in 2 week sprints
Ship code every sprint.
“Small diffs are better than big bangs”
!
- John Boxall, CTO at Mobify
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Design Process
Design Process
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
2 Week Sprint
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
Wireframes
Mockups
Implementation
(HTML & CSS)
Review
Leads to
Compromises
Leads to
Compromises
Wireframes
Mockups
Implementation
(HTML & CSS)
Review
When we don't have enough time to build a
coherent vision for future features
we end up building this…
Title Text
Fitting the ideal design process into an agile
development process is hard.
Fitting the ideal design process into an agile
development process is hard.
Really hard.
Our Goal
Strike a balance between rapid iteration and
building a modular and extensible product.
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Fog of War
This is what working
in 2 week sprints
can feel like
High Fidelity Low FidelityHigh Fidelity
The Fog of War is simply
varying degrees of fidelity
The Fog of War is not a bad thing.
!
If you know how to balance it you
can use it to your advantage.
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Our Approach
Scope long in low fidelity.
Scope short in high fidelity.
What is the spectrum of fidelity?
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation (HTML & CSS)
User Testing
Review
Validation
Design Process
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS)
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS)
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS)
Fidelity
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS)
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS)
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS)
Low Fidelity
Scope
High Fidelity
Medium Fidelity
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Implementation (HTML & CSS) High Fidelity
Medium Fidelity
Low Fidelity
Scope
Scope
Explore User Flows as much as humanly
possible
Develop Information Architecture for
every known object
Begin to define new features
Smaller concern for technical
implementation
Low Fidelity
Scope
Map Critical Paths and attempt to
account for as many states as
possible within those paths
Accommodate entry points to
features that you aren’t committing to
developing just yet.
Tighter collaboration with developers
to address implementation
Medium Fidelity
Scope
Mockups designed to give front-end
developers a precise expectations of
what each page/state should look like
Avoid scope creep. Functionality can be
reduced to hit shipping targets.
Features are shippable and usable
Tight collaboration with developers to
address implementation
High Fidelity
Applying this to our Agile Development Process
Sprint
Sprint
Sprint
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Validation
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Review
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Review
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Review
UX
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Review
UI
UX
High Fidelity
Medium Fidelity
Low Fidelity
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Review
UI
UX
Personas
User Flows
Information Architecture
Wireframes
Prototypes
User Testing
Mockups
Implementation
(HTML & CSS)
User Testing
Review
Review
UI
UX
UI
UX
There are many ways to implement this,
depending on the structure of your team.
!
Here’s how we currently do it…
UI
UX UX
UI
1 Sprint Multiple Sprints 1 Sprint
UI
UX UX
UI
1 Sprint Multiple Sprints 1 Sprint
UI
UX UX
UI
1 Sprint Multiple Sprints 1 Sprint
UI
UX UX
UI
1 Sprint Multiple Sprints 1 Sprint
Fog
Low Fidelity
Fog
Low Fidelity
Fog
Low Fidelity
Medium Fidelity
Fog
Low Fidelity
Medium Fidelity
Fog
Low Fidelity
Medium Fidelity
High Fidelity
Fog
Risks
Working at low and medium
fidelities can be risky
Easy to over simplify
Overlook potential problems
Spend too much time refining
Inversely, if you put too much time
and effort into high fidelity, changes
become expensive to make
Ensuring that we are making the right
decisions at the right fidelity is crucial
If you don’t you’ll end up increasing
your cost of change which defeats
the purpose of working at a low fidelity
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
“Change is your best friend. The more
expensive it is to make a change, the less
likely you'll make it. And if your competitors
can change faster than you, you're at a huge
disadvantage. If change gets too
expensive, you're dead.”
!
- 37 Signals, gettingreal.37signals.com 2009
Cost of Change
0
100
200
300
400
Personas User Flows Wireframes Prototypes Mockups Implementation
Cost of Change
Some of the methods we use
to clear the fog and keep the
cost of change low
Personas
User Flows
Information Architecture
Wireframes
Prototypes
Mockups
Personas
Little thing that we do
Building Personas Based
on Real Data
Confession:
We’re still working on that
No Bullshit Personas
!
by Kristen Johansen from lynda.com
http://www.slideshare.net/kristenjohansen/nobullsht-personas
User Flows
Little thing that we do
Continuously Talk to Users
When it comes to users, we
are a little spoilt at Mobify
Build user flows whilst talking to Users
Title Text
Developer Setup Legend Adaptive.js
Customer
Touchpoint
(Email)
Last edit: Monday, March 24 at 11:23
Preview Bundle
Push First
Bundle
Inspect Bundle
Publish First
Bundle
Install Tag Verify TagDocs
Verification Error
Tag
Installed?
No Yes
Successful Publish
Tag Settings
Setup Local
Project
Create Project
Setup
Documentation
Get Slug/Init
Command
Generate Scaffold
Slugs need to be
exposed
send to device
open in new window
Locally
“View on localhost”
useless
Notification sent Via
Email/Web Push
Notification
Publish in Progress
Review Automated
Testing Results
Task
Supporting Input/Action
Task External to Cloud
Develop Bundle
Locally + Github
URL
Site Name
Download Bundle
1 First Time Only
Get Tools
1
npm install instructions
Download “Client”,
Grunt, Yeoman
Download
Adaptive.js
Windows
OS X
Linux
View Documentation
Get API Key
Developers are less likely to setup or even use cloud at all if they are working
on a large team with Producers/QA. Smaller teams however would mean the
developer is responsible for everything.
Go back and talk to Users again
Title Text
QA Setup Flow Legend Adaptive.js
Customer
Touchpoint
(Email)
Last edit: Monday, March 24 at 11:23
Add other QA
Members to Project
Setup Local
Project (via
Github)
Login via Console
Pull Branch from
Github
Preview locally
Push Bundle to Cloud
Inspect Bundle
Get URL for Device
Preview
Site URL
Mobify Preview
(Visible to Client)
Bundle Location
Domain
Mobify This/All Tabs
Authorize
Install Tools
1
npm install instructions
Download “Client”,
Grunt, Yeoman
Download
Adaptive.js
Windows
OS X
Linux
View Documentation
Get API Key
Push Bundle
QA usually has to setup permissions for their own team members. The tag
will be installed for them but they will be making changes to the path.
They will never be publishing during the setup of a project, that usually
happens later in the QA process. They are more likely to send out a preview
for the client.
Review Automated
Testing Results
Then go back and talk to Users again
Seriously, you’ll learn
something new each time.
Information Architecture
Little thing that we do
Look at the database
If you don’t know how, get a
developer to help you.
Even better, get them to set you
up with a GUI like Sequel Pro
www.sequelpro.com
Title Text
Information Architecture Legend Adaptive.js
Customer
Touchpoint
(Email)
Last edit: Monday, March 24 at 11:23
Inspect Bundle
open in new
window
Download Bundle
Automated Test Results
Download ToolsList Team Members
Install Tag
Verify Tag
Verification
Error
Add (Push) Bundles
Tag
Installed?
NoYes
Configure
Publish in Progress
Bundles Analytics (Future) Team
Publish
Preview
Delete
List Bundles
Invite Members
Remove Member
send to
device
Inspect Member
URL
Site Name
Tag Proxy
Modify Role
Get API Key
Delete Project
Tag
Manage Google Analytics
(a.js)
Set Device Support
Manage Targets*
Verify Tag
Unpublish
Notification sent Via Email/
Web Push Notification
Link to Docs
Link to Docs
Tag Verified
Verification Status
Link to Manage Organization
Get Slug
The more that your Information
Architecture can be mapped to the
data model the more likely it is that your
users will understand your application.
Wireframes
Little thing that we do
Real Data
Avoid the temptation to make
wireframes aesthetically pleasing
Focus on real data/content, or at least as
close to real as possible.
Focus on real data/content, or at least as
close to real as possible.
Every time you use Lorem Ipsum a content
strategist somewhere drops dead. No Joke.
Remember to keep the cost of change low
Prototyping
Little thing that we do
Use a tool that lets us
wireframe and create
clickable prototypes
Wireframes can easily be made to be
interactive and clickable. Downside is it’s in
PDF format, not on the web and hard to
collaborate and annotate.
We use Omnigraffle
There’s plenty of other similar tools, just find
the one that’s best for your needs.
Mockups
Little thing that we do
Design within the context
of the Browser
Whether we like it or not, the
browser is a part of our UI
Helps you design your URLs
OK, we’re at slide number 100, lets
wrap this up.
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Agile is great for constantly
delivering value and rapidly iterating
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
A good design process is hard to
fit into small and iterative sprints
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Strict Agile methodologies inherently
create a short sighted ‘Fog of War’
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
We can strategically uncover those layers
of fog with varying degrees of fidelity.
!
Scope long in low fidelity,
Scope short in high fidelity.
Development Process
Design Process
The Agile Fog of War
Clearing the Fog
Cost Of Change
Be mindful of your cost of change when
working at different levels of fidelity.
!
It can make or break the whole process.
Thanks for your time!
Questions?

Más contenido relacionado

La actualidad más candente

Introduction to Kubernetes and GKE
Introduction to Kubernetes and GKEIntroduction to Kubernetes and GKE
Introduction to Kubernetes and GKEOpsta
 
利用K8S實現高可靠應用
利用K8S實現高可靠應用利用K8S實現高可靠應用
利用K8S實現高可靠應用inwin stack
 
Real World CI/CD with Kubernetes
Real World CI/CD with KubernetesReal World CI/CD with Kubernetes
Real World CI/CD with KubernetesOpsta
 
Cicd pixelfederation
Cicd pixelfederationCicd pixelfederation
Cicd pixelfederationJuraj Hantak
 
利用K8S實現高可靠應用
利用K8S實現高可靠應用利用K8S實現高可靠應用
利用K8S實現高可靠應用inwin stack
 
Introduction to Kubernetes - Docker Global Mentor Week 2016
Introduction to Kubernetes - Docker Global Mentor Week 2016Introduction to Kubernetes - Docker Global Mentor Week 2016
Introduction to Kubernetes - Docker Global Mentor Week 2016Opsta
 
Getting started with Azure Container Service (AKS)
Getting started with Azure Container Service (AKS)Getting started with Azure Container Service (AKS)
Getting started with Azure Container Service (AKS)Janakiram MSV
 
[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift
[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift
[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshiftNAVER D2
 
Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)
Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)
Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)Kublr
 
Mattia Gandolfi - Improving utilization and portability with Containers and C...
Mattia Gandolfi - Improving utilization and portability with Containers and C...Mattia Gandolfi - Improving utilization and portability with Containers and C...
Mattia Gandolfi - Improving utilization and portability with Containers and C...Codemotion
 
Beyond OpenStack | OpenStack in Real Life
Beyond OpenStack | OpenStack in Real LifeBeyond OpenStack | OpenStack in Real Life
Beyond OpenStack | OpenStack in Real LifeOpsta
 
從Google cloud看kubernetes服務
從Google cloud看kubernetes服務從Google cloud看kubernetes服務
從Google cloud看kubernetes服務inwin stack
 
How we can do Multi-Tenancy on Kubernetes
How we can do Multi-Tenancy on KubernetesHow we can do Multi-Tenancy on Kubernetes
How we can do Multi-Tenancy on KubernetesOpsta
 
Mirantis Contributions to Kubernetes Ecosystem
Mirantis Contributions to Kubernetes EcosystemMirantis Contributions to Kubernetes Ecosystem
Mirantis Contributions to Kubernetes EcosystemMoscowKubernetes
 
GPU enablement for data science on OpenShift | DevNation Tech Talk
GPU enablement for data science on OpenShift | DevNation Tech TalkGPU enablement for data science on OpenShift | DevNation Tech Talk
GPU enablement for data science on OpenShift | DevNation Tech TalkRed Hat Developers
 
Idea to Production - with Gitlab and Kubernetes
Idea to Production  - with Gitlab and KubernetesIdea to Production  - with Gitlab and Kubernetes
Idea to Production - with Gitlab and KubernetesSimon Dittlmann
 
k8sjp#9 KubeCon - Service Mesh, ML/DL on k8s
k8sjp#9 KubeCon - Service Mesh, ML/DL on k8sk8sjp#9 KubeCon - Service Mesh, ML/DL on k8s
k8sjp#9 KubeCon - Service Mesh, ML/DL on k8sJUNICHI YOSHISE
 
DevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCD
DevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCDDevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCD
DevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCDDevOps_Fest
 
쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)
쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)
쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)충섭 김
 

La actualidad más candente (20)

Introduction to Kubernetes and GKE
Introduction to Kubernetes and GKEIntroduction to Kubernetes and GKE
Introduction to Kubernetes and GKE
 
利用K8S實現高可靠應用
利用K8S實現高可靠應用利用K8S實現高可靠應用
利用K8S實現高可靠應用
 
Real World CI/CD with Kubernetes
Real World CI/CD with KubernetesReal World CI/CD with Kubernetes
Real World CI/CD with Kubernetes
 
Openshift argo cd_v1_2
Openshift argo cd_v1_2Openshift argo cd_v1_2
Openshift argo cd_v1_2
 
Cicd pixelfederation
Cicd pixelfederationCicd pixelfederation
Cicd pixelfederation
 
利用K8S實現高可靠應用
利用K8S實現高可靠應用利用K8S實現高可靠應用
利用K8S實現高可靠應用
 
Introduction to Kubernetes - Docker Global Mentor Week 2016
Introduction to Kubernetes - Docker Global Mentor Week 2016Introduction to Kubernetes - Docker Global Mentor Week 2016
Introduction to Kubernetes - Docker Global Mentor Week 2016
 
Getting started with Azure Container Service (AKS)
Getting started with Azure Container Service (AKS)Getting started with Azure Container Service (AKS)
Getting started with Azure Container Service (AKS)
 
[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift
[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift
[D2 COMMUNITY] Open Container Seoul Meetup - Kubernetes를 이용한 서비스 구축과 openshift
 
Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)
Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)
Canary Releases on Kubernetes with Spinnaker, Istio, & Prometheus (2020)
 
Mattia Gandolfi - Improving utilization and portability with Containers and C...
Mattia Gandolfi - Improving utilization and portability with Containers and C...Mattia Gandolfi - Improving utilization and portability with Containers and C...
Mattia Gandolfi - Improving utilization and portability with Containers and C...
 
Beyond OpenStack | OpenStack in Real Life
Beyond OpenStack | OpenStack in Real LifeBeyond OpenStack | OpenStack in Real Life
Beyond OpenStack | OpenStack in Real Life
 
從Google cloud看kubernetes服務
從Google cloud看kubernetes服務從Google cloud看kubernetes服務
從Google cloud看kubernetes服務
 
How we can do Multi-Tenancy on Kubernetes
How we can do Multi-Tenancy on KubernetesHow we can do Multi-Tenancy on Kubernetes
How we can do Multi-Tenancy on Kubernetes
 
Mirantis Contributions to Kubernetes Ecosystem
Mirantis Contributions to Kubernetes EcosystemMirantis Contributions to Kubernetes Ecosystem
Mirantis Contributions to Kubernetes Ecosystem
 
GPU enablement for data science on OpenShift | DevNation Tech Talk
GPU enablement for data science on OpenShift | DevNation Tech TalkGPU enablement for data science on OpenShift | DevNation Tech Talk
GPU enablement for data science on OpenShift | DevNation Tech Talk
 
Idea to Production - with Gitlab and Kubernetes
Idea to Production  - with Gitlab and KubernetesIdea to Production  - with Gitlab and Kubernetes
Idea to Production - with Gitlab and Kubernetes
 
k8sjp#9 KubeCon - Service Mesh, ML/DL on k8s
k8sjp#9 KubeCon - Service Mesh, ML/DL on k8sk8sjp#9 KubeCon - Service Mesh, ML/DL on k8s
k8sjp#9 KubeCon - Service Mesh, ML/DL on k8s
 
DevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCD
DevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCDDevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCD
DevOps Fest 2020. Дмитрий Кудрявцев. Реализация GitOps на Kubernetes. ArgoCD
 
쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)
쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)
쿠버네티스를 이용한 기능 브랜치별 테스트 서버 만들기 (GitOps CI/CD)
 

Destacado

wk-8-lesson-plan-fog-of-war-flowcab
wk-8-lesson-plan-fog-of-war-flowcabwk-8-lesson-plan-fog-of-war-flowcab
wk-8-lesson-plan-fog-of-war-flowcabDebra Broemer
 
The Fog Of War
The Fog Of WarThe Fog Of War
The Fog Of WarFwintle
 
Case Study: frizisto
Case Study: frizistoCase Study: frizisto
Case Study: frizistoFLYACTS GmbH
 
What should leaders do in a crisis
What should leaders do in a crisisWhat should leaders do in a crisis
What should leaders do in a crisisChristos Tsolkas
 
孫子兵法在即時戰略遊戲之應用 以世紀帝國為例
孫子兵法在即時戰略遊戲之應用 以世紀帝國為例孫子兵法在即時戰略遊戲之應用 以世紀帝國為例
孫子兵法在即時戰略遊戲之應用 以世紀帝國為例Wen-Bin Kuo
 
iOS design: a case study
iOS design: a case studyiOS design: a case study
iOS design: a case studyJohan Ronsse
 
clinic database and software management system
clinic database and software management systemclinic database and software management system
clinic database and software management systemMujahed Ahmed
 
Clinic management system
Clinic management systemClinic management system
Clinic management systemMike Taylor
 

Destacado (10)

wk-8-lesson-plan-fog-of-war-flowcab
wk-8-lesson-plan-fog-of-war-flowcabwk-8-lesson-plan-fog-of-war-flowcab
wk-8-lesson-plan-fog-of-war-flowcab
 
The Systems Development Life Cycle
The Systems Development Life CycleThe Systems Development Life Cycle
The Systems Development Life Cycle
 
The fog of war
The fog of warThe fog of war
The fog of war
 
The Fog Of War
The Fog Of WarThe Fog Of War
The Fog Of War
 
Case Study: frizisto
Case Study: frizistoCase Study: frizisto
Case Study: frizisto
 
What should leaders do in a crisis
What should leaders do in a crisisWhat should leaders do in a crisis
What should leaders do in a crisis
 
孫子兵法在即時戰略遊戲之應用 以世紀帝國為例
孫子兵法在即時戰略遊戲之應用 以世紀帝國為例孫子兵法在即時戰略遊戲之應用 以世紀帝國為例
孫子兵法在即時戰略遊戲之應用 以世紀帝國為例
 
iOS design: a case study
iOS design: a case studyiOS design: a case study
iOS design: a case study
 
clinic database and software management system
clinic database and software management systemclinic database and software management system
clinic database and software management system
 
Clinic management system
Clinic management systemClinic management system
Clinic management system
 

Similar a Designing Under the Agile fog of war

Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management SystemsServing Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management SystemsSencha
 
Agile Software Architecture
Agile Software ArchitectureAgile Software Architecture
Agile Software ArchitectureChris F Carroll
 
How to Get Cloud Architecture and Design Right the First Time
How to Get Cloud Architecture and Design Right the First TimeHow to Get Cloud Architecture and Design Right the First Time
How to Get Cloud Architecture and Design Right the First TimeDavid Linthicum
 
Uber's new mobile architecture
Uber's new mobile architectureUber's new mobile architecture
Uber's new mobile architectureDhaval Patel
 
Rich User Experience Documentation - Update
Rich User Experience Documentation - UpdateRich User Experience Documentation - Update
Rich User Experience Documentation - UpdateJohn Yesko
 
Designing user experience (ux) for digital products
Designing user experience (ux) for digital productsDesigning user experience (ux) for digital products
Designing user experience (ux) for digital productsVijay Morampudi
 
Mobile applications chapter 3
Mobile applications chapter 3Mobile applications chapter 3
Mobile applications chapter 3Akib B. Momin
 
Whats New In 2010 (Msdn & Visual Studio)
Whats New In 2010 (Msdn & Visual Studio)Whats New In 2010 (Msdn & Visual Studio)
Whats New In 2010 (Msdn & Visual Studio)Steve Lange
 
Saa s webinar slides final rlh - 3-31
Saa s webinar slides   final rlh - 3-31Saa s webinar slides   final rlh - 3-31
Saa s webinar slides final rlh - 3-31neerajarasmussen
 
Makersbay Nex-Gen Software Development Overview
Makersbay Nex-Gen Software Development OverviewMakersbay Nex-Gen Software Development Overview
Makersbay Nex-Gen Software Development Overviewslodha
 
From Monoliths to Microservices at Realestate.com.au
From Monoliths to Microservices at Realestate.com.auFrom Monoliths to Microservices at Realestate.com.au
From Monoliths to Microservices at Realestate.com.auevanbottcher
 
The Magic Of Application Lifecycle Management In Vs Public
The Magic Of Application Lifecycle Management In Vs PublicThe Magic Of Application Lifecycle Management In Vs Public
The Magic Of Application Lifecycle Management In Vs PublicDavid Solivan
 
DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...
DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...
DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...Amazon Web Services
 
Maulik-Dusara-SSE-TL-Net
Maulik-Dusara-SSE-TL-NetMaulik-Dusara-SSE-TL-Net
Maulik-Dusara-SSE-TL-NetMaulik Dusara
 
Gapand 2017 - Diseñando Arquitecturas Serverless en Azure
Gapand 2017 - Diseñando Arquitecturas Serverless en AzureGapand 2017 - Diseñando Arquitecturas Serverless en Azure
Gapand 2017 - Diseñando Arquitecturas Serverless en AzureAlberto Diaz Martin
 
Application Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsApplication Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsVisure Solutions
 
Critical Friends Brief
Critical Friends BriefCritical Friends Brief
Critical Friends BriefNoel Hatch
 

Similar a Designing Under the Agile fog of war (20)

Scaling Legacy
Scaling LegacyScaling Legacy
Scaling Legacy
 
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management SystemsServing Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
 
Agile Software Architecture
Agile Software ArchitectureAgile Software Architecture
Agile Software Architecture
 
How to Get Cloud Architecture and Design Right the First Time
How to Get Cloud Architecture and Design Right the First TimeHow to Get Cloud Architecture and Design Right the First Time
How to Get Cloud Architecture and Design Right the First Time
 
Uber's new mobile architecture
Uber's new mobile architectureUber's new mobile architecture
Uber's new mobile architecture
 
Rich User Experience Documentation - Update
Rich User Experience Documentation - UpdateRich User Experience Documentation - Update
Rich User Experience Documentation - Update
 
Designing user experience (ux) for digital products
Designing user experience (ux) for digital productsDesigning user experience (ux) for digital products
Designing user experience (ux) for digital products
 
Doors Analyst
Doors AnalystDoors Analyst
Doors Analyst
 
New Achitectures
New AchitecturesNew Achitectures
New Achitectures
 
Mobile applications chapter 3
Mobile applications chapter 3Mobile applications chapter 3
Mobile applications chapter 3
 
Whats New In 2010 (Msdn & Visual Studio)
Whats New In 2010 (Msdn & Visual Studio)Whats New In 2010 (Msdn & Visual Studio)
Whats New In 2010 (Msdn & Visual Studio)
 
Saa s webinar slides final rlh - 3-31
Saa s webinar slides   final rlh - 3-31Saa s webinar slides   final rlh - 3-31
Saa s webinar slides final rlh - 3-31
 
Makersbay Nex-Gen Software Development Overview
Makersbay Nex-Gen Software Development OverviewMakersbay Nex-Gen Software Development Overview
Makersbay Nex-Gen Software Development Overview
 
From Monoliths to Microservices at Realestate.com.au
From Monoliths to Microservices at Realestate.com.auFrom Monoliths to Microservices at Realestate.com.au
From Monoliths to Microservices at Realestate.com.au
 
The Magic Of Application Lifecycle Management In Vs Public
The Magic Of Application Lifecycle Management In Vs PublicThe Magic Of Application Lifecycle Management In Vs Public
The Magic Of Application Lifecycle Management In Vs Public
 
DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...
DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...
DevOps on AWS: Accelerating Software Delivery with AWS Developer Tools | AWS ...
 
Maulik-Dusara-SSE-TL-Net
Maulik-Dusara-SSE-TL-NetMaulik-Dusara-SSE-TL-Net
Maulik-Dusara-SSE-TL-Net
 
Gapand 2017 - Diseñando Arquitecturas Serverless en Azure
Gapand 2017 - Diseñando Arquitecturas Serverless en AzureGapand 2017 - Diseñando Arquitecturas Serverless en Azure
Gapand 2017 - Diseñando Arquitecturas Serverless en Azure
 
Application Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsApplication Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing Requirements
 
Critical Friends Brief
Critical Friends BriefCritical Friends Brief
Critical Friends Brief
 

Último

NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightDelhi Call girls
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailDesigntroIntroducing
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Yantram Animation Studio Corporation
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightDelhi Call girls
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...ankitnayak356677
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CANestorGamez6
 

Último (20)

NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
 
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 nightCheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
Cheap Rate Call girls Malviya Nagar 9205541914 shot 1500 night
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC  WECON CASCRIP Lua HTTP PROGRACMACION PLC  WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
 

Designing Under the Agile fog of war

Notas del editor

  1. Now that you know a little about me and my team…
  2. Not surprising a lot of people are familiar with Agile?
  3. How incremental you might ask?
  4. Hard for designers to do
  5. This is a lot to do in 2 weeks!
  6. Don’t look ahead, build a slum
  7. A favela of features
  8. Really Hard!
  9. we should build towards a long term vision
  10. The Fog of War is a game mechanic
  11. Moving your units in unison at the same pace is a bad strategy
  12. Can’t see opponent. Strategically you can see terrain and resources.
  13. If you strictly stick to 2 weeks sprints you wont see far ahead
  14. Design too much future detail, outdated before development and you spread your team too thin. Also a bad strategy.
  15. Let looks at the output
  16. You want to avoid your high fidelity catching up with your low fidelity. This essentially means you have no vision into the future.
  17. Useable and user testable prototypes are what we consider a “shipped” feature in a UX sprint.
  18. The spectrum of fidelity
  19. Make sure you are taking any changes you’ve made at high fidelities and updating your lower fidelity assets.
  20. Simplify, Overlook, Too much time
  21. Not just money, but time and effort that could be spent on other things. This is not based on hard data, just past experience.
  22. Our most valuable users work in the same building, only steps away from us.
  23. Not necessarily 1:1, your IA should still simplify the complexities of your data model
  24. lower fidelity sets expectations that it’s work in progress, cost of change is lower. Worry about visual aesthetics later
  25. If your wireframes look so good you think you should post them to Dribbble then you are doing it wrong
  26. This one is specifically for web apps, but you can thane this approach and apply to other platforms
  27. Improves your ability to communicate clearly with developers what your intentions are and keeps your IA in good shape