Good afternoon! Take a seat and talk about the most remarkable - - PowerPoint PPT Presentation

▶
good afternoon
SMART_READER_LITE
LIVE PREVIEW

Good afternoon! Take a seat and talk about the most remarkable - - PowerPoint PPT Presentation

Jan 01, 2023 42 likes •753 views

Good afternoon! Take a seat and talk about the most remarkable conversation youve ever had. User Experience Architecture The Art of Conversation Designing for Voice and other invisible interfaces User Experience Architecture

slide-1
SLIDE 1

Good afternoon!

User Experience Architecture

Take a seat and talk about the most remarkable conversation you’ve ever had.

slide-2
SLIDE 2

User Experience Architecture

Designing for Voice and other “invisible” interfaces

The Art of Conversation

slide-3
SLIDE 3

User Experience Architecture

Hello.

Emily

@gradualist

Luisa

@xlifes

Charlotte

@Char1otteDavies

slide-4
SLIDE 4

User Experience Architecture

slide-5
SLIDE 5

User Experience Architecture

Anyone?

slide-6
SLIDE 6

Rapid Prototyping

Exercise

User Experience Architecture

slide-7
SLIDE 7

Exercise 1

User Experience Architecture

  • Meet your table groups
slide-8
SLIDE 8

Exercise 1

User Experience Architecture

  • In your table groups, you’ll have:
  • 1 user
  • 1 device (“Beeb”)
  • 1+ researchers
slide-9
SLIDE 9

Rapid Prototyping

Scenario

User Experience Architecture

slide-10
SLIDE 10

User Experience Architecture

slide-11
SLIDE 11

User Experience Architecture

“Hey Beeb, help me cook Fluffy American Pancakes.”

slide-12
SLIDE 12

Exercise 1

User Experience Architecture

  • Paper, pens, post-its
  • Recipe print-out
  • Write a script
  • 15 minutes “Hey Beeb, help me cook

Fluffy American Pancakes.”

slide-13
SLIDE 13

User Experience Architecture

Feedback

Paper, pens, post-its Recipe print-out Write a script 15 minutes

How did it go? What worked well? What would you change?

slide-14
SLIDE 14

Iteration 2

User Experience Architecture

  • Rewrite your script
  • 10 minutes
slide-15
SLIDE 15

Iteration 2

User Experience Architecture

  • Rewrite your script
  • 10 minutes

…now

  • USERS, change groups
slide-16
SLIDE 16

User Experience Architecture

“Hey Beeb, help me cook Fluffy American Pancakes.”

slide-17
SLIDE 17

User Experience Architecture

Feedback

Paper, pens, post-its Recipe print-out Write a script 15 minutes

How did it go? What worked well? What would you change?

slide-18
SLIDE 18

Iteration 3

User Experience Architecture

  • Rewrite your script
  • 10 minutes
slide-19
SLIDE 19

Iteration 3

User Experience Architecture

  • Rewrite your script
  • 10 minutes

…and

  • USERS, change groups
slide-20
SLIDE 20

User Experience Architecture

“Hey Beeb, help me cook Fluffy American Pancakes.”

slide-21
SLIDE 21

User Experience Architecture

Feedback

Paper, pens, post-its Recipe print-out Write a script 15 minutes

How did it go? What worked well? What would you change?

slide-22
SLIDE 22

Rapid Prototyping

Observations

User Experience Architecture

slide-23
SLIDE 23

Observations

User Experience Architecture

Your first idea was probably rubbish. It’s quick and simple to iterate. You learn from each iteration. Third time’s the charm. It’s not that scary after all.

slide-24
SLIDE 24

Summary

User Experience Architecture

It’s different UX Processes still work Data models have to change Structures are invisible

slide-25
SLIDE 25
slide-26
SLIDE 26

Demo

Source: Amazon

slide-27
SLIDE 27

Designing the BBC Kids Skill

Charlotte Davies UX Researcher

slide-28
SLIDE 28

https://www.bbc.co.uk/cbeebies/ grownups/bbc-kids-voice

slide-29
SLIDE 29

The Skill

Alexa, open CBeebies Games Stories Songs

slide-30
SLIDE 30
slide-31
SLIDE 31 Random ID7 ♫ Game ♫ Character introduction Who do you want to play with? [Character we have] Surprise [Something we can’t understand] Interactive Experience Character asks if want to play again? No Yes Sorry! I’m not sure what you
  • said. Who do you
