SlideShare a Scribd company logo
0
How to create, deliver & market
Digital
a great experience
1
2
23,630,169
21,032,000
Australia internet users
Australia population
Mobile handset subscriptions
Internet live stats
21,176,595
89.6% population have internet
3
context, mobility, social, channels…
the ‘norms’ are changing
4
are changing
banking ‘norms’
5
influencing behaviour
digital tools are
6
IT, Telco, consumer electronics & entertainment
digital convergence -
7
for differentiation
Designing for experiences
8
business
objectives
tech
& interaction
brand
& marketing
user
needs
experience
building the Digital
Experience is a balance
9
business
objectives
tech
& interaction
brand
& marketing
user
needs
Support the brand values
Consistency of
communication
Multi channel distribution
Analytics
Scalable platform, global
reuse
MVP
SEO
Business case
New products
Enhanced products
Scalable templates &
components
Platform migration
Mobile, tablet
NUI, responsive, gesture
& touch
Data
Performance
Improve task flow
efficiencies
Meaningful data - relevance
Straight through processing
Display of data appropriate
from expert to naive
Accessibility
driven by real
agendas
our dilemma...
so...
11
“it might seem
counter-intuitive, but
designing for a single user
is the most effective way
to satisfy
a broad population”
Alan Cooper: The Inmates are Running the Asylum
we design with the user
in mind
12
Who are the users? What are the differences?
What social touchpoints exists between users?
What is the situation, need and behaviour of the individual user?
Where are the users? what devices do they use? How do they
use we Panorama?
Physical Context
Cultural Context
Social Context
Individual Context
13
business
objectives
tech
& interaction
brand
& marketing
user
needs
know your user know what you
know yourfish where
the fish are
want to do
limits
AccumulateApply AdvocacyManage
Interest me!
Life stage event
Word of mouth
Email / newsletter
Advertising/ Media
Engage me!
Help me - Search, browse,
evaluate, compare tools
Let me come back (save
information)
Share knowledge
Understand
benefits
Give me a reason
to be with you
Easy switching
Easy form completion
Reassurance –
stability, ability,
support
Ease the parts that
make life difficult
Make set up easy
Recognise me, know
my details
Support me
Anticipate what I may need
Transparency of
information
Be informed!
Solutions from peers
Rate my adviser
Feedback
Connect with others
Help me manage easily.
Tax, reporting, comparisons, tracking
Things I didn’t know
Make my life easier
How to…
Give me control
Automate
Alert me when I need
to do something
24/7, anywhere, any
device, access
Let me choose products
and change the mix
ConsiderAware
Users needs and motivations define
the ‘why’ that provides
the ‘what’ and ‘when’….
Fish where the fish are
SEO / SEM / SEA
Marketing campaigns
Direct e-mails
Personalisation
Feedback
Targeting & Stickiness
Advanced tools = returning users
Personalised Offers/promos
Context sensitive
info / promos
Value & benefits
Faster through the funnel
Easier to move away from the
competition
Conversion – faster down the funnel
Pre-population of core data
for faster form
completion
Self service, reduce
call centre interactions
Faster, timely reporting
Upgrade/downgrade – add
products, remove,
freeze
Multi-view reporting
Bulk actions
Multi device capability
Loyalty – reduce
switching
Influence buying decisions
Solutions from others –
community support
Upsell / cross-sell
Lock in the customer = more products,
more set up – the less likely to switch
Gather more profile & preferences data -
helps targeted marketing & support
Preferences –Surveys = trends,
consumer needs, reactive product set
ability to meet expectations faster
AccumulateApply AdvocacyManageConsiderAware
…and provide business
benefits
16
appropriate
digital
17
OLM Micro-site
Web-site
Mobile
Alert
What does the end to end
Journey ‘look like’. How
consistent is it? Does the web
site experience reflect the
Advertising experience?
Bringing consistency to the
journey can help direct the
path of personas targeted by
advertising through the web
site.
mulitple touchpoints
18
Unknown
Self Selected
From OLM / ATL / DM
From Login
Click-stream Analysis
Device Detection
Call
recognise our customers
19
OLM
Bookmark
Blog
Viral
3rd Parties
Widgets
Forum
Search
Customers will enter the site
in a variety of ways within the
online space, the point is, they
won’t always enter where we
want them to, for example a
‘landing page’ that speaks to
a particular segment, directing
them in a particular way…
there are no
dead ends
20
Product
Brand
Suspect
Brand 70%, Product 25%, Service 5%
They need to be engaged by the brand, enticed by the
‘image’, immediate reassurance this can provide all
their financial needs.
Prospect
Brand 10%, Product 60%, Service 30%
Product knowledge is critical in informing choice and
comparison, brand is now less important, product
more so.
New Customer
Brand 5%, Product 45%, Service 45%
Information is now critical, they are now active and
require support. Tools to help them stay on the site,
returns and consider it their one stop shop
Mature Customer
Brand 33%, Product 33%, Service 33%
Mature customers have experience and knowledge of
BT, therefore making their interaction will be a highly
informed one. They will want to know what we can do
for them – how much easier we can make the
process.
Service
understand needs
21
Product
Brand
Service
Community
In this age of participation if
we fail to provide our
customers with the tools
that demonstrate we are
listening, and to engage
with them in a two way
conversation, then we are
failing.
be aware of trends
22
Intrigue Engage Inform
Brand
Product
Service
Community
to deliver a contextual
marketing experience
23
governance & consistency
Component based templates
24
We should think in
terms of content
types:
• Functions – Search,
Login, trade, download
• Listings - Results
• Details
• Forms
• Promotions & Ads
templates
25
Templates
…and templates
as a set of
component parts
templates
26
Templates
…which can be
built from a
library
templates
27
Templates
…and policed
from an asset
library
Assets
templates
28
tools of the
trade
29
Understand the
business need
Offer definition, goals & KPIs
Scope matrix – prioritised.
Business requirements, use cases
BRD
BRD
BRD
Usecases
Usecases
$
Personas & Scenarios identify
capabilities, needs and define features
and functions
a
b
c
function1
feature1
function2
Personas &
goals
Features &
functions
Understand the
users’ needs
Definition/Offer/CCD
Content analysis and user journeys define
navigational /experience models to achieve efficient
task completion
1
2
3
?
Understand behaviour &
blueprint the experience
High Level Design
Creative design exploration to
support branding and the look and
feel
search search
search search
Concepts to define the possible
experience & test with users to
validate approach/direction
Define visual design
direction
Identify & visualise screens as early
as possible
30
Wireframes & specs
blueprint & refine the
concept ideas & flesh
out stories
Copy, Visual design ,
HTML & graphic
production to build out
the interaction design
End-user Evaluation to
validate the direction,
effectiveness and
likeability
R1
R2+
Screens R2
Screens R1
Functional groups
Iterative testingCreate hi-fidelity pages
Define stories – by
personas
As Terrified Timmy I
want to be alerted so
that I know if money
hasn’t gone through
As Smarty Alec I want to
check balances so that I
can see when to
rebalance my portfolio
As Arnie advisor I want to
see alternative options on
my balance so that I can
move options ASAP
Planning
Inception Build/sprints
31
Personas represent typical users of the
product. The aim is to create “limiting
case” interaction design personas. These
personas should satisfy the statement: “If
the level of clarity, navigability, and
interactivity of the site can satisfy these
people, it will satisfy most of the users.”
personas & user journeys
32
Information can range from the content for
your search engine to the entire system
structure. Categorising, grouping and
labelling all of these data join in a
relationship that becomes the
architecture.
site maps
33
Wireframes are sketches of the interface,
mapping out the information and task
flow in the most efficient way for users.
Wireframes & UI Specification
wireframes & UI specs
34
Prototypes can vary from quick sketches
(paper) to lo-fidelity to high-fidelity. It may
comprise a sequence of wireframes with
click through capabilities, to detailed
interfaces as a first step to the final code.
clickable wireframes
35
High fidelity designs of screens/UI
designed to be pixel accurate of the final
product.
An agreed design approach with an
understanding of how key elements –
buttons, fields, colours, imagery, navigation
techniques etc will be carried out. As the
development effort goes on this design will
continue to evolve as new assets are
required. It is the base approach to guide
the production design.
visual designs
36
Style guides and Pattern Libraries provide
the guidelines and rules to be followed for
the look and feel, imagery, grid styles, tone
and voice and interaction patterns for a
specific product or set of products.
A pattern library is an online version of a
style guide and may provide specific
examples of code, snippets and references
for interactive elements.
styleguides & pattern libraries
37
Our tone of voice is the way in which we
write and speak, what we say and how
we say it.
How we write and communicate to our
customers helps we build credibility and
trust, makes us more accessible to our
customers and helps us to demonstrate
our empathy for them.
tone of voice
38
User research and testing are used to
evaluate specific product features and
functions of a product. They uncover the
‘why’ users do things as well as the what.
Depending on the maturity of the product,
techniques vary from observation,
contextual inquiry, formal usability testing,
guerrilla testing, surveys etc.
research & user testing
39
- end -

