Magic and Meaning with Metaphors | Master Snack Talk
-
Transcript
00:00:00 Lindsey
All right well hi all! Today I want to talk to you a little bit about metaphors and why they are magical beyond just a fun convention and something that we can really use to leverage and imbue meaning in our work.
00:00:15 Lindsey
So, metaphors are something that we use so commonly that
00:00:21 Lindsey
we probably don't even realize how complex or layered many of them really are, but metaphors serve as a way to paint a picture or give a frame of reference or map out the sort of parameters of an engagement.
00:00:37 Lindsey
...uhm, if you will,
00:00:40 Lindsey
it is,
00:00:41 Lindsey
defining how [the parameters of]
00:00:44 Lindsey
...this we are interacting with...
00:00:48 Lindsey
Something through the lens of something else -- so,
00:00:53 Lindsey
This is an example of how in design we are constantly facing this inverse...
00:01:01 Lindsey
Flow of the physical world and our products and how do we talk about them?
00:01:05 Lindsey
Because largely they are abstract, not real things, so I'm going to take it back a notch.
00:01:11 Lindsey
Just a metaphors all the time.
00:01:14 Lindsey
We see them one easy.
00:01:17 Lindsey
Quick way is visual metaphors or metonymy.
00:01:19 Lindsey
We see this in Icon design logo design.
00:01:23 Lindsey
Uhm, but we have.
00:01:26 Lindsey
A lot more potential to be able to.
00:01:30 Lindsey
Really brought in that concept out by.
00:01:36 Lindsey
Painting that picture a little bit more broadly, so science also uses metaphors constantly to describe really complex.
00:01:46 Lindsey
Really complex ideas like DNA or the blueprint of life if you will.
00:01:55 Lindsey
Uhm, and they go beyond just establishing how one thing is like another, but they truly start to define or map.
00:02:04 Lindsey
One thing that we know, so in this case maybe DNA or our concept to an abstract thing, which is what we are producing, where my brain immediately went for this was perhaps the atomic design metaphor needs to be revisited because in design systems.
00:02:22 Lindsey
Especially in common spirit, for example.
00:02:24 Lindsey
Uhm, sort of having this pretty illustrative metaphor didn't really make a lot of sense for us.
00:02:31 Lindsey
Because it was going to be servicing lots of different manifestations of the brand, so I came across this.
00:02:41 Lindsey
Great alignment of science and design.
00:02:45 Lindsey
In the context of this, that sort of brought me.
00:02:47 Lindsey
To OK.
00:02:49 Lindsey
Design tokens, which was really the metaphor we were using in the common spirit.
00:02:55 Lindsey
Uh, design system work, which was basically this item, is this so this primary color this orange is.
00:03:05 Lindsey
This DNA element this GHTC.
00:03:11 Lindsey
Hey, uhm.
00:03:13 Lindsey
Layer that.
00:03:14 Lindsey
Can be the first instance or inkling into meaning in our system.
00:03:20 Lindsey
Uh, we tied these really core fundamental elements to the brand presentation.
00:03:27 Lindsey
So where we weren't really afforded a lot of other space to have any sort of visual earrings.
00:03:33 Lindsey
If you will so.
00:03:36 Lindsey
Moving forward, what is a metaphor?
00:03:38 Lindsey
It is the comparison of two things and I'm going to get into some details about actually mapping them.
00:03:44 Lindsey
So we have our source.
00:03:46 Lindsey
And our target or our tenor and our vehicle.
00:03:51 Lindsey
Let's say for example we and and this is just sort.
00:03:55 Lindsey
Of to get as a.
00:03:57 Lindsey
Uh, generate ideas into how we actually compare things and really break that down so.
00:04:06 Lindsey
Let's compare these two things.
00:04:07 Lindsey
We have a hot dog and then we have a dachshund.
00:04:11 Lindsey
I didn't actually know this.
00:04:13 Lindsey
But the hot dog is some sort of bastardization of dachshund sausage, so they have a lot of similarities or common ground between them, so they have similar shape.
00:04:25 Lindsey
And so on and so forth.
00:04:27 Lindsey
But they also have tension.
00:04:28 Lindsey
There's something very different about them.
00:04:30 Lindsey
What is a food product and one is an animal
00:04:33 Lindsey
Uhm, so often this juxtaposition is that sweet spot in where we can really leverage and extend our metaphors out into be something more meaningful.
00:04:44 Lindsey
Or carrying a concept through from a very small element out into something larger.
00:04:51 Lindsey
A quick visual.
00:04:53 Lindsey
Example of that one I have done early on in all kinds of design projects is visual juxtaposition.
00:04:59 Lindsey
So something like a brand principle and or images.
00:05:03 Lindsey
So maybe you have a moodboard.
00:05:04 Lindsey
Maybe there is imagery that comes from their logo.
00:05:09 Lindsey
Like leaves and growth.
00:05:11 Lindsey
All were a client that really wanted to go with this strong visual metaphor, so, uhm.
00:05:19 Lindsey
We're starting with our reference point.
00:05:21 Lindsey
A great example of this sort of blowing out a metaphor from something small into something large is material design.
00:05:30 Lindsey
Using something physical, something we all have intimate knowledge of to explain, a really complex system that's actually meant to be used by people outside of Google, right?
00:05:41 Lindsey
Like they have.
00:05:43 Lindsey
People that depend on their product so that metaphor really has to be something that is broad and can be.
00:05:53 Lindsey
Can define terms around you know what is possible and.
00:05:57 Lindsey
What is not?
00:05:58 Lindsey
So here's some sort of starters for you know how to evaluate your concepts.
00:06:03 Lindsey
If you are struggling through a few and want to know which one has more legs, how deep, how much related imagery are they provocative or is it something straightforward?
00:06:14 Lindsey
And uhm, the legs being specifically like how layered is this concept.
00:06:20 Lindsey
So continuing on with exploring material design, something I think many visual UI people who use the Internet might be familiar with.
00:06:30 Lindsey
UHM, uses actual physical properties to define how elements in this UI system work together.
00:06:39 Lindsey
Uh, beyond that they go further into this metaphor.
00:06:43 Lindsey
Uh, by defining attributes and things that you can and cannot do, elements who might see in like a style guide, or.
00:06:50 Lindsey
Even atone.
00:06:52 Lindsey
A document is taking these attributes and further extending that metaphor and putting parameters on it, so they specifically call out things like.
00:07:02 Lindsey
Solid objects, paper and ink physical services and that material does not behave like gas, so it it by giving us context, knowing that things can't flow through one another because we're dealing with solids gives the both builders and audience some sort of frame of reference for what should happen.
00:07:23 Lindsey
And does it actually work?
00:07:28 Lindsey
So, uhm.
00:07:30 Lindsey
This is just sort of a great summary quote about how metaphor can really help us identify, leverage and map all of these different elements of apply some meaning to them.
00:07:42 Lindsey
Here's a quick exercise.
00:07:47 Lindsey
Just sort of proved out how we had gone through.
00:07:50 Lindsey
We had multiple concepts, had to provide a metaphor statement which gave us a lot of fodder too.
00:07:57 Lindsey
Illustrate a broader depth of OK, So what elements of this dimension are going to be important?
00:08:05 Lindsey
Uhm, shadow elevation things overlapping and prominence on the page were all.
00:08:11 Lindsey
Attributes defined by the dimensionality for how complex an idea was in order to help make design decisions throughout the process.
00:08:21 Lindsey
So, uhm, that's a whole lot of.
00:08:23 Lindsey
Stuff, but really draw inspiration from what you have.
00:08:28 Lindsey
You want to listen to your users, your customer, do a little bit of.
00:08:34 Lindsey
Research into the brand guidelines why they have the colors and logos and Marks and things within their environment.
00:08:43 Lindsey
Uh, before going into?
00:08:47 Lindsey
You know two off the rails.
00:08:49 Lindsey
Try to find elements that compliment one another and have a a great.
00:08:55 Lindsey
Depth for you to a plane.
00:08:56 Lindsey
Explore in.
00:09:01 Lindsey
Do I have any questions?
00:09:13 Lindsey
Are people typing things and I'm not seeing it.
00:09:17
I don't have things in the chat.
00:09:17 Speaker 1
Had one question.
00:09:19 Speaker 1
Yeah I have got you.
00:09:23 Speaker 1
Uh, on your experience I I'm not this.
00:09:26 Speaker 1
Have happened to you, but.
00:09:29 Speaker 1
What are your thoughts on if you have assets or maybe like a brand guide for your client but you don't really relate it to that meaning that maybe the brand the brand book is not updated or maybe.
00:09:51 Speaker 1
Yeah, what I'm trying to say that if you find some things that are in need for improvement, what are your thoughts on that?
00:10:00 Speaker 1
What what should we do?
00:10:04 Lindsey
Uhm, and I'm gonna wager a guess that maybe one of those things that might need improvement or things that are, say, like accessibility standards and their colors don't meet it or something.
00:10:15 Lindsey
Which is a super common scenario we run into.
00:10:20 Lindsey
Or at least that I've run into.
00:10:22 Lindsey
Uhm, by being able to sort of point back to what the overarching goal of the metaphor that story line is, you can get a little bit more buy in and have a little bit more internal wayfinding.
00:10:36 Lindsey
Now, is this the right call?
00:10:38 Lindsey
Because generally there's something about wanting users to actually be able to use your product and engage with it in a positive way as part of the aspiration or the goal.
00:10:51 Lindsey
Uhm, so I would find ways to.
00:10:56 Lindsey
Utilize the new concept if you will too.
00:11:01 Lindsey
Work out some of those kinks if at all possible.
00:11:04 Lindsey
Do you have an example?
00:11:08 Speaker 1
Well, not, not not, not right now.
00:11:11 Lindsey
OK.
00:11:11 Speaker 1
Maybe this is.
00:11:11 Speaker 1
This is usually you find these type of things with the small companies like they didn't get enough research or uhm, it they didn't go through the entire process of the this of the sign but.
00:11:28 Speaker 1
Well, that's something to think about where we don't have the.
00:11:33 Speaker 1
Yeah, but I don't want to say the correct information, but the information that we are not interested in entirely, I agree with that.
00:11:45 Speaker 1
But yeah, thanks anything.
00:11:48
Thank you.
00:11:53 Lindsey
I had one other quick, sorry.
00:11:55 Lindsey
I have several other slides, but it's 'cause I put way too many things.
00:11:58 Lindsey
In here, whoops.
00:12:00 Lindsey
Where's my screen go?
00:12:03
We're seeing your document in a non presentation mode.
00:12:06 Lindsey
Other teams that like hid my everything from me.
00:12:11 Lindsey
But uh, really.
00:12:13 Lindsey
So here might be a way to sort of backtrack and work in metaphors into some decision making.
00:12:19 Lindsey
Uhm, if things aren't quite going awry, so paying some attention to whether their semantic messaging or concept or metaphor have broken down.
00:12:29 Lindsey
Uhm, so like the EpiPen is a great example of this.
00:12:33 Lindsey
It's something physical but I'm sure I'm not even sure what the digital implications for broken metaphors are.
00:12:39 Lindsey
If they've even been identified, but the EpiPen not like a typical pen, though it takes a lot of the qualities the visual qualities.
00:12:49 Lindsey
Penn UM and because of this there were like 15,000 unintentional injections over just over 10 years and that is just they did things like add labels and try to put bandaids and stopgaps to remedy this. But at some point.
00:13:09 Lindsey
You just have to just toss it out and maybe start with something that isn't built off of a broken metaphor to start with.
00:13:22
Cool example.