want to play with? [Character we have] Surprise [Something we can’t understand] Uh oh - I still don’t understand. Would you like to meet more friends
  • r would you like
a surprise? Surprise More friends Here’s your surprise. Build up to the surprise ♫ Random experience Experience is completed User ends experience before it’s completed Alexa, stop Character says goodbye End ID1 ID3 ID4 FX4 ID8 ID10 ID3.x ID3.x Would you like a game
  • r a story?
Let’s listen and find
  • ut who’s here to
play ID2 ♫ Play menu sting ♫ FX3 Story ♫ Story menu sting ♫ FX5 ♫ [Something we can’t understand] Oops, I didn’t catch
  • that. Let's have a
surprise anyway! ID9 ♫ Glob [Any prompt] [silence] ♫ ♫ Story played before? Yes No Help Alexa, help Interruptive utterance Help Play navigation help message ID19 ♫ ♫ ♫ ♫ Help sting ♫ FX7 Help sting ♫ FX7 [Something we can’t understand] ID1.2 Sorry, I didn’t catch that. Remember to speak nice and
  • clearly. Would you
like a game
  • r a story?
[Something we can’t understand] ♫ Random Silly me. I still don’t understand. Let’s play a game. ID1.3 Silly me. I still don’t understand. Let’s hear a story. ID1.4
slide-32
SLIDE 32
slide-33
SLIDE 33
slide-34
SLIDE 34

7 things we learnt

slide-35
SLIDE 35
  • 1. If you're asking a question,

listen for an answer.

slide-36
SLIDE 36

Let’s find out who’s here to play “Andy” “Justin” Who do you want to play with? Who do you want to play with, Andy or Justin?

slide-37
SLIDE 37
  • 2. Don't ask rhetorical questions.
slide-38
SLIDE 38

Who’s here to play? “Andy” “Justin”

slide-39
SLIDE 39
  • 3. Don't tell users to "say this" or

"say that”, just ask the question.

slide-40
SLIDE 40

“What do you want to do 'listen again’ or 'new song’ ? “It you want to hear that song again say listen again, if you want another one say new song”

slide-41
SLIDE 41
  • 4. Ask questions that have

distinctive, easy to say answers.

slide-42
SLIDE 42
  • Walk. or Hide

Walk or Wait

slide-43
SLIDE 43
  • 5. Provide no more than

three options.

slide-44
SLIDE 44

Which would you like ‘stick’, ‘hug’ or ‘a-woof’?

slide-45
SLIDE 45
  • 6. Never use language or tone

that makes the user feel as though they are to blame.

slide-46
SLIDE 46

Sorry, I didn't understand what you said. Sorry, I didn't understand.

slide-47
SLIDE 47
  • 7. Don't keep users stuck

in error loops.

slide-48
SLIDE 48

Surprise!

slide-49
SLIDE 49

Source: Amazon

slide-50
SLIDE 50

BREAK

User Experience Architecture

slide-51
SLIDE 51

User Experience Architecture

slide-52
SLIDE 52

User Experience Architecture

Eddie Obeng’s: Types of projects

Don’t know how Know how Know what QUEST PAINT BY NUMBERS Don’t know what FOGGY MOVIE

😨

slide-53
SLIDE 53

User Experience Architecture

Designing in the fog = 😨

slide-54
SLIDE 54

Needs, Information and States

slide-55
SLIDE 55

User Experience Architecture

Define

Design Council’s Double Diamond model

Discover Deliver Develop

Problem Solution

slide-56
SLIDE 56

User Experience Architecture

1 Audit 2 Synthesis 3 Architecture

Divergent Convergent Use the canvas to audit and identify all the stuff. Make it visible. Compare, contrast and

  • rganise the stuff to help

you create coherence. Arrange the stuff in order to create a coherent and well- connected system that has the right levels of resilience and efficiency.

slide-57
SLIDE 57 Random Experiences

ll

This “play again” logic is part of each individual experience ID7 ♫ ♫ Character introduction Character introduction Who do you want to play with? [Character we have] Surprise [Something we can’t understand] Interactive Experience Character asks if want to play again? No Yes Character says says goodbye Sorry! I’m not sure what you
  • said. Who do you
want to play with? [Character we have] Surprise [Something we can’t understand] Uh oh - I still don’t understand. Would you like to meet more friends
  • r would you like
a surprise? Surprise More friends Character introduction Character introduction Here’s your surprise. Build up to the surprise ♫ Random experience Who do you want to play with? [Character we have] Surprise [Something we can’t understand] Experience is completed User ends experience before it’s completed Alexa, stop Character says goodbye End ID3 ID3 ID4 FX4 ID8 ID10 ID4 ID3.x ID3.x Oops, I didn’t catch
  • that. Let's have a