More Related Content

PDF
Keeping Customers Engaged Today and Tomorrow: The Communications Revolution
Paul Greenberg
 
PDF
A Company Like Me
Paul Greenberg
 
PDF
2016_Connections_BD_Book_F4
Alyssa Skinner
 
PDF
Customer Facing Technology Market Perspective 2016-2017
Paul Greenberg
 
PDF
Crm the road to crm riches accenture
Marcus Vannini
 
PDF
Accenture crm customer singularity horizon final
Marek Rucinski
 
PDF
The Rise of the Platform Marketer: Connected CRM in a Digital World
Argyle Executive Forum
 
PDF
Customer Managed Journeys: Journey Analytics
Chris Spears, Marketing Technologist
 
Keeping Customers Engaged Today and Tomorrow: The Communications Revolution
Paul Greenberg
 
A Company Like Me
Paul Greenberg
 
2016_Connections_BD_Book_F4
Alyssa Skinner
 
Customer Facing Technology Market Perspective 2016-2017
Paul Greenberg
 
Crm the road to crm riches accenture
Marcus Vannini
 
Accenture crm customer singularity horizon final
Marek Rucinski
 
The Rise of the Platform Marketer: Connected CRM in a Digital World
Argyle Executive Forum
 
Customer Managed Journeys: Journey Analytics
Chris Spears, Marketing Technologist
 

