Introduction
In the fast-paced world of product design, creating functional and efficient tools often overshadows one vital aspect: delight. The recent talk from the Figma team, featuring insights from experienced designers and product managers, emphasized the importance of adding joy to product roadmaps. In this article, we’ll explore how to blend utility with whimsy, and transform digital workplaces into vibrant, engaging spaces for users.
The Importance of Delight in Design
The Concept of Delight
Delight in design fundamentally refers to the capacity of a product or interface to invoke joy or satisfaction in users. This idea goes beyond simple functionality and dives into emotional experiences.
-
Joyful Experiences
- Engaging features can make users feel more connected.
- Moments of surprise and happiness create memorable interactions.
-
The Feedback Loop
- Positive user experiences can lead to greater engagement and retention.
- Satisfied users are likely to share their experiences, fostering community growth.
The Role of Figma's FigJam
To illustrate their approach to creating delight, the Figma team highlighted their product, FigJam, a digital whiteboard designed not only for productivity but also for enjoyment. Some notable features include:
- Photo Booth Widget: Enhances virtual meetings by creating icebreakers and fun interactions.
- Music Player: Alleviates awkward silences and adds a lively atmosphere during brainstorming sessions.
- Cursor Chat and High Fives: Bring a playful interaction model reminiscent of physical collaboration.
Crafting a Culture of Delight
Building a Team Mindset
Creating a culture where teams prioritize delight requires focusing on the following:
- Collaborative Ideation: Teams should engage in brainstorming sessions that inspire creativity. Maker weeks or hackathons can be useful for this.
- User Empathy: Understanding user needs and experiences helps craft delightful moments.
- Encouraging Feedback: Iterative processes where designers gather user feedback lead to impactful features.
Strategies for Adding Delight
Define Your Brand of Delight
Every brand has its unique flavor of delight. Identifying this can enhance product design:
- Core Values: Establish company values and align product features to reflect them.
- Distinct Adjectives: Choose two or three adjectives that encapsulate your brand’s spirit.
Create Intentional Moments
Incorporating planned moments of joy into the user experience can spark emotional connections.
- Celebration Features: Consider how holidays or special events can be integrated into your tools.
- Surprise Elements: Add features unexpectedly; users appreciate the delightful surprises.
Drive Inspiration and Collaboration
Leverage existing physical world experiences to inform digital design:
- Observe Real World Interactions: Take hints from user behaviors and replicate those in digital mediums.
- Celebrate Team Passions: Encourage team members to explore and share their passions through design.
Be Willing to Evolve
An essential aspect of nurturing delight is ongoing adaptation:
- Stay Open to Feedback: Users' perceptions can shift; consistently seek and implement feedback.
- Iterative Designs: Regularly update your tools with new features to maintain excitement.
Conclusion
Crafting joyful experiences in digital spaces is not merely about adding decorative elements—it’s about nurturing genuine connections through intentional design. By defining your brand of delight, creating meaningful moments, and continually evolving based on user feedback, you can transform your product roadmap into an engaging journey. As designers, let’s not just aim to add joy to our roadmaps but also rediscover the joy in our work as we shape the future of user interaction. Together, we can build a more vibrant digital world.
Embrace the fun in your designs, and remember, joy is infectious!
foreign [Music] welcome back from break my name is Chris
Beatty I lead figma's ux writing team I hope you had a great break maybe Richmond if you had a chance to get
something to eat maybe in the food Hall okay good you look well fed uh photo booth who encountered a photo booth and
interacted with a photo booth yes photo booth people love it who went outside had a chance to get some of that San
Francisco sun in actual oxygen into their bodies almost nobody okay you sir with a hat well done
um and what however you spent your break um hopefully you had a chance to connect
with some of the attendees introduce yourself maybe make some new friends and maybe during the break you also just use
the time to get caught up on work right you kind of flung some uh words and links and Emoji into the endless void of
various workplace communication platforms that are slowly devouring our days
either is great whatever you did is great and I think when you when when we think about fit Jam
we think about that notion of delight and and those of you who caught Andrew Schmidt's talk in this room the last
time this is a perfect follow-up we are very lucky to have fig jams mahika Kapoor
Jenny Nguyen in kyanyo here today and they are going to blow our minds and enrich our joy
it with a talk about putting Joy on the product roadmap so the goal I think is to help build these products and tools
these digital spaces that instead of feeling like those kind of endless voids make us feel
alive and inspired instead so please welcome Jenny Nguyen to the stage
[Music] [Applause] hi it's so good to see you so glad
you're all here my name is Jenny Wen and I'm a design manager on the Fig Jam team at figma we
are here to toggle you about a topic that is very near and dear to all of our hearts and to answer some questions that
we've all been asked many many times so before I was a designer I was actually an urban planner and then an
engineer I went into engineering because I was fascinated by the way things worked you know the nitty-gritty the
math the logic all that good stuff I learned how to prioritize efficiency and usefulness Above All Else
but as an urban planner I got to think about the way that people experience cities things like how it felt like to
be walking on a street shaded by trees or to walk by your local bakery and smell you know the Aromas of the bakery
things like the hum of the city and all these things that just feel so human and so good but are just kind of hard to
rationalize because of that I've always loved the rational and the emotional the
utilitarian and the Whimsical that right brain and that left brain which is why I think design was perfect for me
maybe you feel the same way but the real cherry on top has been combining those interests and getting to
work on Creative tools at figma I've been at figma for four years and it's actually my four year this week so
it feels so it feels so so special to get to celebrate with all of you in this room
for most of my time at figma though I've actually been working on a product called fig Jam where maybe you know it I
don't know maybe okay okay cool if not it's like only the hottest digital whiteboard out there right now
um but that's just what I've been hearing in the crowds so uh just don't take it from me
um I was actually the first designer on it and I helped to bring it to Market from zero to one
but now I get to spend my time managing and supporting this incredible team of designers working on it I am really
proud of this team and getting to work with them has truly been a career highlight
at its core fake Jam is designed to help people do their work to run brainstorms and team meetings to help people plan
their road maps and visualize an idea but it's also been really joyful to see not just all the ways that's how people
do its work do their work but also how it's brought a lot of fun and silly Davis to remote work like this
file which was actually a company-wide brainstorm that we held it's our internal maker week and it's very
chaotic but you know it was actually surprisingly useful so I'm going to share with you some of
my favorite fake Jam features there's the photo booth widget which I know it seems really silly but it's
actually really really useful to to break the ice in a virtual meeting there's the music player which also is
very functional it removes the awkward silence in a brainstorm well you're all heads down and I think the team added
all these really great little details like the record player and the album artwork that's in there
or there's cursor chat which nobody asks for this like no one was like I need this way to chat with my cursor but we
were just really inspired by the way people would type little notes in text boxes to each other when they're in the
same file or there's high fives which again nobody asked for this it's just pure fun where
you wag your cursor and you can wave and give somebody a virtual high five I love these features they are features
that feel fun and really extra but I think they're actually pretty useful too I'm really proud of the Fresh Approach
that we took to all of them but I think a question we get a lot when we show people these features is
how do you actually manage to build and ship this stuff how do they just not just get cut out of
scope immediately and I think part of that answer is we are really lucky to work at a Design
Center company figma but a lot of these things again are
surprisingly functional and not just accessible or over the top so if you are looking to add some
Delight to your product I will say it's still probably going to be hard and will depend on your company and your business
but we will have some some suggestions and hopefully what we can convince you is that it's more than ever it's more
important than ever for you to advocate for this so that's what this talk is about
but before we get into the how I did want to share a little bit more about what we're inspired by and what we're
aiming for I think in the design industry the way we describe some of these features is
you know delightful but I wanted to like dig into that a little bit and I looked at the
definition of the word delight and that really is to give joy or just or satisfaction to
so if we care about Delight in our products then that should be our goal to bring joy to the roadmap into our
products and ultimately into people's lives but when I think about interfaces that
were genuinely delightful I think about General magic and the magic link which if you're not super familiar with it's
this original vision for a smartphone years before the iPhone it was a sort of single device for email
calling and play which seems super normal to us right now but was really really revolutionary
and it didn't take off that's why we don't know it it was sort of the wrong time and the wrong place for it
but besides that it had this really playful UI where these nicely crafted icons and these really great analogies
of like a street or like a work desk I think the creators and designers built this and they tried to make it joyful
for people I think about this UI like all the time another thing that's delightful to me is
I grew up in a time when the internet was truly about expression it was about finding your corner of the internet you
know making your dinky project and just shaping that corner to be all your own I remember hoping that someone would
tread through some trail of links somehow and just land their way to my corner of the internet
this was one of my first websites that I created in the early 2000s and I think I learned a lot a little bit more about
color theory since then but I was proud of it I remember customers and cursors like
with this trail of animated glitter you know I don't know why just cause I remember this weird little counter
that people had on their websites there's a point of Pride to be like you know I had 25 000 people on my website
and I needed to know I grew up at a time of Myspace profiles Neopets profiles Tumblr profiles and it
taught a generation of people like me to code because you could go in and customize the CSS and HTML I think
expressing and customizing was truly joyful I remember some of Apple's earlier work
this beautiful grain in the bookshelf of Apple Books there's lots of skeuomorphism and the book's just like
feeling like they were in this tiny shelf of yours it's all your own the details here were just so well crafted
and just so so nice but today we spend like 90 percent of our time on five websites where I think
honestly our experiences start to feel pretty homogeneous I think we got here because we started
caring too much about metrics and efficiency and we became this ads-based revenue-based industry where
click-through rate and time on screen just a matter Above All Else so to borrow something from urban
planning it's like our internet when through gentrification
in our drive for metrics efficiency and scaling we also created Design Systems okay don't get me wrong essentially not
a config Design Systems are great they're efficient it makes it possible for us to design for millions of users
and consistency also makes things way more usable but also it can start to feel all too
much the same and too rational it stops that joy that we got from the wacky wacky wild west of that early internet
so that is how we got here to me the internet today feels like a Skyline of uniform glass skyscrapers
a joyless office space where everyone's desk sort of feels the same a waiting room area where you're not too
entertained or wearing the same gray t-shirt for the rest of your life
I don't really get this trend but you know it's fine but that's not to say that there aren't
ways that we've tried to bake Delight into our products even in today's internet
there's confetti which again it can be delightful it's really great when you want to celebrate something that you
know the users actually want to celebrate but I think I've been seeing it a little
bit too much these days it starts to feel a little too congratulatory when you know people
aren't actually excited to change their profile settings we've also given the writing in our
interfaces this is more human voice and tone which I think is better because more conversational it's clearer and it
just like feels better but sometimes I think it can be overdone and it just hits this wrong tone of like
you know it's trying to be too delightful people don't really care how funny and
quirky your product is when they know you're using software and it's not a human so being too conversational and
not direct enough can feel pretty irritating or using illustrations in our UI which I
think these are really nice you often see them in empty States or marketing websites I like them I think they break
up this you know otherwise mundane interface but I also think we're a little too used
to seeing them they've all sort of converged on a similar style and at this point I don't
know if we can say they're truly delightful anymore so it sort of feels like we've we've
standardized our definition of delight in the tech industry but at the end of the day we have to ask
ourselves did we really Delight people have you ever seen these things in a product and actually felt
Joy maybe once or twice so is this really Delight or are we just
creating patterns and components to make software design efficient have we codified Delight so much that
we've sort of like sapped the joy out of it I want to take a second to think about
things that might be truly delightful to you in your life for me it's things like a friend
bringing me flowers or coffee on a bad day it's getting up early in the morning to
catch a flight but then being pleasantly surprised by the sunrise it's a really nice restaurant with
really good attentive service or a thoughtful handwritten note from a co-worker
when I think about these things I realize there isn't a perfect recipe for Delight they're not just components you
can swap in and out to make something delightful so I think this begs the question how do
we find and create these moments of delight in the digital world I'm going to hand it over to mahika to
share her thoughts here [Applause] hey everyone
I'm mahika I'm a PM here at figma and I'm so excited to be chatting with you today about how you can take your
roadmap and add some Delight to it so first a little bit about me growing up I always straddled Two Worlds
in school I was always obsessed with math science computer science yet I'd be remiss to also not mention my
inner artist this was a painting I made when I was younger where for some reason I thought
it would be interesting to paint a woman with math formulas and physics equations sprouting out of her head
this was a math Capstone project I did where I mapped the shatter of glass and ended up creating a mural in the process
in school I majored in computer science and minored in Visual Arts and founded a design conference that connected
undergraduate students with leading creative Executives from across the country
and in terms of how I ended up as a PM well when I was doing software engineering I really missed the design
side of things and when I was working as a designer I really missed the technical and for me moving into product has been
a really incredible way to have more touch points across the entire product development cycle and also just be able
to wear more hats now I'm going to start by telling you about one of the most influential
experiences of my life something that taught me what true Delight feels like so around 10 years ago I went to Japan
for the first time I went to Japan for many reasons the food
the cherry blossoms what I was not expecting however was to come away from this trip feeling as though I and
everyone around me were simply doing our lives wrong now why did I feel this way
well part of the culture is just this Obsession and attention to detail of really anticipating a customer's next
move or what a person is about to do next and just doing that for them my first experience with this was when I
rolled up outside of the airport and hailed a taxi now I'm from New York I've been hailing taxis my entire life and I
thought I knew how to do it turns out I was wrong because when I landed in Japan and the taxi rolled up in front of me
the door popped open without me needing to do anything and I was just in awe that this next step had been taken for
me without me even asking another example was this past April when I went back to Japan this time with
friends we went out for sushi and when you go out for sushi they give you this little plate on the side of your uh
bigger plate which has a little napkin for you to dab your fingers in between courses
right after the first course the sushi chef takes one of my friends napkins and moves it from the right side to the left
side of her plate for a second we were kind of confused did she spill something were we all going to have our Sushi
napkins moved no what actually ended up happening was the sushi chef amidst slicing the fish
massaging the rice and more had taken the attention to note that my friend was in fact a lefty and that she would
probably have a more delightful experience if her napkin was on the left side of her plate
now all of this attention to detail all of this care that went into ensuring
that we were joyful and that this Joy was sparked in our meals and our experiences I think it's the same level
of aspiration we should have when we're building out products in the digital world
something that makes someone say oh or ah or wow
something that puts a smile on people's face now fast forward a little bit to my
first project at figma it started out as most projects do with the problem in our case our problem was that fig Jam files
were insanely chaotic we've all been there the people who were creating them had no
idea how to organize them and the people who were jumping into them had no idea where to get started
and so we moved on to the ideation phase and I'm sure many of you are familiar inside of figma we have this primitive
Calder frame and we were kind of thinking like hey in order to help people organize their fig Jam canvases
when to be great if we kind of build frames but for fig Jam and so we moved on we designed the
product we built it and then we moved into this dog fooding stage and dog fooding or
what we call internally staging at figma is this phase of the project where at every company I'd been at in the past it
was this one to two week phase where you made sure there were no breaking changes or no bugs that were going to take the
entire company down when you shipped it and so after like one to two weeks of dog fooding I was kind of like okay
awesome our next step is like a launch right right
turns out our next step was not a launch at all our next step was to go back to the drawing board back to the design
phase to redesign and rebuild and redesign and rebuild
and as feedback started trickling in from across the company not bugs but minor suggestions ways that we could be
moving the napkin from the left to the right we went back and we've redesigned and rebuilt and redesigned and rebuilt
and ultimately we launched a product that was much more successful for it a product where when you zoomed in and
out of the canvas the title scaled so that you could always Orient yourself a product where when you zoomed into the
canvas the titles would pop out of the sections just so that you could ensure that you were seeing your entire content
a product where the colors the corners Etc were emblematic of the Fig Jam brand and these were details that were not on
the original spec these were details that only came out because the designers and PMs and Engineers across the company
came together in order to ensure that we could have this multi-long multi-month long staging process
that would ensure that we were building projects and products to perfection now
this is kind of hard and I'm not gonna lie this is the tide
the tide is against you most companies don't have a multi-month
long staging or dog fooding process you kind of have a week and so right now we're in this very very metrics driven
kpi Centric world where all everything on your roadmap needs to tie to these key performance indicators that indicate
that okay this will make my Revenue go up by this much and this will make my customer engagement go up by this much
Steph Engel summarized it perfectly when she said everything I love is a P2 but I'm hoping that today we can begin
to teach you how to ride the wave the first recommendation we have is to Define your brand of delight
different things work for different companies Apple for example has this brand of
delight that is built upon this level of perfection it's built right into their unboxing
experience your first touch point with any one of their products there are details that most people use
and don't even know about I recently learned that for the Vision Pro the way that they actually let you
zoom is by tracking your eye movement to the corner of your screen and if you pinch to zoom
it automatically Zooms in the direction where you're looking there is Arc by browser company
which is on a mission to have everyone end up in their corner of the world and to make a browser feel like you're home
the recent launch of boosts which basically allows anyone to customize the CSS and HTML of a website without
getting into the nitty-gritty code is emblematic of this they let you make Netflix look like Blockbuster
they let you take Twitter and give it a visual upgrade finally there are companies like ramp
which have taken what could only be described as one of the most boring spaces ever corporate
credit cards and make it a really delightful experience and how did they do this
they thought about their brand values where as a company their goal is to help you spend less and translated that into
their product and design values which is to help users spend less time on their surfaces
even within a single company distinct Brands can have different attributes for example in a recent brainstorm
we came up and started riffing on what is fun mean in figma versus what does fun mean in fig Jam
fun in fake Jam is wild it's weird it's silly it's chaotic fun and figma helpful nostalgic references clever
one example of this cleverness inside of figma is that if you take a marker and draw on top of a white frame we
automatically make it black and if you draw on top of a black frame we automatically make it white
another example about the distinction between these products is if you look at the way that we do showing and hiding so
I think everyone's familiar with the figma layers panel sometimes you need to show things sometimes you need to hide
things and the industry Norm historically has been slashing out an eye to hide something now this is fine
it's like kind of aggressive um and so figma designers thought like oh
wouldn't it be cuter if we just had this eye close something that was buried and is you know kind of cute at the end of
the day well for fig Jam when it came to thinking
about how to hide a section we decided to be much more in your face when to be cool or cute if your entire
canvas was winking at you we thought so too and so Define your brand of delight take
the time to think about two to three adjectives that really describe your brand and your brand uniquely
the next recommendation is to carve out moments so Jenny spoke to you about maker week which is our bi-annual
hackathon at figma this is a time of year when Engineers designers PM sale marketing and more come together drop
everything that they're working on and just build something for the heck of it I cannot tell you the amount of
delightful features that ended up on our roadmap because of this week that would otherwise never have seen the light of
day another example is April fun day which is our take on April Fool's Day speaking
of being true to a brand this is a moment where every year for 24 hours we hide a bunch of Easter eggs in
your product and spend the day celebrating everyone discovering them on design Twitter
and what's really awesome is that as you build these deliberate moments into your product you end up with some
serendipitous ones as well this past October we ended up with a pretty interesting situation on the Fig Jam
team which was a bunch of Engineers with extra bandwidth because a lot of products were mid-design
and so what did we do with this extra bandwidth we turned it into a celebration for Halloween or what we
internally called jamawin and launched a bunch of halloween-esque features to celebrate with our users
so carve out the moments think about what things in a year are special to your brand
and take the time to celebrate those with your users the third recommendation is to inspire
there is something that is so special about getting an entire team or an entire pocket of people irrationally
passionate about building something that was otherwise not going to happen and so if you're a designer start
prototyping if you're an engineer start building if you're a PM good luck
just kidding PMS you too have an incredibly important role to play in terms of advocating for the why of why
these things should end up on the roadmap not to mention it couldn't hurt to jump into a figma file every now and
then this is a sticky from a maker week brainstorm
last year which was about music inside of fig Jam this ultimately turned into what could
only be described as the world's most delightful digital music player another example is a set of janky emote
sketches which turned into a probably out of scope spider web emote wheel
that turned into a few hours later a prototype on staging and Natasha summed it up perfectly when
she said on Twitter that something that was probably too hard to build ended up as one of the flagship features of this
jamawin launch because John an engineer and our team shared an irrational passion to bring it to life
and so inspire and lastly Be Inspired it's not enough to evangelize these moments inside of
your company but it's also incredibly important to be open to receiving moments of delight and getting inspired
I think hopefully everyone's familiar with this game we all played it on our nokias back in the day well internally
we were a huge fan and we decided to bring snake to life within sections this past April fun day
we're also incredibly inspired by our community a couple years ago Maylee surmised Into
The Ether that like hey wouldn't it be awesome if digital washi tape were a thing
well we agreed and for fig Jam's first birthday we decided to bring this to life inside of our product I hope you go
and use it I recently learned that Stuart weitzman's gladiator sandals were in
fact inspired by tivas and so you're probably wondering hey mihika European tell me why I should
prioritize these features or maybe you're sold and maybe you're kind of wondering hey can you tell me
when someone else asks me why I should prioritize these features what do I even say
well if we think about an impact effort Matrix some things are worth building and some
things might not be if something's High effort low impact don't even think about it skip
don't need to deal with that for things that are low impact low effort these are tempting you want to get them onto the
road map illustrations confetti Etc they might put a smile on someone's face but maybe once not again
things that are high impact low effort I think about these as your duty for example when we were building sections
in fig Jam we needed a hidden state it was an additional Edge work but it was an opportunity to put something cute to
put a smile on our users faces and in terms of things that are high impact High effort
well in terms of why you should prioritize these I'm excited to show you the most impressive visual of all
now I know what you're thinking hey mihika your slide deck's broken you just told us you were going to show us the
most impressive visual of all and we're staring at a blank screen well that's because the visual is not up
here but it's all around you would love each of you to take a look around at the hundreds no thousands of people that
have come to be here today in person there is something that is so magical about users that are willing to get into
a room together that are so passionate that they want to pack up their bags and take a transatlantic or trans-pacific
flight to be together in person people who are so passionate about your product that they will walk into a nail
salon and ask for vectors and components to be written on their nails users who when during linears launch web
page launch of the Year crash are willing to jump into a figma file during a DDOS to continue the party and just
hang out with the community and so externally figma is often touted as this brand that
has really embodied product-led growth internally however we attribute our success to community-led growth there is
something magical about building an emotional connection with your users something that sends user growth
retention engagement and revenue off the charts users who are willing to use your
product not just use your product but force their friends and their broader communities to use your product as well
users who will fly across the world for you that's who you're building for and so next time you're thinking about
how to take care of your users pop open that card door ride the wave and now over to Kian to
tell you about the behind the scenes of some of these features thanks Mojica hi I'm Kian I'm the
designer at figma and if you have used fiction before you've probably seen some of my work
such as the delightful toolbar cursor high fives and washi tape when I was 13 years old me and my family immigrated
from Malaysia to Canada and it was pretty hard at times and at the same time super you know exciting
because everything around me is new again now the drivers the driver's seats on the left side people can drink out
the tab which was crazy to me but um generally I got this I knew found love to like explain what's what's
around me um at the same time I got this I knew passion of like trying
out different film cameras such as the nimso 3D it's actually pretty cool you can take a photo where it's just four
photos in different perspectives you can make gifs like these so looking back it was the perfect
scenario as I was I found myself very curious about exploring where's what's around me and documenting them with the
cameras I love to experiment with when I was stuck in class however I spent majority of my time dreaming
about apps I wish existed on my iPod Touch you know with and I just like you know
fill up my notebooks with all the apps ideas I have and I can't wait you know to get back home and start visualizing
my ideas such as drawing what if Vine exists on the Mac or just I just don't like the Safari icon let me draw a new
one and I just really enjoy the both the aspects of exploring my surroundings and
visualizing my ideas fast forward to today I feel super super lucky to be able to do what I love every
single day I think figma which is designing features that evoke Joy for people
a lot of the problems we try to solve that thick Jam actually consists of helping people collaborate in a fun and
engaging way that feels natural when designing for these problem areas we found ourselves always drawing
inspiration from the physical world such as the bookstore you go to and just everyday objects that you use
that's because we think drawing inspiration from the physical world creates constraints based on how people
expect things to look and behave we found that working within the constraints of the physical world makes
it easier for us to get started especially when a lot of the tools we work on at fig Jam are influenced based
on our influence based on how the physical world works so that we can build on top of people's existing mental
models you know take Fiction's music player for example
we drew inspiration from you know record players since it's such an iconic way to represent music
but what exactly evokes Joy here from a visual perspective I think it's a more interesting way for people to
experience music in a digital medium it might also evoke some sort of nostalgia for some folks
but what we really do care about is how this visual aspect kind of brings out people's curiosity of how you can
interact with it such as dragging the tone arm can playing positive music so when people try it and it actually
works that's kind of like a surprise and unexpected Delight for them another example is the photo booth
widget for fig Jam which is heavily inspired by you know obviously the Polaroid camera and
instant films besides this widely recognizable you know form and its function
the widget actually has a lot of similarities of how it works in the physical world you know you can only
take one photo at a time and each photo is unique after taking a photo you can't really
like choose from your album choose from your existing photo album or you know replace it
but I think that constraint itself is what makes this very special because the viewer of the photo that you
have been received makes it much more sentimental and they can cherish it even more it that really
does give these photos created from the photo widget much more meaningful this little widget really exceeded our
expectations on how big of a role it can play in bringing people together in a remote environment such as icebreakers
you know birthday celebration and even for couples who are in the long distance relationship
so seeing these responses really give us conviction that people really do care about the ideas that we were inspired
from the physical world and this got me thinking okay how can we like push it to the next
level like bring more inspiration from the constraints of the physical world what if we can you know emulate how the
film actually develops in real life sure no it is much slower but there's this feeling of like
anticipation and excitement when you see your photos you know coming up slowly to life
that's just something you don't get on the digital medium today since we're just so used to our iPhones and photos
coming up instantly but these are the type of ideas we love stumbling upon to when we start
exploring and drawing inspiration from the physical world but we also found that it's important to
find the right balance of how much parity you want to draw from the physical world
because if it comes at the expense of people's productivity it is a distraction
take big gems voting feature for example we try when we're working on this we try to find ways to build excitement for
people when the voting result is about to get revealed and my first instinct is you know what
if we can explore some Concepts during inspiration from a war show such as the Oscar where the host will have this like
shiny envelope and they'll like peel it open slowly and the crowd is all quiet when they start to I read the result I
think Joe won't that be super cool if participants in the Fig Jam can get similar experience
so here's a rough prototype I made someone will someone in the group will have to like peel open the sticker
and the votes kind of like slowly you know reveal itself as you can see it's kind of pretty cool
for like the first few times but it didn't turn out as well as I thought because this whole interaction is too
heavy and over the top four scenario that happens way more often than the Oscars
um so we've learned a lot that it's important to understand first what is worth pulling from the
physical world so that it matches the goal of what you're trying to do on the digital medium
we're trying to combine The Best of Both Worlds here and this is where we realize something special can happen in between
one of the ways we do is we observe what our current you know customers are already doing in our products that our
product currently don't support so in a collaborative tool such as stick Jam it's actually so common to see
people are doing what they're doing in the physical world but in the digital medium through these workarounds
before we even you know build a dedicated Hi-Fi for waving features such as thick Jam we noticed people are
already doing things such as you know shaking the cursor when someone when someone you work with dropping your file
just to say hi or people are creating dedicated like areas in the file just to simulate some
sort of like high five or celebration with the people they work with and this guy thinking it's kind of like
people are treating their hands as their ex sorry treating their cursor as an extension of their hands
to us this is such a great opportunity to do something special here by drawing inspiration of inspiration from how
people are treating hand gestures in the physical world and execute it on the digital medium
reform pins repos such as spontaneous actions like waving or high-fiving should feel just as natural as in the
physical world but how does that apply in practice for example people shouldn't need to
learn a keyboard shortcut or find a specific entry point and select an action just to do something spontaneous
with people by the time you actually find this entry point the party is really over
so I really think there's got to be a better way to go about this and what we
landed on is a solution that preserves people's mental model of their cursor equals the hand
but and but when you want to high-five someone in the physical world what do
you do first you put your hands up right but how does that translate to the
digital medium how do we get people to do that without you know blocking what they're trying to do at work
we just shake the cursor so this really opens up a lot of opportunities where we build on top of
people existing Behavior when they already shake that cursor just to wave through people
so when you're in hands-up mode waving should just be as natural as how you'll do it in real life
we bake in this waving interaction as the default behavior when you're in this hands-up mode this this whole idea is
just like when your cursor moves the hand kind of tilts towards where it's moving and it feels Supernatural
and finally when you see another fellow collaborator with their hands up high-fiving is just like as easy as
colliding with them just like in the physical world and we spent a lot of time
to try to make this as satisfying as possible so to to recap don't be afraid to draw
inspiration from the physical world Embrace those constraints that the physical world has which brings because
those are the ones that brings special meaning to it be intentional and not trying to overdo
it so that you can make sure your end output feels native to the digital medium
so if you're feeling stuck you know take a break from your screens walk outside
just look around your surroundings and be curious about why the things you see around you are the way they are who
knows your next great idea might just be in front of you
thank you thanks kid I never ever get tired of seeing the design process for those
features because it's so so magical so to round this out I feel like most of us we join this industry because we grew
up loving the internet it was this place where we could be anybody and express ourselves in just any way and we could
just make things but today we spend more time than ever on the internet and it's just a place
that might feel so sort of dull where everything just feels the same so even though I want an Internet that
works for me to do my work I also want the internet to be shaded by Street trees or smelly Bakery bread or whatever
that internet equivalent is I want my internet to feel like it's been carved out by hand
and I want it to feel Whimsical and weird and I want it to feel like it's been its
Collective Mess treaded by humans and I want my online workspaces to feel like this messy workspace and not just
those ones that you see on Pinterest because nobody works that way so I think it comes down to like why do
we expect so much Beauty and Humanity out of our physical world but not of our digital one
this is the internet that I want but to get to this internet we as designers have to be that expert
craftsperson or that really attentive server we should be curious and we can't only move around prefabricated parts and
make one-size-fits all things don't get me wrong I am not telling you I can Vic to go home and like detach all
your instances don't tell your designs and systems teams this that's not what you're learning here
but true to light really means finding the moments to break out of that system I think back to General magic to Apple's
geomorphic design to even figma's Gemma wean launches when you hear from the designers that
worked on these things I think there's one common thing just the amount of care and craft that they they put into these
things and the amount of Joy they had making them so when we think about the moments we
felt the most Joy about our work it's moments like these making prototypes exploring new interactions while also
solving user problems this is deeply in line with the times that our work has also brought you guys
the most Joy so what can I say Joy is infectious
so maybe it's not just about the joy that you put in the product but selfishly maybe this is actually about
us too as designers and product people finding joy in what we do again
so let's not just put Joy back into the road map but back into our work thank you
[Applause] [Music]
Heads up!
This summary and transcript were automatically generated using AI with the Free YouTube Transcript Summary Tool by LunaNotes.
Generate a summary for freeRelated Summaries

