Cross-Channel Design: thinking and practice
Upcoming SlideShare
Loading in...5

Cross-Channel Design: thinking and practice



Simon Norris' presentation from Viscom in October 2013.

Simon Norris' presentation from Viscom in October 2013.



Total Views
Views on SlideShare
Embed Views



2 Embeds 39 38 1


Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • Nomensa opening slide. <br /> Guten Morgen. <br />
  • I’m a digital guy. Since 1995 I have been researching and designing digital technologies. <br /> My background is biology, psychology and cognition. I’m interested in designing humanistic technology hence our strap-line ‘humanising technology. <br /> One of my passions is understanding why we use technology and the meaning it represents in our lives. <br />
  • Title: Cross-Channel Design: thinking and practice. <br /> Information Architecture has become ecosystems. Everything has changed. Complexity and data now rule! <br /> 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. <br />
  • The inauguration of Pope Francis on 19th March 2013. <br /> They are not candles but lights from smart devices. <br /> 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. <br /> So how different is our world becoming? <br />
  • 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! <br />
  • People can choose a phone by looking at an image of a phone and scanning a QR code. <br />
  • 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. <br /> Technology allows relationships to develop in non-traditional ways. <br /> The world is different. <br />
  • So, if the store exists online, on my mobile phone or in a bar code then... <br /> Where is the store? <br />
  • 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. <br /> An example of the Oxford Street area in London. <br />
  • 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. <br />
  • 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! <br />
  • A physical store is composed of many layers. There is a physical layer; a information layer; and, a functionality layer. <br />
  • There is also a human layer. <br /> In the human layer there are employees and customers. <br /> 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. <br /> Fundamentally, in the human layer there is a lot of behaviour going on. <br />
  • There is also a digital layer. <br /> This may include websites, apps, sale systems, CRM systems, stock systems and the digital ‘bells and whistles’ e.g. virtual boutiques. <br /> 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. <br />
  • The dots between products, sales and CRM all need to be joined-up. <br /> This idea is called the Golden Thread and it was conceived by Jason Hobbs (Nomensa Director of IA). <br />
  • Again, Where is the store? Online or on the high street? <br /> Apple understand ecosystems and totally ‘get’ how people, technology and branding fit into the ecosystem equation. <br />
  • Designing for multiple devices with a responsive web design. <br /> Not only is there a connection between the physical store and the ecommerce website. <br /> The store can also exist across multiple devices, in multiple environments, for a multitude of purposes. <br /> The idea of ‘multiplicity’ becomes very important when we take an ecological view. <br />
  • A typical Argos store front. <br /> There is a phrase that is used in the UK - ‘Argos it’! <br />
  • A close-up of the store front window promotes a range of channels to ‘Argos it’ including brochure, computer and phone. <br />
  • Jon Fisher and I conducted research into the Cross-Channel experience provided by Agros. <br /> We wanted to evaluate how consistent the experience was between the different channels. <br /> We published the study as part of an article titled: Sense-making in Cross-channel Design ( ) <br />
  • What’s the issue? <br />
  • Information Architecture is a great way to consider the bigger picture and join the dots between people, channels, services, products and environments. <br /> Resmini and Rosati have written a fantastic book titled Pervasive Information Architecture and outlined 5 cross-channel information architecture heuristics: <br /> - Place Making <br /> - Consistency <br /> - Resilience <br /> - Reduction <br /> - Correlation <br />
  • Place-Making: There’s a difference between space and place. <br /> 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. <br /> Facebook is a great example of a place. <br />
  • 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. <br /> The developers of Halo were the pioneers of digital ecosystems before Apple and Google. <br /> 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. <br />
  • Resilience: A classic Escher image. <br /> 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. <br /> 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. <br /> NB: When we says systems we mean architectures and NOT IT or CRM systems. <br />
  • 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. <br /> Reduction is not about the amount of information but how the information is organised. <br />
  • Correlation: An image of birds flocking to either forage or preparing to migrate. <br /> 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. <br /> Correlation emphasises journeys across channels over hierarchies within channels. Synchronistic movements across the space that holds the channels or places we cohabit. <br />
  • A typical business process diagram produced by an analysts. <br /> 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. <br /> 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. <br /> This is where design thinking can be really useful. <br />
  • Jon Fisher’s Meaning map. A great method for representing and understanding your channels and the interactions that occur. <br /> 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. <br />
  • So, again, where is the store? <br />
  • Perhaps the store actually exists in the mind of the user? <br />
  • Banks are starting to look very different. They are becoming less transactional and more customer-friendly. What has spurred this shift? <br /> 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. <br />
  • The Physical, Digital and the Human layers must form one harmonious whole (experience). <br /> Appreciating and understanding that Data represents the golden thread can really help in the design meaningful cross-channel experiences. <br />
  • 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. <br />
  • Meaning map describe the channels - the way the brand touches you. Great brands touch you consistently and add meaning. <br />
  • 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). <br /> 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. <br />
  • 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. <br /> 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. <br /> What does this mean for us <br /> 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. <br />
  • Thank You. <br />

Cross-Channel Design: thinking and practice Cross-Channel Design: thinking and practice Presentation Transcript

  • 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! no simon@
  • 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
  • ncis on ope Fra ion of P augurat . The in h 2013 9th Marc 1 from ut lights ndles b re not ca They a es. art devic sm erent very diff 2013 is ious world in The the prev d with dict in compare n of Pope Bene otos tio ph inaugura ay we can take ly od 2005. T them immediate do in re rder to and sha t was ha ely more g t ha somethin world is infinit ur 2005. O ed. connect world nt is our differe So how g? becomin Source © Michael Sohn 2013
  • 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
  • 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
  • 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
  • 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?
  • 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
  • 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
  • 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
  • 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...
  • 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...
  • 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’
  • 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
  • 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
  • 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
  • ront. s store f l Argo A typica used e that is a phras There is s it’! K - ‘Argo in the U
  • 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
  • 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 rn http://jou ) .
  • he What’s t issue? tween mies be taxono nsistent uld be Inco hich wo w g channels or a user movin for a gf search confusin nnels to c ha between product.
  • 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
  • ’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.
  • 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
  • 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
  • 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
  • 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.
  • 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
  • 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
  • So, e st ere is th h again, w ore?
  • ally e tore actu t he s Perhaps user? d of the in in the m xists
  • 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
  • • 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
  • 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!
  • 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
  • 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
  • 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
  • Thank you!