Sustainable Design
YS
Insights
YS
Insights
Do you Shower or use Bucket tumbler to bathe?
Do you use Plastic bags or Cloth bags for grocery shopping
Do you use plastic plates and water bottles during gatherings or recyclable alternatives?
Do you use your car when you travel alone or public transport?
1.
2.
3.
4.
How environment friendly are you?
Table of Contents PART 1 Sustainability
PART 2 Sustainable Design
PART 3 UX & Sustainable design
PART 4 Ways to live sustainably
PART 5
PART 6
Ways to Design Sustainably
Quiz Time :))
02
Sustainability refers to the ability to maintain or support a process
continuously over time.
In business and policy contexts, sustainability seeks to prevent the
depletion of natural or physical resources, so that they will remain
available for the long term.
Sustainability is often broken into three core concepts: economic,
environmental, and social
What is Sustainability?
03
YS
Insights
YS
Insights
Sustainable design creates long-term solutions and helps
societies ensure the well-being of their people and harmony with
the environment for generations.
Designers reduce waste by making products that are recyclable,
compostable and even better - endlessly reusable
They might also create a manufacturing process to reduce or
remove carbon dioxide emissions. As the most significant
challenge of our age, many of these designs relate to
environmentalism or combatting climate change.
Sustainable Design
04
YS
Insights
A sustainably designed product or service is one that considers
the entire lifecycle of the product during development, from
manufacturing to disposal. A truly sustainable design is optimized
for reuse.
A physical product might use recycled materials, or be
manufactured in a plant that doesn’t use fossil fuels to become
more sustainable.
A sustainable service should provide what the user needs while
reducing the use of non-renewable resources.
What makes a product
sustainable?
05
Pattal Jute bags Bamboo comb Coconut coir dish
scrub
SUSTAINABLE PRODUCTS
06
UX & Sustainable design
07
You can also use less energy in your website UX by lighting fewer
pixels on a user’s screen through dark mode.
Compressing and optimising dynamic content like video (large file
sizes require more energy for hosting and playback), and lazy
loading, which ensures non-critical content only loads when
people need it.
Not only does this help reduce carbon emissions, but it also makes
for a better user experience.
UX & Sustainable Design
08
YS
Insights
YS
Insights
Interpret Instagram posts using image recognition to generate text-based
representations.
User's feed displays text-based content instead of an algorithmically
ordered feed.
Users have the option to tap and view content they are interested in.
Users can view their energy/carbon meter depicted as a gradient bar on
top of the feed.
Initiate discussions within design and tech communities.
Explore alternative approaches to Instagram's algorithmic feed.
TOM JARRETT'S LOW ENERGY
INSTAGRAM
09
Challenge: Create web pages under 10 kilobytes in size.
Objectives:
Inspire designers and developers to create leaner and more efficient
websites.
Enable wider accessibility for users with slow internet connections or
limited data plans.
Promoting Sustainability
Reduced energy consumption
Reduced data usage
Improved performance
More inclusive
1.
2.
10k Apart
10
YS
INSIGHTS
Think twice before shopping.
Go #PlasticFree.
Boycott products that endanger wildlife.
Be water wise.
Drive less, drive green.
Choose Wild Energy.
Choose to have a smaller family.
Use your voice and your vote.
8 WAYS TO LIVE MORE SUSTAINABLY
11
YS
INSIGHTS
1. Suggest an eco-friendly foundation
2. Design for accessibility
3. Optimize copy and format
4. Use weightless content
WAYS TO DESIGN MORE SUSTAINABLY
12
YS
INSIGHTS
Be ready !
No safari on google will be allowed
Please turn on your camera's
You got 10 sec for each question
What is a key strategy
employed by designers
to reduce waste in
sustainable design?
1
2
3
Repurposing
Recycling
Reusability
4 Reducing
packaging
What is a key strategy
employed by designers
to reduce waste in
sustainable design?
1
2
Repurposing
Recycling
Reusability
4
Reducing
packaging
What is a characteristic
of a sustainable product
design in terms of
material selection?
1
2
3
Cost
effectiveness
Durability
Aesthetics
Using recycled or
responsibly sourced
materials
4
What is a characteristic
of a sustainable product
design in terms of
material selection?
1
2
3
Cost
effectiveness
Durability
Aesthetics
Using recycled or
responsibly sourced
materials
What is a technique used in
web design to reduce
energy consumption and
improve user experience by
loading content only when
needed?
1
Progressive
loading
2
Dynamic
loading
3
Lazy
loading
4 Adaptive
loading
What is a technique used in
web design to reduce
energy consumption and
improve user experience by
loading content only when
needed?
1
Progressive
loading
2
Dynamic
loading
Lazy
loading
4 Adaptive
loading
What is a key goal of
sustainable design in
relation to natural or
physical resources?
1
Maximizing
extraction
2
Accelerating
depletion
3
Minimizing
consumption
4 Preventing
depletion
What is a key goal of
sustainable design in
relation to natural or
physical resources?
1
Maximizing
extraction
2
Accelerating
depletion
3
Minimizing
consumption
Preventing
depletion
Quiz on the
misconceptions
in UX.
Q1
The infinite scroll is not a benchmark in designing a good
browsing experience.
Even the inventor of this practice confirms this! The infinite
scroll allows the user to scroll the content of a
page...endlessly (as the name may suggest). But on the user
side, this can turn into a tedious experience and led to one
thing: your visitor cannot find the information he is looking
for.
NO, certainly not !
Q2
Everything doesn't have to be necessarily accessible from
the Homepage
Confronted with certain situations, individuals shall
experience a significant "cognitive load". This means, the
amount of sensory information that they can process in a
given period of time is going to be surpassed. When too
stimulated, the user is going to end up in a stressful
situation which triggers thoughtless actions, unpredictable
behaviors…
False ...
Q3
The design should not be minimalist
"Simplicity" aims to "reduce complexity", "Minimalism" is
about "reducing the elements to the strict minimum". This
variation is important! Not taking this into account can lead
to many obstacles.
Because favouring minimalism for the sake of simplicity
often means running the risk of losing your user or not
being understood by them.
Nope !
AGREE
DISAGREE
Q4
No, just because a user has more choices does not mean
they will be more satisfied
Giving choices to your users to give them some control is
relevant and wise. As long as this is done sparingly and
through common sense. Because giving many options
without prioritizing these will increase the user's "cognitive
load". You run the risk of paralyzing him in his decision-
making process and maybe even creating frustration.
Disagree !
Q5
The design should not be minimalist
In a page, blank spaces strengthen readability, help
prioritize your content and even play a role in your brand
positioning. As we saw before, everything is related to this
famous cognitive load. The presence of blank or empty
spaces helps us remain focused on precise information.
Blank spaces are not
wasted space !
Q6
You don't need an original design
Users have developed interaction habits during their various browsing
experiences. They refer to this as "affordance". Having accumulated
these experiences, they know how to carry out a process or which
button to click when on a new site or an unknown application, so they
don't need any instructions to do so! Hense the user is already
"educated".
Using originality means confusing representations, forcing the user to
think and often making him waste time in carrying out simple actions.
However, when they are on your site, your visitor doesn't have much
time to waste.
No !!
Q6
UX designer shouldn't make my website intuitive
One says that something is intuitive when it is understood
at once. UX design, on the other hand, focuses on the user
experience. One acquires this through practice ... So it's not
the same thing!
If UX Design is not an enemy of intuition, it isn't its first aim.
Our main goal is to guide users while they browse the
website, through pedagogy. Moreover, if its use is intuitive,
now that's the frosting on the cake!
Nope ... !
SUSTAINABLE DESIGN