What's hot (20)

PDF
One Customer, One Experience, One Enterprise
Nicholas Kontopoulos
 
PPT
Voice Of The Customer 2009
Paul Greenberg
 
PPTX
The Connected Consumer Journey: Navigating The Melee
Aleesha Tully
 
PDF
CRM Going Social - A Journey
subrat bisht
 
PDF
CX for Executives
Esteban Kolsky
 
PPTX
Selling to the Crowd 2009
Paul Greenberg
 
PPT
What The Hell Is Crm 2 2008
Paul Greenberg
 
PPT
Crm State Of The Market 2008 & Beyond
Paul Greenberg
 
PDF
The Funnel Doesn’t Care About Customers; The Funnel Only Cares About The Fun...
Brian Solis
 
PDF
Enhancing customer experience through Digital Transformation
YASH Technologies
 
PDF
Find the Gaps with a Customer Experience Map CRMEvolution 2014
jhewitt98
 
PDF
Analytics Insights Deliver Competitive Differentiation - RIS
Kellie Peterson
 
PDF
Cracking the Code on Insurance Company Customer Loyalty
Calabrio
 
PDF
The Digital Customer Experience: Why the Future of the Communications Industr...
Brian Solis
 
PDF
4 proven ways to optimize the customer journey
groupfio1
 
PDF
Thinking Outside the Mode. Improving Accuracy by Choosing a Multi-Mode Approach
Ray Poynter
 
PDF
How Utilities Can Reduce Costs and Efficiently Handle High-Volume Customer Tr...
E Source Companies, LLC
 
PDF
The Agency in Transformation: How Customer Journeys Will Transform the Agen...
Gleanster Research
 
PDF
How Simplify360 helps in Providing Banking Solutions
Simplify360
 
PDF
E Source Forum: A Compilation of Insights from 2015
E Source Companies, LLC
 
One Customer, One Experience, One Enterprise
Nicholas Kontopoulos
 
Voice Of The Customer 2009
Paul Greenberg
 
