init
This commit is contained in:
rra
commit
d31f0e5484
3
README.md
Normal file
3
README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# LTM ws Ethics By Design
|
||||
|
||||
All the materials for the slide are in index.html.
|
||||
548
index.html
Normal file
548
index.html
Normal file
@ -0,0 +1,548 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>solar.lowtechmagazine.com</title>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
|
||||
body { font-family: serif; }
|
||||
h1, h2, h3 {
|
||||
font-weight: normal;
|
||||
}
|
||||
#low-tech-magazine{
|
||||
font-weight: normal;
|
||||
}
|
||||
#-doubts-on-progress-and-technology-, #-if-you-are-so-low-tech-then-why-do-you-have-a-website-{
|
||||
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#low-tech-solutions{
|
||||
color:#162dab;
|
||||
}
|
||||
#obsolete-technology{
|
||||
color:#006951
|
||||
}
|
||||
#high-tech-problems{
|
||||
color:#d11305
|
||||
}
|
||||
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
|
||||
.remark-slide-content{
|
||||
background-color: #fff5d1;
|
||||
}
|
||||
.mix {
|
||||
background-blend-mode: hard-light;
|
||||
color:#fff5d1;
|
||||
background-size: 110%;
|
||||
background-color: #162dab;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<textarea id="source">
|
||||
|
||||
class: bottom, middle
|
||||
|
||||
# LOW←TECH MAGAZINE
|
||||
|
||||
.left[POST Design Festival 2019]
|
||||
|
||||
???
|
||||
|
||||
Roel, artist and researcher
|
||||
|
||||
net culture, infrastructure and DIY
|
||||
|
||||
from Rotterdam, PZI
|
||||
|
||||
now PhD.
|
||||
|
||||
representing solar team
|
||||
|
||||
Kris de Decker, Marie Otsuka, Lauren Campbell
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Your menu for today
|
||||
|
||||
1. ## What is LTM?
|
||||
2. ## What is Low-Tech?
|
||||
3. ## Why Low-Tech Web Design?
|
||||
4. ## solar.lowtechmagazine.com
|
||||
|
||||
???
|
||||
|
||||
give you some inspiration and conceptual tools for your design work
|
||||
|
||||
---
|
||||
|
||||
# What is LTM?
|
||||
|
||||
???
|
||||
|
||||
So first, what is low-tech magazine?
|
||||
|
||||
--
|
||||
|
||||
## “ Doubts on progress and technology ”
|
||||
|
||||
???
|
||||
|
||||
LTM is an on-line journal that casts doubts on progress and technology since 2007. The magazine was founded **Kris de Decker** who remains the main author.
|
||||
|
||||
--
|
||||
|
||||
## Obsolete Technology
|
||||
|
||||
???
|
||||
|
||||
The magazine studies historical and obsolete technologies
|
||||
|
||||
--
|
||||
|
||||
## High-Tech Problems
|
||||
|
||||
???
|
||||
|
||||
together with research into the social and environmental problems that result from the use of high technology
|
||||
|
||||
--
|
||||
|
||||
## Low-Tech Solutions
|
||||
|
||||
???
|
||||
|
||||
and combines techniques of yesterday with knowledge of today to create low tech solutions.
|
||||
|
||||
--
|
||||
|
||||
## 12 articles, 900,000 unique visitors per year
|
||||
|
||||
???
|
||||
|
||||
|
||||
the magazine releases 12 long, well researched and richly illustrated **articles** each year
|
||||
|
||||
over the course of the years has received a **steady following**.
|
||||
|
||||
which contribute to the community through lengthy and insightful commentary.
|
||||
|
||||
|
||||
---
|
||||
class: mix, left, bottom
|
||||
background-image: url(electric-velomobile-3.png)
|
||||
|
||||
#transportation
|
||||
|
||||
---
|
||||
class: mix, left, bottom
|
||||
background-image: url(albert-anker-tile-stove.png)
|
||||
background-color: #006951
|
||||
|
||||
#heating & cooling
|
||||
|
||||
---
|
||||
class: mix, left, bottom
|
||||
background-image: url(solar-PV.png)
|
||||
background-color: #d11305
|
||||
|
||||
#renewable energy
|
||||
|
||||
---
|
||||
class: mix, right, bottom
|
||||
background-image: url(chinese-greenhouse.png)
|
||||
|
||||
#buildings
|
||||
|
||||
---
|
||||
class: mix, right, bottom
|
||||
background-image: url(sps_close.png)
|
||||
background-color: #006951
|
||||
|
||||
#ICT
|
||||
|
||||
---
|
||||
|
||||
background-image: url(ltm.png)
|
||||
class: left, bottom
|
||||
|
||||
#2007
|
||||
|
||||
???
|
||||
|
||||
The website was launched in 2007
|
||||
---
|
||||
|
||||
background-image: url(ltm.png)
|
||||
class: left, bottom
|
||||
|
||||
#2019
|
||||
|
||||
???
|
||||
|
||||
And saw little change so far
|
||||
|
||||
is in desparate need of a redesign
|
||||
|
||||
for one it is completely unfit for mobile phones
|
||||
|
||||
|
||||
---
|
||||
|
||||
class: center, middle
|
||||
#“ If you are so low-tech then why do you have a website? ”
|
||||
|
||||
???
|
||||
|
||||
but people kept asking a question that was in need of a serious answer
|
||||
|
||||
at the heart of this question are some assumptions about what low tech is and isn't
|
||||
|
||||
|
||||
---
|
||||
|
||||
class: left, top
|
||||
|
||||
# What is Low-Tech?
|
||||
|
||||
--
|
||||
|
||||
## technique > technology
|
||||
|
||||
???
|
||||
|
||||
low tech is about considering technique over technology
|
||||
|
||||
technique is about how things are used, embedded or contextualized
|
||||
|
||||
--
|
||||
|
||||
### energy impact
|
||||
|
||||
???
|
||||
|
||||
low tech considers energy impact
|
||||
|
||||
--
|
||||
|
||||
### built-in assumptions
|
||||
|
||||
???
|
||||
|
||||
but also the built in assumptions about use, reparability, maintenance etc
|
||||
|
||||
--
|
||||
|
||||
### dependencies
|
||||
|
||||
???
|
||||
|
||||
and it considers the dependencies of technologies, favoring less complex or less problematic dependency chains
|
||||
|
||||
---
|
||||
# Useful concepts:
|
||||
|
||||
## Affordances
|
||||
## Externalities
|
||||
## Rebound effects
|
||||
|
||||
???
|
||||
|
||||
i want to quickly dive into three concepts that are helpful when thinking about how to take a low-tech approach
|
||||
|
||||
---
|
||||
|
||||
# Affordances
|
||||
|
||||
--
|
||||
|
||||
## “ **the range of functions and constraints that an object provides for, and places upon**, structurally situated subjects ”
|
||||
|
||||
Davis, Jenny L., and James B. Chouinard. 2016. “Theorizing Affordances: From Request to Refuse.” Bulletin of Science, Technology & Society 36(4): 241–48.
|
||||
|
||||
???
|
||||
|
||||
translate from academic to plain english
|
||||
|
||||
steering, not deterministic
|
||||
|
||||
guns kill people, toaster doesn't
|
||||
|
||||
working with affordance is your one of your tools as a designer
|
||||
|
||||
---
|
||||
# Affordances
|
||||
|
||||
## “ the range of functions and constraints that an object provides for, and places upon, **structurally situated subjects** ”
|
||||
|
||||
Davis, Jenny L., and James B. Chouinard. 2016. “Theorizing Affordances: From Request to Refuse.” Bulletin of Science, Technology & Society 36(4): 241–48.
|
||||
|
||||
???
|
||||
|
||||
car can go fast or slow,
|
||||
|
||||
your choice but nice sounds, looks,
|
||||
|
||||
the rules allow you to go 130
|
||||
|
||||
the road is nice and straight
|
||||
|
||||
free choice but influenced by culture, structures, laws that have influence on your choice
|
||||
|
||||
---
|
||||
# (Negative) Externalities
|
||||
|
||||
--
|
||||
##the manufacture and use of things has (negative) impacts on others, who have not chosen to use the product but who end up bearing the costs. For example the environment.
|
||||
|
||||
Goodstein, Eban S. 2012. Economics and the Environment. Wiley.
|
||||
|
||||
???
|
||||
|
||||
economics, costs or benefits not taking into account of pricing.
|
||||
|
||||
car example, pollution, increased stress of other drivers, increased stress for road
|
||||
|
||||
none of this is in the price of the car.
|
||||
|
||||
---
|
||||
|
||||
# Rebound effects
|
||||
|
||||
--
|
||||
|
||||
## If something becomes more energy efficient and thus cheaper, we can use more of it!
|
||||
|
||||
Herring, Horace, and Robin Roy. 2007. “Technological Innovation, Energy Efficient Design and the Rebound Effect.” Technovation 27(4): 194–203.
|
||||
|
||||
???
|
||||
|
||||
environmental economics
|
||||
|
||||
fuel efficiency leads to more driving
|
||||
|
||||
jevon's paradox
|
||||
|
||||
imagine using efficiency gains not to produce more but to reduce negative externalities
|
||||
|
||||
---
|
||||
|
||||
|
||||
# Why Low-Tech Web Design?
|
||||
|
||||
???
|
||||
|
||||
immaterial internet
|
||||
|
||||
growing energy use
|
||||
|
||||
material basis of datacenters transport and computers.
|
||||
|
||||
renewables can but not enough
|
||||
|
||||
energy use of internet grows faster
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
background-image: url(datagrowth.png)
|
||||
|
||||
???
|
||||
|
||||
x3 and x10 on mobile
|
||||
|
||||
more data means more energy use in transport
|
||||
|
||||
but also means stronger and newer computers
|
||||
|
||||
---
|
||||
|
||||
# Why Low-Tech Web Design?
|
||||
|
||||
## Growth of data usage
|
||||
* ### More transport
|
||||
* ### Need for faster computers
|
||||
|
||||
---
|
||||
# Why Low-Tech Web Design?
|
||||
|
||||
## Growth of data usage
|
||||
* ### More transport
|
||||
* ### Need for faster computers
|
||||
|
||||
|
||||
# Always on-line
|
||||
|
||||
???
|
||||
|
||||
used to be desktop in office, library home
|
||||
|
||||
now even on-line when you sleep
|
||||
|
||||
--
|
||||
|
||||
* ### Cloud computing
|
||||
|
||||
???
|
||||
|
||||
what you used to do off-line now happens on-line
|
||||
|
||||
writing documents, listening to music etc
|
||||
--
|
||||
|
||||
* ### More computing
|
||||
|
||||
???
|
||||
multiple devices, internet of things etc
|
||||
|
||||
**conclusion** less data, less on-line
|
||||
|
||||
---
|
||||
|
||||
# solar.lowtechmagazine.com
|
||||
|
||||
???
|
||||
|
||||
address footprint and on-line time
|
||||
|
||||
reverse trend
|
||||
|
||||
show how different choices can be made
|
||||
|
||||
port existing website
|
||||
|
||||
research in public, in the open
|
||||
|
||||
--
|
||||
|
||||
## run on off-grid solar
|
||||
|
||||
???
|
||||
|
||||
small off-grid system of the office
|
||||
|
||||
practice what you preach
|
||||
|
||||
--
|
||||
|
||||
## on a low-power machine
|
||||
|
||||
???
|
||||
|
||||
to use the small offgrid solar
|
||||
|
||||
--
|
||||
|
||||
## light data foot print
|
||||
|
||||
???
|
||||
|
||||
serve same amount of visitors
|
||||
|
||||
--
|
||||
|
||||
## support old computers
|
||||
--
|
||||
|
||||
## and slow networks
|
||||
|
||||
---
|
||||
|
||||
# Let's have a look
|
||||
|
||||
# <https://solar.lowtechmagazine.com>
|
||||
|
||||
???
|
||||
|
||||
communicate materiality
|
||||
|
||||
static site
|
||||
|
||||
stick to what HTML does well
|
||||
|
||||
dithered images → compression but also visual uniformity
|
||||
|
||||
default typeface
|
||||
|
||||
textual logo
|
||||
|
||||
no tracking or advertising
|
||||
|
||||
design for off-line reading
|
||||
|
||||
---
|
||||
|
||||
class: mix, left, bottom
|
||||
background-image: url(lowtech-book.png)
|
||||
|
||||
#Off-line reading
|
||||
|
||||
|
||||
|
||||
---
|
||||
# What can you do for your next design?
|
||||
|
||||
--
|
||||
|
||||
## yes: light design, support old and different machines
|
||||
|
||||
???
|
||||
|
||||
by macbook for macbook
|
||||
light is always better, will load faster better experience
|
||||
|
||||
--
|
||||
|
||||
## no: off-grid solar, dithering
|
||||
|
||||
???
|
||||
|
||||
many examples where inspired
|
||||
|
||||
huge solar arrays, uptime
|
||||
|
||||
dithering becomes an aesthetic, we used it for a specific case
|
||||
|
||||
--
|
||||
|
||||
## consider: self-hosting, static site engine
|
||||
|
||||
???
|
||||
|
||||
host it at a reputable green hosting provider or do it yourself
|
||||
|
||||
static site is less maintenance, can leave it up,
|
||||
accessibility etc
|
||||
|
||||
---
|
||||
|
||||
# Thanks,
|
||||
|
||||
### from solar.lowtechmagazine.com team
|
||||
|
||||
### Kris de Decker + Marie Otsuka + Roel Roscam Abbing + Lauren Traugott Campbell
|
||||
|
||||
## Get in touch!
|
||||
|
||||
### rra@post.lurk.org -> Mastodon
|
||||
### roelof.info -> web
|
||||
### @rscmbbng -> Twitter
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</textarea>
|
||||
<script src="remark-latest.min.js">
|
||||
</script>
|
||||
<script>
|
||||
var slideshow = remark.create({
|
||||
ratio: "16:9"
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
18
remark-latest.min.js
vendored
Normal file
18
remark-latest.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user