SUSTAINABLE DESIGN

  • 1.
  • 2.
    YS Insights Do you Showeror use Bucket tumbler to bathe? Do you use Plastic bags or Cloth bags for grocery shopping Do you use plastic plates and water bottles during gatherings or recyclable alternatives? Do you use your car when you travel alone or public transport? 1. 2. 3. 4. How environment friendly are you?
  • 3.
    Table of ContentsPART 1 Sustainability PART 2 Sustainable Design PART 3 UX & Sustainable design PART 4 Ways to live sustainably PART 5 PART 6 Ways to Design Sustainably Quiz Time :)) 02
  • 4.
    Sustainability refers tothe ability to maintain or support a process continuously over time. In business and policy contexts, sustainability seeks to prevent the depletion of natural or physical resources, so that they will remain available for the long term. Sustainability is often broken into three core concepts: economic, environmental, and social What is Sustainability? 03 YS Insights
  • 5.
    YS Insights Sustainable design createslong-term solutions and helps societies ensure the well-being of their people and harmony with the environment for generations. Designers reduce waste by making products that are recyclable, compostable and even better - endlessly reusable They might also create a manufacturing process to reduce or remove carbon dioxide emissions. As the most significant challenge of our age, many of these designs relate to environmentalism or combatting climate change. Sustainable Design 04
  • 6.
    YS Insights A sustainably designedproduct or service is one that considers the entire lifecycle of the product during development, from manufacturing to disposal. A truly sustainable design is optimized for reuse. A physical product might use recycled materials, or be manufactured in a plant that doesn’t use fossil fuels to become more sustainable. A sustainable service should provide what the user needs while reducing the use of non-renewable resources. What makes a product sustainable? 05
  • 7.
    Pattal Jute bagsBamboo comb Coconut coir dish scrub SUSTAINABLE PRODUCTS 06
  • 8.
  • 9.
    You can alsouse less energy in your website UX by lighting fewer pixels on a user’s screen through dark mode. Compressing and optimising dynamic content like video (large file sizes require more energy for hosting and playback), and lazy loading, which ensures non-critical content only loads when people need it. Not only does this help reduce carbon emissions, but it also makes for a better user experience. UX & Sustainable Design 08 YS Insights
  • 10.
    YS Insights Interpret Instagram postsusing image recognition to generate text-based representations. User's feed displays text-based content instead of an algorithmically ordered feed. Users have the option to tap and view content they are interested in. Users can view their energy/carbon meter depicted as a gradient bar on top of the feed. Initiate discussions within design and tech communities. Explore alternative approaches to Instagram's algorithmic feed. TOM JARRETT'S LOW ENERGY INSTAGRAM 09
  • 11.
    Challenge: Create webpages under 10 kilobytes in size. Objectives: Inspire designers and developers to create leaner and more efficient websites. Enable wider accessibility for users with slow internet connections or limited data plans. Promoting Sustainability Reduced energy consumption Reduced data usage Improved performance More inclusive 1. 2. 10k Apart 10 YS INSIGHTS
  • 12.
    Think twice beforeshopping. Go #PlasticFree. Boycott products that endanger wildlife. Be water wise. Drive less, drive green. Choose Wild Energy. Choose to have a smaller family. Use your voice and your vote. 8 WAYS TO LIVE MORE SUSTAINABLY 11 YS INSIGHTS
  • 13.
    1. Suggest aneco-friendly foundation 2. Design for accessibility 3. Optimize copy and format 4. Use weightless content WAYS TO DESIGN MORE SUSTAINABLY 12 YS INSIGHTS
  • 14.
  • 15.
    No safari ongoogle will be allowed Please turn on your camera's You got 10 sec for each question
  • 16.
    What is akey strategy employed by designers to reduce waste in sustainable design? 1 2 3 Repurposing Recycling Reusability 4 Reducing packaging
  • 17.
    What is akey strategy employed by designers to reduce waste in sustainable design? 1 2 Repurposing Recycling Reusability 4 Reducing packaging
  • 18.
    What is acharacteristic of a sustainable product design in terms of material selection? 1 2 3 Cost effectiveness Durability Aesthetics Using recycled or responsibly sourced materials 4
  • 19.
    What is acharacteristic of a sustainable product design in terms of material selection? 1 2 3 Cost effectiveness Durability Aesthetics Using recycled or responsibly sourced materials
  • 20.
    What is atechnique used in web design to reduce energy consumption and improve user experience by loading content only when needed? 1 Progressive loading 2 Dynamic loading 3 Lazy loading 4 Adaptive loading
  • 21.
    What is atechnique used in web design to reduce energy consumption and improve user experience by loading content only when needed? 1 Progressive loading 2 Dynamic loading Lazy loading 4 Adaptive loading
  • 22.
    What is akey goal of sustainable design in relation to natural or physical resources? 1 Maximizing extraction 2 Accelerating depletion 3 Minimizing consumption 4 Preventing depletion
  • 23.
    What is akey goal of sustainable design in relation to natural or physical resources? 1 Maximizing extraction 2 Accelerating depletion 3 Minimizing consumption Preventing depletion
  • 24.
  • 25.
  • 26.
    The infinite scrollis not a benchmark in designing a good browsing experience. Even the inventor of this practice confirms this! The infinite scroll allows the user to scroll the content of a page...endlessly (as the name may suggest). But on the user side, this can turn into a tedious experience and led to one thing: your visitor cannot find the information he is looking for. NO, certainly not !
  • 27.
  • 28.
    Everything doesn't haveto be necessarily accessible from the Homepage Confronted with certain situations, individuals shall experience a significant "cognitive load". This means, the amount of sensory information that they can process in a given period of time is going to be surpassed. When too stimulated, the user is going to end up in a stressful situation which triggers thoughtless actions, unpredictable behaviors… False ...
  • 29.
  • 30.
    The design shouldnot be minimalist "Simplicity" aims to "reduce complexity", "Minimalism" is about "reducing the elements to the strict minimum". This variation is important! Not taking this into account can lead to many obstacles. Because favouring minimalism for the sake of simplicity often means running the risk of losing your user or not being understood by them. Nope !
  • 31.
  • 32.
    No, just becausea user has more choices does not mean they will be more satisfied Giving choices to your users to give them some control is relevant and wise. As long as this is done sparingly and through common sense. Because giving many options without prioritizing these will increase the user's "cognitive load". You run the risk of paralyzing him in his decision- making process and maybe even creating frustration. Disagree !
  • 33.
  • 34.
    The design shouldnot be minimalist In a page, blank spaces strengthen readability, help prioritize your content and even play a role in your brand positioning. As we saw before, everything is related to this famous cognitive load. The presence of blank or empty spaces helps us remain focused on precise information. Blank spaces are not wasted space !
  • 35.
  • 36.
    You don't needan original design Users have developed interaction habits during their various browsing experiences. They refer to this as "affordance". Having accumulated these experiences, they know how to carry out a process or which button to click when on a new site or an unknown application, so they don't need any instructions to do so! Hense the user is already "educated". Using originality means confusing representations, forcing the user to think and often making him waste time in carrying out simple actions. However, when they are on your site, your visitor doesn't have much time to waste. No !!
  • 37.
  • 38.
    UX designer shouldn'tmake my website intuitive One says that something is intuitive when it is understood at once. UX design, on the other hand, focuses on the user experience. One acquires this through practice ... So it's not the same thing! If UX Design is not an enemy of intuition, it isn't its first aim. Our main goal is to guide users while they browse the website, through pedagogy. Moreover, if its use is intuitive, now that's the frosting on the cake! Nope ... !