Streamlining Python Development: A Guide to a Modern Project Setup
Cross-Channel Design: thinking and practice
1.
2. a.
Nomens
n from
I’m Simo
Hi,
1995 I
. Since
ital guy
d
I’m a dig researching an
en
gies.
have be
echnolo
digital t
signing
de
iology,
und is b ion. I’m
gro
My back
cognit
logy and ning humanistic
psycho
in desig
line
terested ence our strapin
gy h
technolo g technology.
in
‘humanis
ns is
y passio
One of m ing why we use it
g
nd
understa and the meanin
gy
technolo in our lives.
ts
represen
ion from
resentat
yp
my
This is m 13 - .I’ve added
20
Viscom
e. Any
ach slid ntact me on
e
notes to please co
s,
question mensa.com!
no
simon@
3. Cross-Channel Design:
thinking & practice
has
hitecture rything
tion Arc
s. Eve
Informa
osystem
d data
om e ec
lexity an
bec
Comp
anged.
has ch
!
now rule
s ar e
al world
d digit
ysical an ingly ‘blended’
The ph
increas
ed t o
coming
be
s we ne
signer
nd as de how we can
a
nd
into an
understa y embed digital
full
success n completely.
tio
organisa
bout
inking a
ends th
a transc rvices, products
This ide
pps, se
d to
bsites, a ctions. We nee as
we
tera
tive
r even in logical’ perspec
o
‘eco
ose of
take an
ealthy d
h
well as a l thinking.
tura
architec
5. food
hop for
l e c an s
an peop barcodes.
In Jap
anning
y just sc
b
s t hat
ut place
tores b
just in s
eem ed
Not
d have s
ul
e.g.
once wo
hop from tions!
s to s
ludicrou
ilway sta
ound ra
undergr
6. one by
ose a ph one
n cho
of a ph
eople ca
P
n image de.
at a
looking
QR co
anning a
and sc
7. t ual
encer vir uch
nd Sp
Marks a rance using to
A
k at
F
le to loo
tique in
bou
g peop
s allowin s which may
screen
bination
loyalty
yle com
st
ected to
conn
also be
ward
s and re
scheme
me s .
program
hips
elations
llows r
ys.
nology a n-traditional wa
Tech
n no
evelop i
to d
rent.
d is diffe
l
The wor
8. line, on
xists on
store e
rcode
o, if the
r in a ba
S
one o
obile ph
my m
then...
t he
Where is
store?
9. when
re exists eet
the sto
s s tr
e know
W
gle Map
at G oo
stores
we look
can see ads
se we
w becau ap on all the ro
vie
t he m
all over
rs.
nd corne
a
treet
Oxford S
of t he
example
An
ndon.
rea in Lo
a
10. ellite
as a sat ctive.
et area
ford Stre different perspe
Ox
g.
ws a
view sho layer of meanin s
nt
ew
A differe rent layers or vi
It
of ‘data’. f
se diffe
The
rtance
the impo tores are part o
reveal
that s
reveals
also
cess.
ution pro
a distrib
11. my
r store in
f Frase
House o ristol in Cabot
The
ts of
wn of B
ned so lo re it
home to
positio
ow whe
cus. It’s
Cir
it and kn
as s
lex!
people p he whole comp
in t
sits with
12. The Physical Store
• Physically: Window displays,
layout, visual perspectives,
interior displays...
ed of
compos
tore is
ical
hysical s There is a phys
Ap
yers.
r; and, a
many la
ion laye
format
yer; a in layer.
la
ality
function
• Informationally: brochures,
loyalty cards, disclaimers,
how-to info...
• Functionally: sales, checkout,
stock, security, complaints,
returns...
13. Human
• Staff needs and
considerations...
Th
an la
o a h um
s
ere is al
yer.
re are
layer the rs.
m an
In the hu and custome
es
employe
erate
o can op
ers als
Custom mber of modes
nu
eking;
under a
ation se ereas
inform
cluding
tc. Wh
in
wsing, e ustomers
br o
buying;
s and c
mployee in relationship
both e
aged
n be eng .
ca
ent
anagem
m
um an
, in the h viour
entally
Fundam is a lot of beha
re
layer the
.
going on
• Customers may be
prospects, repeat visitors or
loyal bonded advocates...
• Modes: info seeking,
relationship managing,
buying, complaining...
14. Digital
• Systems: Internet
connection, sales, CRM,
stock etc...
layer.
a digital
also
There is
apps,
ebsites,
clude w
, stock
is may in CRM systems
Th
and
ms,
le syste
ital ‘bells
sa
t he di g
es.
ms and
yste
l boutiqu
s
. virtua
tles’ e.g
whis
start
s a good ed
resent
t this rep persist. We ne
Whils
t will
we
not wha
and how
is
it
logically
hink eco s, systems and
to t
place
relate to
gether.
eople to
p
• ‘Bells and whistles’ like the
touch screens, scanners,
specifically design areas
like the M&S virtual
‘boutique’
15. Data
• The golden thread
sales
oducts,
e en pr
p.
ots betw d to be joined-u
he d
T
all nee
nd CRM
a
Golden
lled the
a is ca
ived by
This ide
s conce
ector
nd it wa
hread a
ensa Dir
T
(Nom
n Hobbs rchitecture).
Jaso
i on A
nformat
of I
• The connection and
connections between the
physical store, the human
and digital layers
• Joining up the dots
16. ore?
is the st
her e
t?
Again, W n the high stree
ro
Online o
ystems
nd ecos
ndersta
eople,
Apple u
t’ how p
lly ‘ge
ding fit
and t ot a
nd br an
gy a
tion.
technolo
em equa
ecosyst
into the
17. evices
ultiple d ign.
f or m
esigning nsive web des
D
spo
with a re
ction
a conne
s there
or e and
ot only i
N
ysical st
t he ph
between erce website.
m
the ecom
cross
o exist a
can als
he store ices, in multiple
T
dev
de of
multiple
a multitu
ts, for
ironmen
env
s.
purpose
omes
city’ bec n
multipli
ke a
idea of ‘
The
en we ta
ant wh
y import w.
ver
al v i e
ecologic
18. ront.
s store f
l Argo
A typica
used
e that is
a phras
There is
s it’!
K - ‘Argo
in the U
19. front
the store e of
up of
a rang
A closeromotes ’
p
window
os it
ls to ‘Arg , computer
channe
rochure
luding b
inc
ne.
and pho
20. ucted
d I c ond
an
nnel
n Fisher
oss-Cha
Jo
the Cr
arch into vided by Argos.
rese
ce pro
experien
how
evaluate
t ed t o
was
We wan the experience
els.
t
onsisten
nt chann
c
e differe
ween th
bet
r t of
dy as pa
the stu
ublished Sense-making in
We p
titled:
fisher/
an article nel Design (
ue2/ 02e4/iss
han
Cross-c alofia.org/volum
rn
http://jou
)
.
22. great
ture is a
rchitec
ure
mation A the bigger pict
nf or
I
sider
ople,
y to con ots between pe d
wa
the d
ucts an
and join
es, prod
, servic
hannels ts.
c
en
environm
ten a
ave writ
osati h
ini and R titled Pervasive
Resm
ook en
and
ntastic b
fa
hitecture
tion Arc
annel
Informa
cross-ch re
5
outlined
hitectu
ation arc
inform
s:
heuristic
Making
- Place
tency
- Consis e
nc
- Resilie
tion
- Reduc
tion
- Correla
23. ’s a
g: There ce and
akin
Place-M between spa
e
differenc
place.
a home
ace and to
is a sp
want
A house
What we
e.
uses.
is a plac homes NOT ho he
tt
re
create a o figure out wha
dt
he
You nee store is within t r
e
me
role of th ionship a custo
lat
larger re e brand.
th
has with
le of
t examp
a grea
ebook is
Fac
a place.
24. t er
e c om pu
Halo th
istency:
e first
Cons
one of t h
munity
as
gam e w
ng a com xisted
f buildi
tances o le games that e ing
ins
ultip
ur liv
around m r console, in yo
you
bsites
both on
e via we
ity.
nlin
commun
m and o
roo
roader
by t he b
visited
the
alo were
ers of H ystems
develop
The
ital ecos
rs of dig Google.
pionee
le and
fore App
be
y of the
he abilit and real
ncy is t
Consiste emain relevant
to r
annel.
system
ss of ch
egardle
when
a user r
to
chieved
cy is a
erson
onsisten mains when a p ls.
C
e re
channe
relevanc
multiple
cross
moves a
25. Resilien
image.
sic Esc
: A clas
ce
her
i ng of a
nd mean bust
ca
The logi
be ro
needs to d changes in
system
stan
h to with ther adding or
enoug
whe
nel, e.g.
, etc.
chan
hannels
gc
removin
t em s
ugh sys
us t eno
ldn’t
had rob
we
bile wou
If
ce mo
e
e first pla eal however th
th
in
a big d
other
be such
ung t he
ilehas s w
like mob
ndulum
pe
aches
ith appro
way w
first.
we
systems
we say
IT or
: W hen
and not
NB
tures
architec
mean
stems.
CRM sy
26. nel c an
ny chan
:A
role in
eduction elevance for its
R
he r
n s t and
reduce t picture i.e. it ca
y for
bigger
aningfull
the
her m e
or toget
alone
users.
ount
t the am
ot abou
tion is n
the
Reduc
but how
ation
ised.
of inform
is organ
ion
informat
27. irds
age of b
: An im
rrelation er forage or
Co
eith
cking to
flo
rate.
g to mig
preparin
s will
that bird so
e way
the sam rmer climates
In
wa
tend
igrate to
ple. We
m
do peo
least
nctively
insti
paths of
e
ing.
hoose th
st mean
to c
d greate
ance an
resist
rneys
ises jou
em phas
rchies
relation
Cor
ver hiera ic
nnel s o
oss cha ls. Synchronist at
acr
anne
pace th
within ch
ss the s s we
ts acro
lace
ovemen
m
nels or p
e chan
holds th
cohabit.
28. process
usiness
nalyst.
lb
A typica oduced by an a
pr
diagram
ystems
itional s
that trad
. the
y know
nels e.g
The
an chan
ed to sp quired when a
ne
lity re
ins on a
traceabi
aint beg in a
c om pl
ustomer nd is resolved
c
ered
tre a
ac k gat h e.
call cen
r feedb
re and/o e at a later stag
sto
bsit
a the we
vi
ience is
at exper
m s.
r, a gre
Howeve traditional syste
an
o focus
more th
ts tend t ess for
Analys
ctiven
usiness
B
and effe
ncy
e
on efficie s and not for th
es
the busin
r.
custome
29. ap. A
eaning m ting
er’s M
Jon Fish od for represen
nnels
th
reat me anding your cha .
g
erst
ccur
and und eractions that o
int
and t he
can be
ractions
l inte
Channe
tial or
anding
r sequen
eithe
Underst
eous.
at
simultan f interactions th e a
so
rovid
the type
way to p
great
nce.
ccur is a
l experie
o
hanne
ningful c
m ea
32. ok very
ting to lo
s t ar
g less
anks are ey are becomin erB
. Th
stom
different al and more cu
ion
d this
transact
s spurre
W hat ha
friendly.
shift?
’s
rly 2000
r 90’s ea
anking
the late
online b
In
ght that nch. By
nk s t hou
ba
he br a
eplace t
asn’t the
would r
ed this w x
y realis
le
2005 the ales and comp
ts
or m ed
case tha still better perf
re
vered
tasks we ch. They disco
g had
an
in the br gh online bankin ch
ou
e bran
that alth
t role th
portan
of the
a very im he corner store
dt
remaine elationship.
rr
c us t om e
33. • Physical
• Human
• Digital
n d t he
Digital a one
sical,
The Phy ers must form
.
lay
erience)
Human
ole (exp
ious wh
harmon
anding
u nder s t
ting and
olden
Apprecia epresents the g
ar
he
that Dat
help in t
n really
a
ful cross
thread c
meaning .
f
design o periences
ex
channel
34. Inversion
• Data is the Golden Thread
• Cross-channel Design is
about meaningful
interaction and experience
e
longer b s into
ould no
h
hat fit
Digital s
a layer t we see
r ed as
Once
conside
dat a
al layer.
e physic perience from a
th
le ex
in
the who
c an beg y e . g.
ctive we
nt wa
perspe
a differe a
g in
designin ata. The dat
ed
using th
ap for
dot s ’
ts the m
n
g all the
represe
in
n
ully ‘join
uccessf
’s Golde
s
. g. H ob b
e
together
Thread.
• Joining up the dots!
35. t he
describe and
m ap
Meaning the way the br
touch
hannels
t brands
c
. Grea
hes you y and add
touc
tentl
u consis
yo
.
meaning
36. ntitled
picture e n of
raine
laude Lo he Embarkatio
AC
in
ith t
eaport w Sheba’ painted
‘S
of
he
e Queen of the group: T
th
part
1648 as audes).
Cl
Bouillon
annel
cross-ch ture design as
Think of
itec
tion arch s space and
informa
n acros
le
mpositio reground, midd
co
h a fo
. The
time wit
kground
nd bac
r space
round a
g
curs ove
great
ition oc
compos nd represents a
a
sand time king about cros ures
t hi n
itect
way for
tion arch
informa
channel
tives.
as narra
37. t s of
e see lo
age w
lots of
In this im ere is no doubt
ts of
Th
people.
means lo
y. That
and
chnolog
te
umption
n cons
mption
formatio s of data consu
in
ly lot
ultimate
ation.
d gener
an
ng i s
are seei
see
hat we
efore, w how we used to
Ther
people
sion in
we saw
an inver
viously
ital
gs. Pre
thin
with dig
re
l space
physica data. Now we a
in
er
yered ov in digital as the
la
ata
le and
seeing d n in which peop
itio
c om pos
-habit.
laces co
p
r us?
m ean f o
es this
W hat do
perts in
s and ex ole will
stodian
s the cu e design your r
A
ients
r
field sto nd and assist cl of
the
aning
dersta
be t o un
g the me ext of
rstandin the cont
ith unde
w
r
nnel in
tore cha hannel custome
he s
t
cross-c
the new
c e.
experien
I’m a digital guy. Since 1995 I have been researching and designing digital technologies.
My background is biology, psychology and cognition. I’m interested in designing humanistic technology hence our strap-line ‘humanising technology.
One of my passions is understanding why we use technology and the meaning it represents in our lives.
Title: Cross-Channel Design: thinking and practice.
Information Architecture has become ecosystems. Everything has changed. Complexity and data now rule!
The physical and digital worlds are becoming increasingly ‘blended’ and as designers we need to understand how we can successfully embed digital into an organisation completely. This idea transcends thinking about websites, apps, services, products or even interactions. We need to take an ‘ecological’ perspective as well as an healthy dose of architectural thinking.
The inauguration of Pope Francis on 19th March 2013.
They are not candles but lights from smart devices.
The world in 2013 is very different compared with the previous inauguration of Pope Benedict in 2005. Today we can take photos and share them immediately something that was harder to do in 2005. Our world is infinitely more connected.
So how different is our world becoming?
In Japan people can shop for food shopping by just scanning bar codes. Not just in stores but places that once would have seemed ludicrous to shop from e.g. underground railway stations!
People can choose a phone by looking at an image of a phone and scanning a QR code.
A Marks and Spencer virtual boutique in France using touch screens allowing people to look at style combinations which may also be connected to loyal schemes and reward programmes.
Technology allows relationships to develop in non-traditional ways.
The world is different.
So, if the store exists online, on my mobile phone or in a bar code then...
Where is the store?
We know the store exists when we look Google Maps street view because we can see stores all over the map on all the roads and corners.
An example of the Oxford Street area in London.
Oxford Street area as a satellite view shows a different perspective. A different layer of meaning. These different layers or views reveal the importance on ‘data’. It also reveals that stores are part of a distribution process.
The House of Fraser store in my home town of Bristol in Cabot Circus. It’s positioned so lots of people pass it and know where it sits within the whole complex!
A physical store is composed of many layers. There is a physical layer; a information layer; and, a functionality layer.
There is also a human layer.
In the human layer there are employees and customers.
Customers also can operate under a number of modes including information seeking; buying; browsing, etc. Whereas both employees and customers can be engaged in relationship management.
Fundamentally, in the human layer there is a lot of behaviour going on.
There is also a digital layer.
This may include websites, apps, sale systems, CRM systems, stock systems and the digital ‘bells and whistles’ e.g. virtual boutiques.
Whilst this represents a good start it is not what will persist. We need to think ecologically and how we relate to places, systems and people together.
The dots between products, sales and CRM all need to be joined-up.
This idea is called the Golden Thread and it was conceived by Jason Hobbs (Nomensa Director of IA).
Again, Where is the store? Online or on the high street?
Apple understand ecosystems and totally ‘get’ how people, technology and branding fit into the ecosystem equation.
Designing for multiple devices with a responsive web design.
Not only is there a connection between the physical store and the ecommerce website.
The store can also exist across multiple devices, in multiple environments, for a multitude of purposes.
The idea of ‘multiplicity’ becomes very important when we take an ecological view.
A typical Argos store front.
There is a phrase that is used in the UK - ‘Argos it’!
A close-up of the store front window promotes a range of channels to ‘Argos it’ including brochure, computer and phone.
Jon Fisher and I conducted research into the Cross-Channel experience provided by Agros.
We wanted to evaluate how consistent the experience was between the different channels.
We published the study as part of an article titled: Sense-making in Cross-channel Design (http://journalofia.org/volume4/issue2/02-fisher/ )
What’s the issue?
Information Architecture is a great way to consider the bigger picture and join the dots between people, channels, services, products and environments.
Resmini and Rosati have written a fantastic book titled Pervasive Information Architecture and outlined 5 cross-channel information architecture heuristics:
- Place Making
- Consistency
- Resilience
- Reduction
- Correlation
Place-Making: There’s a difference between space and place.
A house is a space and a home is a place. What we want to create are homes NOT houses. You need to figure out what the role of the store is within the larger relationship a customer has with the brand.
Facebook is a great example of a place.
Consistency: Halo the computer game was one of the first instances of building a community around multiple games that existed both on your console, in your living room and online via websites visited by the broader community.
The developers of Halo were the pioneers of digital ecosystems before Apple and Google.
Consistency is the ability of the system to remain relevant and real to a user regardless of channel. Consistency is achieved when relevance remains when a person moves across multiple channels.
Resilience: A classic Escher image.
The logic and meaning of a system needs to be robust enough to withstand changes in channel, e.g. whether adding or removing channels, etc.
If we had robust enough systems in the first place mobile wouldn’t be such a big deal however the pendulum has swung the other way with approaches like mobile-first.
NB: When we says systems we mean architectures and NOT IT or CRM systems.
Reduction: Any channel can reduce the relevance for its role in the bigger picture i.e. it can stand alone or together meaningfully for users.
Reduction is not about the amount of information but how the information is organised.
Correlation: An image of birds flocking to either forage or preparing to migrate.
In the same way that birds will migrate to warmer climates so instinctively do people. We tend to choice the paths of least resistance and greatest meaning.
Correlation emphasises journeys across channels over hierarchies within channels. Synchronistic movements across the space that holds the channels or places we cohabit.
A typical business process diagram produced by an analysts.
They know that traditional systems need to span channels e.g. the traceability required when a customer complaint begins on a call centre and is resolved in a store and/or feedback gather via the website at a later stage.
However, a great experience is more than traditional systems. Business Analysts tend to focus on efficiency and effectiveness for the business and not for the customer.
This is where design thinking can be really useful.
Jon Fisher’s Meaning map. A great method for representing and understanding your channels and the interactions that occur.
Channel interactions can be either sequential or simultaneous. Understanding the types of interactions that occur is a great way to provide a meaningful channel experience.
So, again, where is the store?
Perhaps the store actually exists in the mind of the user?
Banks are starting to look very different. They are becoming less transactional and more customer-friendly. What has spurred this shift?
In the later 90’s early 2000’s banks thought that online banking would replace the branch. By 2005 they realised this wasn’t the case that sales and complex tasks were still better performed int he branch. They discovered that although online banking had a very important role the branch remained the corner store of the customer relationship.
The Physical, Digital and the Human layers must form one harmonious whole (experience).
Appreciating and understanding that Data represents the golden thread can really help in the design meaningful cross-channel experiences.
Digital should no longer be considered as a layer that fits into the physical layer. Once we see the whole experience from a data perspective we can begin designing in a different way e.g. using the data. The data represents the map for successfully ‘joining all the dots’ together e.g. Hobb’s Golden Thread.
Meaning map describe the channels - the way the brand touches you. Great brands touch you consistently and add meaning.
A Claude Loraine picture titled ‘Seaport with the Embarkation of the Queen of Sheba’ painted in 1648 as part of the group: The Bouillon Claudes).
Think of cross-channel information architecture design as composition across space and time with a foreground, middle ground and back ground. The composition occurs over space and time and represents a great way for thinking about cross-channel information architectures as narratives.
In this image we see lots of people. There is no doubt lots of technology. That means lots of information consumption and ultimately lots of data consumption and generation.
Therefore, what we are seeing is an inversion in how we used to see things. Previously we saw people in physical space with digital layered over data. Now we are seeing data in digital as the composition in which people and places co-habit.
What does this mean for us
As the custodians and experts in the field store design your role will be to understand and assist clients with understanding the meaning of the store channel in the context of the new cross-channel customer experience.