surprise anyway! ID9 Let’s listen and find
  • ut who’s here to
play ID2 Choice sting ♫ FX2 ♫ ♫ End ♫ Start/End User response TBC Device question Device response Experience Key Sound fx ♫ Random Experiences [Something we can’t understand] Oops, I didn’t catch
  • that. Let's have a
surprise anyway! ID9 Start Alexa, ask CBeebies for Go Jetters BBC Kids sting ♫ FX1 Alexa,
  • pen Go Jetters
Alexa, stop See you again soon! End ID6 Global Stop Flow Global Silence Flow [Any prompt] [silence] End [silence] [Prompt repeats] Decision Diamond Experience Flow No recall My bookshelf is full
  • f stories! I’m going
to pick out 2 for you to choose from. Random Stories I’ve got a story about [2 word label] Reveal sound ♫ Or a story about [2 word label] Which story would you like? Surprise [Something we don’t understand] [Story we have] Here’s a story about [two word label] Story Random Story Build up to the surprise ♫ Sorry, I’m not sure what you said. Re-state Stories Surprise Silly me, I still don’t
  • understand. So I’ll
pick a surprise instead. Alexa, help Interruptive utterance Alexa, help Interruptive utterance Help Play navigation elp message Stop See you again soon! ID6 End ID11 ID12 ID12 ID13 ID14 ID12 ID12 ID13 ID13 ID13 FX6 ID19 FX4 ♫ ♫ ♫ ♫ Help sting ♫ FX7 Help sting ♫ FX7 [Something we can’t understand] ID1.2 Sorry, I didn’t catch that. Remember to speak nice and
  • clearly. Would you
like a game
  • r a story?
[Something we can’t understand] [Something we can’t understand] Last time you listened to a story about [2 word label]. Would you like to hear that again? ID23 ♫ Random Silly me. I still don’t understand. Let’s play a game. ID1.3 Silly me. I still don’t understand. Let’s hear a story. ID1.4

Today we’ll be getting from this to (part of) something like this.

User Experience Architecture

slide-58
SLIDE 58

Needs

slide-59
SLIDE 59

Information

slide-60
SLIDE 60

States

slide-61
SLIDE 61

I want to listen to something Finding

Needs Information States

I am listening I want to stop listening Listening Leaving I want to listen to a specific thing The words spoken Vocal metadata Programme title Programme duration Programme type Current date and time Personalisation data

slide-62
SLIDE 62

Exercise 2.1

User Experience Architecture

  • We handout scenarios to read
  • Write down all of your user’s Needs
  • List any Information that exists
  • Consider the contexts that the “needs” or the

arrangement of information might create and list these as possible States

  • Try to think broadly: this is a divergent audit
slide-63
SLIDE 63

Feedback

User Experience Architecture

How did that go? What went well? What didn’t go so well?

slide-64
SLIDE 64

Exercise 2.2

User Experience Architecture

  • From your scenario, pick a State
  • Talk about how to design interactions for it with Voice
  • Use post-its to map out the transactions
  • Script your interactions
  • (You will be asked to do a read-through later!)
slide-65
SLIDE 65

User Experience Architecture

Playback

slide-66
SLIDE 66

Observations

User Experience Architecture

Where does the connected world start and end?

slide-67
SLIDE 67

Observations

User Experience Architecture

Where does the connected world start and end? What actually needs voice interactions?

slide-68
SLIDE 68

Observations

User Experience Architecture

Where does the connected world start and end? What actually needs voice interactions? There’s a lot of information that we aren’t able to use yet.

slide-69
SLIDE 69

User Experience Architecture

1 Audit 2 Synthesis 3 Architecture

Divergent Convergent Use the canvas to audit and identify all the stuff. Make it visible. Compare, contrast and

  • rganise the stuff to help

you create coherence. Arrange the stuff in order to create a coherent and well- connected system that has the right levels of resilience and efficiency.

slide-70
SLIDE 70

User Experience Architecture

The art of conversation…..

Talk a lot. Give examples. Test ideas. Establish conventions but evaluate them often. Consider invisibility carefully.

slide-71
SLIDE 71

User Experience Architecture

Thank you.

bbc.co.uk/gel @bbcuxd

Emily

@gradualist

Luisa

@xlifes

Charlotte

@Char1otteDavies