• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Designing The Digital Experience
 

Designing The Digital Experience

on

  • 6,613 views

My newest version of the digital experience talk, for the Ugame Ulearn conference in Delft, Netherlands.

My newest version of the digital experience talk, for the Ugame Ulearn conference in Delft, Netherlands.

Statistics

Views

Total Views
6,613
Views on SlideShare
6,083
Embed Views
530

Actions

Likes
17
Downloads
208
Comments
0

16 Embeds 530

http://www.davidleeking.com 213
http://www.digitalearchivaris.nl 191
http://127.0.0.1 30
http://lonewolflibrarian.wordpress.com 20
http://biebmiepleen.web-log.nl 20
http://7680f10.pbworks.com 16
http://leenlief.web-log.nl 13
http://digitalearchivaris.blogspot.com 8
http://www.slideshare.net 8
http://webcache.googleusercontent.com 3
http://www.blogger.com 2
http://info-environ-test.pbworks.com 2
http://moveyourmind2.blogspot.com 1
http://static.slidesharecdn.com 1
http://mail.pascolibraries.org 1
http://web.archive.org 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Today I&#x2019;m going to talk about digital experience - <br /> - what it is <br /> - examples of it in action <br /> - tips on how you can improve digital experiences for your customers [click] <br />
  • These days, people aren&#x2019;t just looking to buy STUFF. You can get stuff at walmart (Hema in the Netherlands?) <br /> <br /> Good customer service is also expected - this doesn&#x2019;t really impress us anymore. <br /> <br /> We can get stuff and good customer service anywhere. <br /> <br /> Instead, we&#x2019;re going one further, and are buying an experience. <br /> <br /> Think about a restaurant. You can go to McDonalds to buy a sandwich. Or you can go to Applebee&#x2019;s and buy a better, larger, tastier sandwich with better service. Or you can go to the Hard Rock Cafe, and have a rock & roll experience ... and get a meal along with it. <br /> <br /> That&#x2019;s buying an experience. <br />
  • The doll, right? But not just dolls. <br /> <br /> We visited the Chicago Am Girl Place - shopping, museum-like displays, a musical, tea-time, get your doll&#x2019;s hair done (and a gameboy for the boys) ... all the books ... <br /> <br /> Website - games, ecards <br /> <br /> american girl is all about the experience.... <br /> <br /> And, of course, on getting more of my money&#x2026; <br />
  • Harley Davidson site - events, factory tours, ride planner, rider education, maps, etc... <br /> <br /> What&#x2019;s missing? Actually buying a motorcycle! It&#x2019;s all about what to do with your motorcycle &#x2013; guided experiences! <br />
  • Now that I&#x2019;ve intro&#x2019;d you to digital experience design, I&#x2019;d like to introduce three concepts, or paths, to designing digital experiences <br /> <br /> very different from each other, but all focused on providing an experience: <br /> <br /> structural, community, customer paths. <br /> <br /> [click] <br />
  • let&#x2019;s start with the structural path. What is it? <br /> <br /> creating a better experience by improving a website&#x2019;s ease-of-use. <br /> <br /> Great customer experiences happen when customers can focus on their own goals, rather than on how to navigate your site. <br /> <br /> 3 different approaches to experience through structure <br />
  • #1: Jesse James Garrett - his elements of user experience - excellent book <br /> <br /> - explores a structured process of digital creation <br /> <br /> Start at the bottom, and move up: strategy, scope, structure, skeleton, and surface (very briefly what each area is) <br /> <br /> from start to finish, or strategy to surface <br /> <br /> logical and linear <br />
  • got a mullet thing going on (erik???) - business in the front, party in the back... <br /> <br /> two very important focuses - business needs and customer needs. <br /> <br /> Business - what does the library need to get out of the site <br /> customer - great experiences, keep them focused (on buying stuff) <br />
  • #2 - David Armano&#x2019;s Experience Map <br /> <br /> 5 steps: Uncover (customer needs, org needs), Define (experience brief - not a functional specs document!), Ideate (immersion), Build, and Design <br />
  • #3: 37signals book - they don&apos;t focus on logical steps, but they do tackle experience design - go read it - lots of good stuff here! <br /> <br /> functional specs <br /> - Don&#x2019;t write a functional specifications document <br /> - instead, dive in - brainstorm, paper sketches, build a prototype, then code it... goal is speed! <br /> - fine-tuning is done by customers <br /> - if you do need a directional document... write a story! that experience brief again ... <br /> <br /> Simplify - google docs as example <br /> <br /> [click] <br />
  • Here&#x2019;s what the structured path looks like for Topeka <br /> <br /> we&#x2019;re going through a website redesign right now <br />
  • lots of planning before building our new site <br />
  • focus groups, discussions - customer and staff needs <br />
  • focused on customers and staff needs <br />
  • think about what makes people stumble - and work on removing that stuff the bumps and potholes ... and fix those things. <br />
  • Lightswitch: <br /> Goal - want to turn on the light <br /> - you don&apos;t want to think about breakers, which way you have to flip the switch, etc... <br /> <br /> <br /> a well-designed digital experience should, in most cases, stay out of the user&#x2019;s way <br />
  • kathy sierra (creating passionate users) explains this well <br /> <br /> I think this is usually the goal - focusing on you - not on &#x201C;cool features&#x201D; <br /> <br /> Big goal &#x2013; customer doesn&#x2019;t want to think about your site&#x2019;s structure&#x2026; I want to think about my stuff!!! <br /> <br /> Do your job well, and your customer will be able to focus on their stuff, without distraction <br />
  • So that was structured path - how about focusing on community next? <br /> <br /> a community focus is created through online participation and community <br />
  • here&#x2019;s one example - a conference (2009 UGUL). <br /> <br /> [click] <br />
  • I heard there were stormtroopers. <br /> <br /> What&#x2019;s going on? Conversations are taking place: traditional conversations, formal &#x201C;listen to the speaker&#x201D; conversation, Q&A types of conversations. There are discussions during breaks and jokes over a cup of coffee. <br /> <br /> How about a digital version? <br />
  • Amazon&#x2019;s customer reviews and the ability to rate the reviews. <br /> - One review is interesting - ability to read 100 reviews of a single book is what really turns this into a community-focused experience. didn&#x2019;t exist before the web. <br /> <br /> and is a great example of digital community-focused experience <br /> <br /> 5 ways to do this: real conversation, invitation, participation, sense of familiarity, & telling our stories ... let&#x2019;s look at each of these ... <br />
  • Real conversations taking place <br /> <br /> Happens in a variety of ways - commenting on blogs and other areas of a Web site - through services like instant messaging or micro-blogging sites like Twitter - An online forum is another way to hold conversations. <br /> <br /> - the slide shows my library&#x2019;s myspace, youtube, flickr, and blog comments <br /> - The goal/challenge with conversation in digital spaces is to allow your customers to connect with you and with others. <br /> - Connecting with you is important. Your customers want to interact with you. they do it in your buildings, on the phone, and want to do it digitally too <br /> - They also want to connect with each other. book review comments on my website <br /> <br /> So - think customer reviews of books in catalog, comments on various websites and services... real conversation. <br />
  • invite people to interact <br /> <br /> Content enablers focus on making content compelling - Displaying content, Creating compelling content, Using action-oriented titles on posts, Including links with posts <br /> <br /> Web tool enablers focus on making content accessible and usable - Allowing commenting, Moderating promptly, Including RSS feeds <br />
  • this type of Participation is extremely important in providing community-focused experience. No participation, no community! <br /> <br /> Comments on my lib&#x2019;s website: <br /> - goal is to participate in the discussion - comment box allows individuals to share thoughts and opinions with each other <br /> - In essence, you are telling your customers &#x201C;I want you to add your thoughts. I want you to continue the conversation. I want you to participate.&#x201D; Here&#x2019;s an example from a blog. <br /> <br /> Commenting/walls/friending - all ways to participate in a digital community. <br />
  • sense of familiarity - outgrowth of participation and invitation <br /> <br /> flickr - anyone connected to a friend through flickr? <br /> <br /> Even subscribing to a blog will lead to some type of familiarity, since you are reading/viewing something the person has created. <br /> <br /> Same with a library - organizational familiarity. patrons read/watch/view our library thoughts, our stuff, and see our organization&#x2019;s personality... they become familiar with the library. <br /> <br /> Pretty cool concept <br />
  • What&#x2019;s so important about telling stories? <br /> <br /> people want to know &#x201C;the story.&#x201D; They want to know who U are &#x2013; what your credentials are, what else you&#x2019;ve developed, and if you like using the product... and what shortcuts you take when using it. <br /> <br /> People want to participate in the story. They want to feel like they are part of the story, like they are the next chapter. This happens currently in gaming. Flickr also allows you to visually participate in the story. <br /> <br /> People want to continue the story. they want to add their own stuff. <br /> <br /> lib stories - what you liked/didn&#x2019;t like - what you read - what the library reads, does, etc... video etc. <br />
  • One example using twitter. twitter is all about extending our reach into the community: <br /> <br /> 1. experience of community - we tell patrons about events, cool things in the library, etc <br /> <br /> 2. answer questions - where can I return book, late fees, etc <br /> <br /> value-added via community tools <br />
  • Here&#x2019;s what we&#x2019;re doing on the community path. We&#x2019;re connecting to our patrons in many ways, including (read slide). <br /> <br /> With all of these, the goal isn&#x2019;t to use the new tool. It&#x2019;s to hold conversations, to connect with the community, and to participate. <br />
  • Finally, the 3rd path - focusing on the customer. <br />
  • anyone do this last night? <br /> <br /> OK - you can actually search Flickr for Bed Jumping ... <br />
  • And you find pics of people hovering over their beds! <br /> <br /> last 10 years or so, there has been a &#x201C;hotel bed revolution&#x201D; <br /> <br /> Starwood Hotels & Resorts were the first to focus on providing ultra-comfortbale beds. They created the &#x201C;Westin Heavenly Bed&#x201D; which prompted other hotels to focus on the guest sleep experience. <br /> <br /> Well, duh!!!!!! Why wouldn&#x2019;t a hotel do that? Gee... <br />
  • Another example - SportClips Anyone here use them? <br /> <br /> Sport Clips recognized there were no &#x201C;just-for-guys&#x201D; hair salons. So they made a haircutting place for men who like sports. <br /> <br /> watch sports on big-screen TVs while getting his hair cut <br /> The waiting lounge resembles a locker room and has sports-themed magazines <br /> interior features sports-themed d&#xE9;cor, and there&#x2019;s even sports memorabilia for sale <br /> <br /> Sport Clips isn&#x2019;t just providing a haircut &#x2013; every salon does that. Instead, they&#x2019;re providing a sports-themed, TV-watching haircutting experience. The actual haircut is just part of the complete experience. <br />
  • what&#x2019;s this look like digitally? Examples... <br /> <br /> Webkinz - secret code/Webkinz World - games, feed your pet, set up a room for your pet, buy things for your pet with virtual money, and chat with other pet owners <br /> - extend their brand into your home. It also allows pet owners to extend the fun they have with their pet. <br /> <br /> Starbucks - extend your coffee aficionado experience, on the Starbucks Web site. You can find out about Starbucks coffee. <br /> Coffee taste matcher &#x2013; to help find your &#x201C;personal taste&#x201D; of coffee <br /> Education on tasting coffee &#x2013; how to&#x2019;s, what you should notice, etc. &#x2013; very similar to wine tasting <br /> Information on grinding methods <br /> The history of coffee and Starbucks <br /> Coffee bean growing regions <br /> <br /> extended the Starbucks experience online through content and sales <br />
  • What do webkinz, starbucks, & harley davidson have in common? They are all working to extend their physical presence into digital spaces, which involves thinking differently about the Web sites. <br /> <br /> Focus on the Show - or staging experiences. <br /> - holding pre- or post-shows for the &#x201C;main event&#x201D; (buying the thing). <br /> - Starbucks post-show includes detailed info on the coffee you just purchased <br /> - libraries - group read, then discuss on web - event is checking book out - post show is the discussion. Pre-show = book review? <br /> <br /> [click] <br />
  • Community Connections <br /> - Most people don&#x2019;t really want to interact with information, or with a Web site. They want to interact with other real live people! <br /> - Webkinz - meet stuffed virtual pet, also meet other pet owners <br /> - harley - events, ride planners - goal is to meet people (and enjoy the motorcycle) <br /> - creates a digital community connection. <br /> <br /> Not About the Product - the site isn&#x2019;t about &#x201C;the product itself - It&#x2019;s more the experience around the product. <br /> - Webkinz World, for example, doesn&#x2019;t focus on getting kids to buy more Webkinz pets <br /> - The site&#x2019;s goals focus on interaction with the pets and other owners <br /> - It&#x2019;s about extending that physical experience into the digital space in a way not really possible in the physical space. <br /> <br /> Goal here is to provide great customer experiences.. online. <br /> <br /> Two ways to do this [click] <br />
  • buying a car - The first step in the car-buying journey isn&#x2019;t visiting the showroom - usually some preceding steps - like a blown head gasket on your current vehicle <br /> <br /> Customer journey mapping ... maps out touch points &#x2013; figure out each time a customer &#x201C;touches&#x201D; or interacts with, your organization - does 2 things: <br /> <br /> provides insight into customer needs &#x2013; how they feel during each experience, and how library should treat its customers during each interaction. <br /> <br /> provides customer focus - who is in the center - customers or staff? <br /> <br /> Customer journey mapping helps turn interactions around so customers are the center of the experience <br />
  • So - customer journey mapping of a library catalog search <br /> <br /> - before the search - where are they? Home? How did they get to your site? At the lib? How are your PCs? Links on the PC? <br /> <br /> - starting search - where can they start? Is it easy to see and use? Familiar? <br />
  • What do I do next? Probably click on a book/title... that&#x2019;s ugly, but straightforward <br /> <br /> point out sound recording - probably not what they wanted... <br />
  • How about the next step of the journey? How do I put it on hold? Click the red Holdings word? No... maybe click request item... ??? <br />
  • Here? Ick. What do I do? What is this? Can&#x2019;t we do something with this white space? <br /> <br /> <br /> We still have some work to do! <br /> <br /> But don&#x2019;t blame your ILS dude for this, because we CAN change some things ... <br />
  • For example ... <br /> <br /> We added simple &#x201C;what do I do here&#x201D; instructions <br /> <br /> and a map. <br /> <br /> They can make it pretty - you should personalize it <br />
  • Wd40 &#x2013; the straw! chat about it for a sec... <br /> <br /> So, how can we improve the ordinary experiences people have on our websites? <br /> <br /> - figure out what &#x201C;ordinary&#x201D; means for our site. Poke around the major features and touch points of your site. <br /> - Is there a way, if you were going to build it from scratch, that you could improve the user&#x2019;s experience? <br /> <br /> Think through these questions, and you&#x2019;re bound to find a way to improve your site. <br /> <br /> I&#x2019;d also suggest comparing your site to sites in other industries. I look at sites that my actual customers use. (ie., Facebook, Amazon, and eBay). Then we can look at the experience provided on those pages, figure out how to translate those experiences and those functions into a library Web site, and work backwards from there. This allows the web team to move from the ordinary (a normal library Web site) to the extraordinary (well, that&#x2019;s the goal anyway). <br />
  • Bananas. The stickers. Do you have brand name stickers on your bananas? <br /> <br /> [click] <br />
  • They&#x2019;re boring! and usually ignored. <br /> <br /> But they don&#x2019;t have to be. <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • They&#x2019;ve turned a boring brand name sticker into something that&#x2019;s fun - people are enjoying these stickers - and the brand - and the bananas ... in new ways. <br /> <br /> Enjoying the brand. <br /> <br /> Having FUN with the brand. collecting the brand/stickers ... Interacting in a new way ... with the brand. <br /> <br /> All because they took their brand name stickers ... and improved the ordinary. <br />
  • Wow <br /> <br /> We&#x2019;ve talked about three paths to a digital experience - structure, community, and customer paths. <br /> <br /> What do we do with that? <br /> <br /> [click] <br />
  • connect the customer... <br /> <br /> to your stuff. Books. Databases. Staff. <br /> <br /> To the extras. Facebook. Flickr. Stuff that&#x2019;s part of your library, part of your interaction, but not on the traditional website. <br /> <br /> to other customers. This happens in many ways, including blogs, photos, videos, microblogs like twitter, or even a discussion forum. These sites are providing a way for me to connect to others. <br />
  • Go create some experience stages! <br /> <br /> you are the actor on the stage - Adam Lawrence work-play-experience blog explains: &#x201C;Whether you are a doctor or a plumber [or web designer, or writer, or the comment answering guy or the videographer, etc.], every part of your customer contact is like performing a show &#x2013; after all, you are trying to manage the perception that the customer forms of you and your offering. So rehearse!&#x201D; <br /> <br /> What do actors and musicians do besides memorize lines or music and perform? They connect. They connect with you, the audience. [click] <br />
  • Connecting with customers is our job on the web, too. <br /> <br /> To do this, we need to learn to interact on the web. train for this, just like at the physical desk (ref interview training) - training needs to include &#x201C;how to connect&#x201D; and &#x201C;how to interact with others online&#x201D; <br /> <br /> The experience your visitors have while on your site and while attempting to interact with you, with your products, and with your content is is your stage. <br /> <br /> You need to get this right! <br />
  • Work on Conversation ... to improve our ability to connect and interact. <br /> <br /> Read emerging marketing books/blogs - Conversations have become the new way to market stuff <br /> <br /> we need to learn the fine art of conversation in many different formats &#x2013; writing, photoing, videoing. <br /> <br /> It&#x2019;s still the same old skill &#x2013; conversation &#x2013; but presented in a new, digital-age wrapper <br />
  • Your web visitors are experiencing something right now. Is it good or bad? Easy or hard? Do you know? <br /> <br /> Really 2 ways to go: <br /> <br /> 1. plan for & build deliberate experiences into your website <br /> <br /> 2. Don&#x2019;t think about experience ... and hope for the best. <br />
  • Guess what? These people ... your patrons ... like going online. It&#x2019;s convenient. <br /> <br /> It&#x2019;s not always easy. <br /> <br /> Make it easy to use, maybe work on delighting them in the process... <br /> <br /> And they just might come back for MORE. <br />
  • Want to find out more? I wrote a book about this topic, you can find it on Amazon. <br /> <br /> Thank you! <br />