Creating Game Designs with Stable Diffusion and Photoshop: A Comprehensive Guide to Jungle Piics
Learn how to design a match-three game using Stable Diffusion and Photoshop, from logo creation to game assets.

The Evolution of Product Teams: Insights from Industry Leaders
This video discusses the importance of maintaining small product teams to preserve a singular vision, the shift towards design-first sensibilities in product development, and the challenges faced by larger organizations in maintaining product quality. It highlights key figures in the industry and their approaches to product management and design.

The Rise of Versel: Insights from Developer Advocate Stephen on Building Viral Products
Explore Stephen's journey at Versel and how to create successful tech products.

Unlocking Productivity: How Notion Transformed Users into Productivity Gods
Discover how Notion revolutionizes productivity and why users are obsessed with this multi-functional tool.

Creating Stunning Mockups with Stable Diffusion and Photoshop
Learn how to design impressive mockups using Stable Diffusion and Photoshop. Perfect your designs with ease!
Most Viewed Summaries

Mastering Inpainting with Stable Diffusion: Fix Mistakes and Enhance Your Images
Learn to fix mistakes and enhance images with Stable Diffusion's inpainting features effectively.

A Comprehensive Guide to Using Stable Diffusion Forge UI
Explore the Stable Diffusion Forge UI, customizable settings, models, and more to enhance your image generation experience.

How to Use ChatGPT to Summarize YouTube Videos Efficiently
Learn how to summarize YouTube videos with ChatGPT in just a few simple steps.

Pamaraan at Patakarang Kolonyal ng mga Espanyol sa Pilipinas
Tuklasin ang mga pamamaraan at patakarang kolonyal ng mga Espanyol sa Pilipinas at ang mga epekto nito sa mga Pilipino.

Pamamaraan at Patakarang Kolonyal ng mga Espanyol sa Pilipinas
Tuklasin ang mga pamamaraan at patakaran ng mga Espanyol sa Pilipinas, at ang epekto nito sa mga Pilipino.