The Connected Consumer Journey: Navigating The Melee
Aleesha Tully
 
CRM Going Social - A Journey
subrat bisht
 
CX for Executives
Esteban Kolsky
 
Selling to the Crowd 2009
Paul Greenberg
 
What The Hell Is Crm 2 2008
Paul Greenberg
 
Crm State Of The Market 2008 & Beyond
Paul Greenberg
 
The Funnel Doesn’t Care About Customers; The Funnel Only Cares About The Fun...
Brian Solis
 
Enhancing customer experience through Digital Transformation
YASH Technologies
 
Find the Gaps with a Customer Experience Map CRMEvolution 2014
jhewitt98
 
Analytics Insights Deliver Competitive Differentiation - RIS
Kellie Peterson
 
Cracking the Code on Insurance Company Customer Loyalty
Calabrio
 
The Digital Customer Experience: Why the Future of the Communications Industr...
Brian Solis
 
4 proven ways to optimize the customer journey
groupfio1
 
Thinking Outside the Mode. Improving Accuracy by Choosing a Multi-Mode Approach
Ray Poynter
 
How Utilities Can Reduce Costs and Efficiently Handle High-Volume Customer Tr...
E Source Companies, LLC
 
The Agency in Transformation: How Customer Journeys Will Transform the Agen...
Gleanster Research
 
How Simplify360 helps in Providing Banking Solutions
Simplify360
 
E Source Forum: A Compilation of Insights from 2015
E Source Companies, LLC
 
Ad

Similar to Digital delivery (20)

PDF
Designing the user experience
Sean Donnelly BA MSc QFA
 
PPTX
Digital Marketing Book - Chapter Six.pptx
nasirali872005
 
PPTX
Best practices in digital marketing 2012 - dave chaffey smart insights
Dave Chaffey
 
PPTX
The Brand Experience Gap
Tim Loo
 
PPTX
GA - product management for entrepreneurs
zhurama
 
PPTX
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
MLD/Mel Lim Design
 
PPT
Best Practices In Digital Marketing and User Experience - 1 of 2
Pedro Laboy
 
PPTX
Foundations For A Great User Experience
Danforth
 
PPTX
Andys guidetoux v2
Andy Lammers
 
PPT
UofC Digital Marketing Lecture 3
JOHN Hutchings
 
PPT
Usability: Whats The Use by PRWD & Sigma
Become Customer-Centric
 
PDF
UofC Digital Marketing Lecture 3
John Hutchings
 
PDF
Empowering brands through better UX
Cyber-Duck
 
PDF
UofC Digital Marketing Lecture 2
John Hutchings
 
PDF
Intro to UX with Huge
Kristin Jolda (Wehmueller)
 
PDF
Thriving In A Multi-Browser World – 4 Tips for Optimizing Website Performance...
Compuware APM
 
PPTX
Developing innovative qualitative research techniques for effective digital m...
Merlien Institute
 
PPT
How Much UX?
Sean Tyne
 
PPTX
iCrossing UK Client Summit 2011 - Starting at the customer
iCrossing
 
PPT
Haas 2009 Riemer Weigend
Juan Felipe González
 
Designing the user experience
Sean Donnelly BA MSc QFA
 
Digital Marketing Book - Chapter Six.pptx
nasirali872005
 
Best practices in digital marketing 2012 - dave chaffey smart insights
Dave Chaffey
 
The Brand Experience Gap
Tim Loo
 
GA - product management for entrepreneurs
zhurama
 
Taiwan CPC 2012 Workshop - Using UX Design Principles & Methodologies in Desi...
MLD/Mel Lim Design
 
Best Practices In Digital Marketing and User Experience - 1 of 2
Pedro Laboy
 
Foundations For A Great User Experience
Danforth
 
Andys guidetoux v2
Andy Lammers
 
UofC Digital Marketing Lecture 3
JOHN Hutchings
 
Usability: Whats The Use by PRWD & Sigma
Become Customer-Centric
 
UofC Digital Marketing Lecture 3
John Hutchings
 
Empowering brands through better UX
Cyber-Duck
 
UofC Digital Marketing Lecture 2
John Hutchings
 