Designing The Digital Experience Designing The Digital Experience Presentation Transcript

  • Designing the Digital Experience David Lee King davidleeking.com Topeka & Shawnee County Public Library flickr.com/photos/tashland/259178493/
  • flickr.com/photos/trucolorsfly/3921501144/ what is experience?
  • flickr.com/photos/dragnfly78/220689303/ American Girl
  • Three paths to experience flickr.com/photos/didmyself/2354238160/
  • Structural Path flickr.com/photos/gdominici/93021919/
  • flickr.com/photos/heyjohngreen/2570368211/
  • flickr.com/photos/heyjohngreen/2570368211/
  • Lots of planning!
  • Lots of planning! Focus Groups
  • Lots of planning! Focus Groups ease of use
  • flickr.com/photos/lulutoo/2951107695/
  • flickr.com/photos/deansfurniture5/2462980045/
  • headrush.typepad.com/creating_passionate_users/2006/02/its_the_stupid.html
  • Community Path
  • digital community experience...
  • Real Conversation
  • Invitation
  • Participation
  • Sense of Familiarity
  • Telling our Stories
  • comments youtube flickr video facebook blogs myspace IM reference tscpl.org participation conversation connections
  • flickr.com/photos/thomashawk/5741775/ Customer Path
  • http://flickr.com/photos/jamesyu/366732085/
  • flickr.com/photos/eole/3039602094/
  • sportclips.com/uploadedimages/Photo_Gallery/South%20Carolina%20SC%20Team.jpg
  • Digital Version?
  • Commonalities?
  • Commonalities?
  • Customer Journey Mapping flickr.com/photos/thetoad01/2317084812/
  • improving the ordinary flickr.com/photos/rvettese/264579764/ flickr.com/photos/goatopolis/189188667/
  • flickr.com/photos/jrnoded/3340607045/
  • flickr.com/photos/beyondbeauty/4241128107/
  • flickr.com/photos/mmewuji/4386845410/
  • flickr.com/photos/wlscience/4200630845/
  • http://www.flickr.com/photos/92wardsenatorfe/3126053699/ flickr.com/photos/92wardsenatorfe/3126053699/
  • flickr.com/photos/fornal/437703236/
  • flickr.com/photos/picturesofthings/2437232419/
  • what’s next? flickr.com/photos/b-tal/116220689/
  • connect the customer...
  • Create an experience stage flickr.com/photos/kgradinger/2095191253/
  • Create an experience stage
  • Work on Conversation flickr.com/photos/damiel/221166778/
  • flickr.com/photos/vlastula/1324331546/
  • flickr.com/photos/29106784@N02/2719649603/
  • Thank You! davidleeking.com