web strategy @ upanz
DESCRIPTION
Updated slides from today's presentation. Same content updated for NZ context.TRANSCRIPT
![Page 1: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/1.jpg)
Web Strategy
1
Provoke Solutions
2nd September 2008
Lulu Pachuau
Design meets Business
![Page 2: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/2.jpg)
E.g.2
E.g.
![Page 3: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/3.jpg)
Example web strategy project
• Client: IRL (Industrial Research Limited)
• Goal: Generate ideas and create a roadmap of how IRL can
use the internet to leverage its business.
• Business: science research, CRI
• What the client wanted...
3
“...from basket case to case study”
![Page 4: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/4.jpg)
What does this mean?
?
4
?
![Page 5: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/5.jpg)
What…5
What…
![Page 6: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/6.jpg)
Strategy is about...
• Focus
6
Focus
![Page 7: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/7.jpg)
FOCUS
Identifying what we need to think
7
about when designing the site.
Focus
![Page 8: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/8.jpg)
When should you create Focus?
When you have: (not exhaustive)
• No vision statement
• Unclear or ambiguous vision statements
– E.g. Our mission is to create great experiences.
• You think you are reaching too high
• Everything as priority 1
8
• Everything as priority 1
• Lots of excuses why previous builds failed
• No success measures
• No explicit design guidance or principles
• Impractical or unachievable goals & measures
![Page 9: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/9.jpg)
How…9
How…
![Page 10: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/10.jpg)
Identify opportunities and problems
• Understand business, information and operational models
• Brainstorm in a workshop, Stakeholder interviews
• Outline opportunities and objectives
– Derive from business model and other relevant processes
• Identify success measures
10
• Outputs
– Vision statement
– Business objectives
Focus
![Page 11: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/11.jpg)
With IRL...
• Workshops x 4
• About 10 people – stakeholders, champions, different teams
• 3 hrs
11
Focus
![Page 12: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/12.jpg)
Focus – IRL
Values and Mission
Current website offering
12
Vision statement
Site objectives
![Page 13: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/13.jpg)
What…13
What…
![Page 14: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/14.jpg)
Strategy is about...
• Focus
• Definition
14
Focus Definition
![Page 15: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/15.jpg)
15
Got it
Got it
Got it
Sure
?
![Page 16: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/16.jpg)
DEFINITION
Defining what we are actually going
16
to take to market.
Focus Definition
![Page 17: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/17.jpg)
When should you create DEFINITION?
When you have or are experiencing: (not exhaustive)
• Featur-itis and scope creep
• Stakeholders and business owners are not sure about the
purpose of the project
– E.g Why are we doing this? Do we need this feature? What is the ROI?
• Unclear vision statement
17
• No project definition or charter
• No objectives
• Different interpretations and expectations by different team
members and sponsors
• Too many “what-if’s”
![Page 18: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/18.jpg)
How…18
How…
![Page 19: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/19.jpg)
Definition is where you...
• Start getting a clearer picture of what you want to do
• Convert goals into tangible artefacts – the “what” of your
website vision
• Outline your requirements
• Brainstorm in a workshop
– Generate ideas, Participatory design sessions
19
• Outcome
– Input into high-level requirements
Focus Definition
![Page 20: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/20.jpg)
With IRL...
• Workshops x 4
• About 10 people – stakeholders, champions, different teams
• 3 hrs
• Postcard from the future, homepage concepts
• Background reading – IT plans, Business Plans, Comms Plans
20
Focus Definition
![Page 21: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/21.jpg)
Definition – IRL
Themes & suggestions
Concepts
21
Requirements
![Page 22: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/22.jpg)
What…22
What…
![Page 23: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/23.jpg)
Strategy is about...
• Focus
• Definition
• Customer Value
23
Focus DefinitionCustomer
value
Customer
value
![Page 24: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/24.jpg)
When should you define the Customer Value?
When you have: (not exhaustive)
• Unclear vision statement
• Your website looks like the competition
• You have a large customer base
– e.g. Whole of NZ, everyone between 15 and 45
• Internal people don’t speak same way about your site
24
• Internal people don’t speak same way about your site
• Internal people don’t know what you’re working on
![Page 25: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/25.jpg)
CUSTOMER VALUE
Defining the value proposition to
25
the end-user.
Focus DefinitionCustomer
value
Customer
value
![Page 26: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/26.jpg)
Customer value is about
• Understanding...
Who is the target
audience?
What experiences are
compelling to them?
How is your offering
different from what’s
out there?
Baby
26
Baby
site
Illustration concepts from Adaptive Path UX Intensive
![Page 27: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/27.jpg)
How…27
How…
![Page 28: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/28.jpg)
With IRL...
• Define user groups
• Comparative study
28
![Page 29: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/29.jpg)
Customer value – IRL
• Compare features and offerings
Opportunity for
IRL - Point of
Difference
29
Difference
- Add value to
customers
![Page 30: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/30.jpg)
What…30
What…
![Page 31: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/31.jpg)
Strategy is about...
• Focus
• Definition
• Customer Value
• Scope
31
Dusks borrowed from Adaptive Path UX Intensive Chicago – design strategy slides
Focus DefinitionCustomer
value
Customer
valueScope
![Page 32: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/32.jpg)
SCOPE
Making trade-offs for different
32
stages of the evolution of the site.
Focus DefinitionCustomer
value
Customer
valueScope
![Page 33: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/33.jpg)
When should you create SCOPE?
When you have: (not exhaustive)
• Unrealistic delivery expectations
• Nervous developers
• No-one is terribly excited about what you are building
• Too much paring back of features
– E.g. Just remove the header, we’ll do it later
33
– E.g. Just remove the header, we’ll do it later
• Have no specific timeframe or goal for releases
• No plan or clear list of features
• Everything is important
• Too many edge cases
![Page 34: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/34.jpg)
Scope is about..
• What to do first
• What not to do
• Trade-off features
• Prioritisation – objectives, target users and requirements
• Also about Focus
34
• Outcome
– Strategic roadmap
Focus DefinitionCustomer
value
Customer
valueScope
![Page 35: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/35.jpg)
How…35
How…
![Page 36: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/36.jpg)
Scope is about...
• Priorisation – objectives
– Business importance vs. Feasility
• Also about Focus
36
Borrowed from Adaptive Path UX Intensive Chicago – design strategy slides
![Page 37: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/37.jpg)
Scope is about...
• Trade-offs – Features
37
![Page 38: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/38.jpg)
Web strategy project
• Prioritisation – Objectives & User groups
Goal &
Focus
Feature
38
Feature
s/Scope
Business
value
Customer
value
![Page 39: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/39.jpg)
What?39
What?
![Page 40: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/40.jpg)
“”
Strategy for your website provides an explicit understanding of the goals of the site and your users…
“”
40
”the site and your users…
Adaptive Path ”
![Page 41: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/41.jpg)
Web strategy – basics
• What does the business want out of the site? – Site Objectives
• What do our users want out of it? – User needs
Web strategy
41
Web strategy
Site objectives User needs
![Page 42: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/42.jpg)
Web strategy – basics
• 3 Principles
– Will people want/like it? – Desirability
– Can we build it? – Capability
– Can we sustain it? – Viability
42
Viability Capability
Desirability
Website/ Product/
Service
![Page 43: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/43.jpg)
Develop a vision
Outline site objectives
Identify success measures
Prioritise objectives
Build a roadmap
43
measures
Identify & understand target users
Do a comparative
analysis
Define requirements
objectives
![Page 44: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/44.jpg)
Use these questions to frame your web strategy...
Focus DefinitionCustomer
value
Customer
valueScope
44
... as a part of your workshops
![Page 45: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/45.jpg)
Web strategy
Site objectives User needs
Elements of web strategy
Viability Capability
Desirability
Web
45
Elements of web strategyDesirability
Focus DefinitionCustomer
valueScope
![Page 46: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/46.jpg)
Strategy docs
46
Strategy docs
![Page 47: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/47.jpg)
For IRL – Strategy documents
Detailed strategy
document
Presentation
(concepts,
roadmap, strategy)
Insights
(research findings)
47
![Page 48: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/48.jpg)
Tools?48
Tools?
![Page 49: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/49.jpg)
Digital camera
49
Background reading
![Page 50: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/50.jpg)
50
![Page 51: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/51.jpg)
Skills?51
Skills?
![Page 52: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/52.jpg)
52
![Page 53: Web Strategy @ Upanz](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c83ce04a795964538b45ac/html5/thumbnails/53.jpg)
Thank you ☺
53
Thank you ☺
Inspired by & adapted from Adaptive Path UX Intensive (Chicago)
http://adaptivepath.com
http://adaptivepath.com/events/2008/oct/strategy.php