Intro to UX with Huge
Kristin Jolda (Wehmueller)
 
Thriving In A Multi-Browser World – 4 Tips for Optimizing Website Performance...
Compuware APM
 
Developing innovative qualitative research techniques for effective digital m...
Merlien Institute
 
How Much UX?
Sean Tyne
 
iCrossing UK Client Summit 2011 - Starting at the customer
iCrossing
 
Haas 2009 Riemer Weigend
Juan Felipe González
 
Ad

Recently uploaded (20)

PDF
Data Protection & Resilience in Focus.pdf
AmyPoblete3
 
PDF
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
APNIC
 
PDF
KIPER4D situs Exclusive Game dari server Star Gaming Asia
hokimamad0
 
PDF
PDF document: World Game (s) Great Redesign.pdf
Steven McGee
 
PPTX
EthicalHack{aksdladlsfsamnookfmnakoasjd}.pptx
dagarabull
 
PDF
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
Penguin peak
 
PDF
Generative AI Foundations: AI Skills for the Future of Work
hemal sharma
 
PDF
5g is Reshaping the Competitive Landscape
Stellarix
 
PPTX
Unlocking Hope : How Crypto Recovery Services Can Reclaim Your Lost Funds
lionsgate network
 
PDF
KIPER4D situs Exclusive Game dari server Star Gaming Asia
hokimamad0
 
PPTX
Black Yellow Modern Minimalist Elegant Presentation.pptx
nothisispatrickduhh
 
PPTX
AI ad its imp i military life read it ag
ShwetaBharti31
 
PPTX
SEO Trends in 2025 | B3AITS - Bow & 3 Arrows IT Solutions
B3AITS - Bow & 3 Arrows IT Solutions
 
PPTX
B2B_Ecommerce_Internship_Simranpreet.pptx
LipakshiJindal
 
PPTX
Slides Powerpoint: Eco Economic Epochs.pptx
Steven McGee
 
PDF
DNSSEC Made Easy, presented at PHNOG 2025
APNIC
 
PPTX
Microsoft PowerPoint Student PPT slides.pptx
Garleys Putin
 
PPTX
谢尔丹学院毕业证购买|Sheridan文凭不见了怎么办谢尔丹学院成绩单
mookxk3
 
PPTX
The Monk and the Sadhurr and the story of how
BeshoyGirgis2
 
PPTX
Google SGE SEO: 5 Critical Changes That Could Wreck Your Rankings in 2025
Reversed Out Creative
 
Data Protection & Resilience in Focus.pdf
AmyPoblete3
 
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
APNIC
 
KIPER4D situs Exclusive Game dari server Star Gaming Asia
hokimamad0
 
PDF document: World Game (s) Great Redesign.pdf
Steven McGee
 
EthicalHack{aksdladlsfsamnookfmnakoasjd}.pptx
dagarabull
 
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
Penguin peak
 
Generative AI Foundations: AI Skills for the Future of Work
hemal sharma
 
5g is Reshaping the Competitive Landscape
Stellarix
 
Unlocking Hope : How Crypto Recovery Services Can Reclaim Your Lost Funds
lionsgate network
 
KIPER4D situs Exclusive Game dari server Star Gaming Asia
hokimamad0
 
Black Yellow Modern Minimalist Elegant Presentation.pptx
nothisispatrickduhh
 
AI ad its imp i military life read it ag
ShwetaBharti31
 
SEO Trends in 2025 | B3AITS - Bow & 3 Arrows IT Solutions
B3AITS - Bow & 3 Arrows IT Solutions
 
B2B_Ecommerce_Internship_Simranpreet.pptx
LipakshiJindal
 
Slides Powerpoint: Eco Economic Epochs.pptx
Steven McGee
 
DNSSEC Made Easy, presented at PHNOG 2025
APNIC
 
Microsoft PowerPoint Student PPT slides.pptx
Garleys Putin
 
谢尔丹学院毕业证购买|Sheridan文凭不见了怎么办谢尔丹学院成绩单
mookxk3
 
The Monk and the Sadhurr and the story of how
BeshoyGirgis2
 
Google SGE SEO: 5 Critical Changes That Could Wreck Your Rankings in 2025
Reversed Out Creative
 

