rra
4 years ago
commit
d31f0e5484
3 changed files with 569 additions and 0 deletions
@ -0,0 +1,3 @@ |
|||||
|
# LTM ws Ethics By Design |
||||
|
|
||||
|
All the materials for the slide are in index.html. |
@ -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> |
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue