“We’ve been building this brand new app using cutting-edge technologies for X months, but eventually it was NEVER LAUNCHED…” S O U N D S F A M I L I A R ?
W H Y M Y S T A R T U P / P R O J E C T / L I B R A R Y / I S N ’ T S U C C E S S F U L poor marketing not the right team https://www.entrepreneur.com/article/307724
run out of cash / energy W H Y M Y S T A R T U P / P R O J E C T / L I B R A R Y / I S N ’ T S U C C E S S F U L poor marketing not the right team https://www.entrepreneur.com/article/307724
run out of cash / energy W H Y M Y S T A R T U P / P R O J E C T / L I B R A R Y / I S N ’ T S U C C E S S F U L poor marketing not the right team https://www.entrepreneur.com/article/307724 no market need
run out of cash / energy W H Y M Y S T A R T U P / P R O J E C T / L I B R A R Y / I S N ’ T S U C C E S S F U L poor marketing not the right team https://www.entrepreneur.com/article/307724 no market need ⇵ doesn’t solve anyone’s problem
Can D esign P rinciples Help Me To Become a Be tter Software Engin ee r? A L E X E Y T A K T A R O V @ M L F R G S P B F R O N T E N D M E E T U P — 0 5 / 0 3 / 2 0 1 9 !
Founded in 1919 by Walter Gropius, BAUHAUS mission was to research multidisciplinary art through: C O LO U R T H E O RY, G E O M E T RY, PAT T E R N S A N D M AT E R I A L S
Most of the artwork was still not available to the general audience. A P R O D U C T D E S I G N However, BAUHAUS gave birth to what later will be called:
The school was shot down by the Nazis in 1933. ✕ The artists moved to the U.S., Britain, or Russia, where they were well accepted and took the school tradition to other institutions. ← → →
“Since the early 50s the activity of designing has been the subject of systematic and scientific analysis, it has been codified into a set of procedures … by manufacturing corporations (Philips, IBM)” P E T E R D O R M E R , “ D E S I G N S I N C E 1 9 4 5 ”
V I S I B I L I T Y P R I N C I P L E the more visible functions are, the more likely users will be able to know what to do next. prioritise important functions!
// Cancels an active subscription // and sends a confirmation email function cancelSubscription(user, email, testMode) { // ... } cancelSubscription(user, "[email protected]", false);
A S M A R T D O O R L O C K F O U N D I N S W E D E N has only 4 digits, order does not matter 44 = 256 combinations code is 2244 — damn easy to remember
A S M A R T D O O R L O C K F O U N D I N S W E D E N has only 4 digits, order does not matter 44 = 256 combinations code is 2244 — damn easy to remember
Let’s say you’re working on an interactive part of your app that is only activated when a specific element gets into a viewport. E X A M P L E F R O M E N G I N E E R I N G
Let’s say you’re working on an interactive part of your app that is only activated when a specific element gets into a viewport. E X A M P L E F R O M E N G I N E E R I N G This looks like a black-box, developing this becomes painful: code → refresh → scroll → …
Saving in time feels like simplicity T H E L A W O F S I M P L I C I T Y # code > create-react-app new-app # test > npx localtunnel --port 8080 # deploy > now
Empathy → Problem → Solution → Insight → DX ▶ Alex Kotliarskyi: Facebook product Infrastructure as a developer I know that … … building complex UIs is hard an idea of reconcilation UI(data) React
Feature: uploader with file storage and versions I want to upload files to the filesystem Background: Given an uploader class that uses the 'file' storage And that the uploader class has a version named 'thumb' Scenario: store a file When I store the file 'fixtures/bork.txt' Then there should be a file at 'public/uploads/bork.txt' Cucumber (BDD) is a great example of storytelling in software design
Timecop’s (a Ruby gem for time travel in tests) design is based on a 1994 sci-fi movie with the same name starring Jean-Claude Van Damme Timecop.freeze(1.week.ago) sleep(10) new_time == Time.now # ==> true Timecop.return # "turn off" Timecop Timecop.travel(1.month.from_now)
“Designer — is a planner with an aesthetic sense. He has an ability to respond to whatever demand is made of him … and he helps people to solve certain problems without stylistic preconceptions” B R U N O M U N A R I , “ D E S I G N A S A R T ”
“Designer — is a planner with an aesthetic sense. He has an ability to respond to whatever demand is made of him … and he helps people to solve certain problems without stylistic preconceptions” B R U N O M U N A R I , “ D E S I G N A S A R T ” Engineer
Victor Papanek Design for the Real World Don Norman The Design of Everyday Things Deyan Sudjic The Language of Things John Maeda The Laws of Simplicity • Peter Dormer, “Design Since 1945” • Charlotte and Peter Fiell, “The Story of Design” • ▶ Mike Monteiro, "How Designers Destroyed the World” • ▶ Hainbach YouTube Channel
molefrog
tapompom
jmatsu
loic425
lnit
gmvalentino8
nozaki
subomi
stanby_inc
taowata
kin29
mot_techtalk
miyabigouji
kneath
stephaniewalter
caitiem20
eileencodes
philhawksworth
panda_program
jonrohan
chrislema
reverentgeek
hatefulcrawdad
cromwellryan