Digital delivery

  • 1. 0 How to create, deliver & market Digital a great experience
  • 2. 1
  • 3. 2 23,630,169 21,032,000 Australia internet users Australia population Mobile handset subscriptions Internet live stats 21,176,595 89.6% population have internet
  • 4. 3 context, mobility, social, channels… the ‘norms’ are changing
  • 7. 6 IT, Telco, consumer electronics & entertainment digital convergence -
  • 10. 9 business objectives tech & interaction brand & marketing user needs Support the brand values Consistency of communication Multi channel distribution Analytics Scalable platform, global reuse MVP SEO Business case New products Enhanced products Scalable templates & components Platform migration Mobile, tablet NUI, responsive, gesture & touch Data Performance Improve task flow efficiencies Meaningful data - relevance Straight through processing Display of data appropriate from expert to naive Accessibility driven by real agendas
  • 12. 11 “it might seem counter-intuitive, but designing for a single user is the most effective way to satisfy a broad population” Alan Cooper: The Inmates are Running the Asylum we design with the user in mind
  • 13. 12 Who are the users? What are the differences? What social touchpoints exists between users? What is the situation, need and behaviour of the individual user? Where are the users? what devices do they use? How do they use we Panorama? Physical Context Cultural Context Social Context Individual Context
  • 14. 13 business objectives tech & interaction brand & marketing user needs know your user know what you know yourfish where the fish are want to do limits
  • 15. AccumulateApply AdvocacyManage Interest me! Life stage event Word of mouth Email / newsletter Advertising/ Media Engage me! Help me - Search, browse, evaluate, compare tools Let me come back (save information) Share knowledge Understand benefits Give me a reason to be with you Easy switching Easy form completion Reassurance – stability, ability, support Ease the parts that make life difficult Make set up easy Recognise me, know my details Support me Anticipate what I may need Transparency of information Be informed! Solutions from peers Rate my adviser Feedback Connect with others Help me manage easily. Tax, reporting, comparisons, tracking Things I didn’t know Make my life easier How to… Give me control Automate Alert me when I need to do something 24/7, anywhere, any device, access Let me choose products and change the mix ConsiderAware Users needs and motivations define the ‘why’ that provides the ‘what’ and ‘when’….
  • 16. Fish where the fish are SEO / SEM / SEA Marketing campaigns Direct e-mails Personalisation Feedback Targeting & Stickiness Advanced tools = returning users Personalised Offers/promos Context sensitive info / promos Value & benefits Faster through the funnel Easier to move away from the competition Conversion – faster down the funnel Pre-population of core data for faster form completion Self service, reduce call centre interactions Faster, timely reporting Upgrade/downgrade – add products, remove, freeze Multi-view reporting Bulk actions Multi device capability Loyalty – reduce switching Influence buying decisions Solutions from others – community support Upsell / cross-sell Lock in the customer = more products, more set up – the less likely to switch Gather more profile & preferences data - helps targeted marketing & support Preferences –Surveys = trends, consumer needs, reactive product set ability to meet expectations faster AccumulateApply AdvocacyManageConsiderAware …and provide business benefits
  • 18. 17 OLM Micro-site Web-site Mobile Alert What does the end to end Journey ‘look like’. How consistent is it? Does the web site experience reflect the Advertising experience? Bringing consistency to the journey can help direct the path of personas targeted by advertising through the web site. mulitple touchpoints
  • 19. 18 Unknown Self Selected From OLM / ATL / DM From Login Click-stream Analysis Device Detection Call recognise our customers
  • 20. 19 OLM Bookmark Blog Viral 3rd Parties Widgets Forum Search Customers will enter the site in a variety of ways within the online space, the point is, they won’t always enter where we want them to, for example a ‘landing page’ that speaks to a particular segment, directing them in a particular way… there are no dead ends
  • 21. 20 Product Brand Suspect Brand 70%, Product 25%, Service 5% They need to be engaged by the brand, enticed by the ‘image’, immediate reassurance this can provide all their financial needs. Prospect Brand 10%, Product 60%, Service 30% Product knowledge is critical in informing choice and comparison, brand is now less important, product more so. New Customer Brand 5%, Product 45%, Service 45% Information is now critical, they are now active and require support. Tools to help them stay on the site, returns and consider it their one stop shop Mature Customer Brand 33%, Product 33%, Service 33% Mature customers have experience and knowledge of BT, therefore making their interaction will be a highly informed one. They will want to know what we can do for them – how much easier we can make the process. Service understand needs
  • 22. 21 Product Brand Service Community In this age of participation if we fail to provide our customers with the tools that demonstrate we are listening, and to engage with them in a two way conversation, then we are failing. be aware of trends
  • 23. 22 Intrigue Engage Inform Brand Product Service Community to deliver a contextual marketing experience
  • 25. 24 We should think in terms of content types: • Functions – Search, Login, trade, download • Listings - Results • Details • Forms • Promotions & Ads templates
  • 26. 25 Templates …and templates as a set of component parts templates
  • 27. 26 Templates …which can be built from a library templates
  • 28. 27 Templates …and policed from an asset library Assets templates
  • 30. 29 Understand the business need Offer definition, goals & KPIs Scope matrix – prioritised. Business requirements, use cases BRD BRD BRD Usecases Usecases $ Personas & Scenarios identify capabilities, needs and define features and functions a b c function1 feature1 function2 Personas & goals Features & functions Understand the users’ needs Definition/Offer/CCD Content analysis and user journeys define navigational /experience models to achieve efficient task completion 1 2 3 ? Understand behaviour & blueprint the experience High Level Design Creative design exploration to support branding and the look and feel search search search search Concepts to define the possible experience & test with users to validate approach/direction Define visual design direction Identify & visualise screens as early as possible
  • 31. 30 Wireframes & specs blueprint & refine the concept ideas & flesh out stories Copy, Visual design , HTML & graphic production to build out the interaction design End-user Evaluation to validate the direction, effectiveness and likeability R1 R2+ Screens R2 Screens R1 Functional groups Iterative testingCreate hi-fidelity pages Define stories – by personas As Terrified Timmy I want to be alerted so that I know if money hasn’t gone through As Smarty Alec I want to check balances so that I can see when to rebalance my portfolio As Arnie advisor I want to see alternative options on my balance so that I can move options ASAP Planning Inception Build/sprints
  • 32. 31 Personas represent typical users of the product. The aim is to create “limiting case” interaction design personas. These personas should satisfy the statement: “If the level of clarity, navigability, and interactivity of the site can satisfy these people, it will satisfy most of the users.” personas & user journeys
  • 33. 32 Information can range from the content for your search engine to the entire system structure. Categorising, grouping and labelling all of these data join in a relationship that becomes the architecture. site maps
  • 34. 33 Wireframes are sketches of the interface, mapping out the information and task flow in the most efficient way for users. Wireframes & UI Specification wireframes & UI specs
  • 35. 34 Prototypes can vary from quick sketches (paper) to lo-fidelity to high-fidelity. It may comprise a sequence of wireframes with click through capabilities, to detailed interfaces as a first step to the final code. clickable wireframes
  • 36. 35 High fidelity designs of screens/UI designed to be pixel accurate of the final product. An agreed design approach with an understanding of how key elements – buttons, fields, colours, imagery, navigation techniques etc will be carried out. As the development effort goes on this design will continue to evolve as new assets are required. It is the base approach to guide the production design. visual designs
  • 37. 36 Style guides and Pattern Libraries provide the guidelines and rules to be followed for the look and feel, imagery, grid styles, tone and voice and interaction patterns for a specific product or set of products. A pattern library is an online version of a style guide and may provide specific examples of code, snippets and references for interactive elements. styleguides & pattern libraries
  • 38. 37 Our tone of voice is the way in which we write and speak, what we say and how we say it. How we write and communicate to our customers helps we build credibility and trust, makes us more accessible to our customers and helps us to demonstrate our empathy for them. tone of voice
  • 39. 38 User research and testing are used to evaluate specific product features and functions of a product. They uncover the ‘why’ users do things as well as the what. Depending on the maturity of the product, techniques vary from observation, contextual inquiry, formal usability testing, guerrilla testing, surveys etc. research & user testing