1.
On Fireproof, Future-Proof,
Failure-Proof Things.
Dylan Wilbanks
OpenWebCamp VI, July 2014
!
Web: dylanwilbanks.com
Twitter: @dylanw

2.
Two huge caveats.

3.
1. I have (almost) no answers.
2. I have (almost) no takeaways.

4.
Philadelphia.

5.
https://www.flickr.com/photos/lschreur/101326235/

6.
https://www.flickr.com/photos/ericsbinaryworld/130500981/

7.
Fireproof?

8.
http://www.sonofthesouth.net/leefoundation/civil-war/1865/february/philadelphia-fire.htm

9.
What about the web?

10.
“Building codes would never
work for building code.”

11.
“It’s different!”

12.
“The built environment
is planned!”

13.
https://www.flickr.com/photos/structures-nyc-photos/5595474378/

14.
“Development is not
pre-planned!”

15.
“What’s on fire today?”

16.
The Hierarchy of Startup Code Needs
Technical debt
New features
Fixing bugs in working code
Shipping working code

17.
The Hierarchy of Startup Code Needs
No Money, Many Problems
MAKE IT RAAAAAAAAIN
MOAR MONEY!
MONEY

18.
Let’s talk debt.

19.
http://commons.wikimedia.org/wiki/File:Ward_Cunningham_at_Wikimania_2006.jpg

20.
–Developer, Apptio
“Six years ago I was asked how long it’d
take for me to internationalize our code
base. I said two weeks. But we didn’t do it.
Now, it would take months of work — with
multiple developers.”

21.
Kinds of debt
• Technical debt
• Design debt
• Accessibility debt
• I18N debt
• Security debt
• DevOps debt

22.
Tech debt
• Code upgrades
• Refactoring
• “Temporary” hacks
• TODO
• Not staying up to date

23.
Design debt
• Poor usability
• Sub-optimal user flows
• Mobile Last, Mobile Not, What’s Mobile?
• “Experience rot”
• “Patch and paint” UX solutions instead of
“replacing the wall”

24.
Accessibility debt
• Doesn’t work with screen reader
• ARIA hooks not used for AJAX-based sites
• Accessibility never tested, never a priority
• “Yes, but are they the 80% case?”

25.
You will never not
have debt.

26.
Resources vs. Revenue

27.
But…
• Poor architecture kills velocity and sales
• We always have to keep up with change in
market, device, user
• Not planning for I18N is costly
• Bad security mistakes cost us money (and face)
• Bad accessibility costs us face (and money)

28.
What do we do?

29.
We need a building
code for the web.

30.
Clear rules:
Retrofit, replace, new construction

31.
http://upload.wikimedia.org/wikipedia/commons/a/a3/New_and_Old_Bay_Bridge_(8859593785).jpg

32.
http://www.districtenergy.org/blog/wp-content/uploads/2013/10/Seattle-SouthLakeUnionAerial_big.jpg

33.
Standard sizes,
standard practice.

34.
https://www.flickr.com/photos/duiceburger/3312213574/

35.
http://idighardware.com/2010/01/survey-q3-how-can-you-tell-a-fire-door-from-a-regular-door/

36.
Beyond web standards,
beyond frameworks,
it’s practice.

37.
What can we do?

38.
My little part for UX

39.
StoryCore
2014 Home Edition Live* 365! (pre-alpha preview)

40.
StoryCore
• Bootstrap for applications
• Sets the nuts and bolts pieces in place for a
basic web application
• Import stories into your bug tracker of choice
• Build in key user experience requirements
• Accessibility and security acceptance criteria

41.
Available… soonish.

42.
What are you going
to do?

43.
Kinds of debt
• Tech debt
• Design debt
• Accessibility debt
• I18N debt
• Security debt
• DevOps debt

44.
Thank you.
Dylan Wilbanks
Web: dylanwilbanks.com
Twitter: @dylanw
And other fine social media networks