Emperors new clothes_digitalbarn_output_snakk

215

description

A

Transcript of Emperors new clothes_digitalbarn_output_snakk

Page 1: Emperors new clothes_digitalbarn_output_snakk
Page 2: Emperors new clothes_digitalbarn_output_snakk

The Emperor’s New Clothes

@DigitalBarn February 2012

Page 3: Emperors new clothes_digitalbarn_output_snakk
Page 4: Emperors new clothes_digitalbarn_output_snakk
Page 5: Emperors new clothes_digitalbarn_output_snakk
Page 6: Emperors new clothes_digitalbarn_output_snakk
Page 7: Emperors new clothes_digitalbarn_output_snakk
Page 8: Emperors new clothes_digitalbarn_output_snakk
Page 9: Emperors new clothes_digitalbarn_output_snakk
Page 10: Emperors new clothes_digitalbarn_output_snakk
Page 11: Emperors new clothes_digitalbarn_output_snakk

The Vocal Minority

Page 12: Emperors new clothes_digitalbarn_output_snakk
Page 13: Emperors new clothes_digitalbarn_output_snakk
Page 14: Emperors new clothes_digitalbarn_output_snakk
Page 15: Emperors new clothes_digitalbarn_output_snakk
Page 16: Emperors new clothes_digitalbarn_output_snakk
Page 17: Emperors new clothes_digitalbarn_output_snakk
Page 18: Emperors new clothes_digitalbarn_output_snakk
Page 19: Emperors new clothes_digitalbarn_output_snakk
Page 20: Emperors new clothes_digitalbarn_output_snakk
Page 21: Emperors new clothes_digitalbarn_output_snakk
Page 22: Emperors new clothes_digitalbarn_output_snakk
Page 23: Emperors new clothes_digitalbarn_output_snakk
Page 24: Emperors new clothes_digitalbarn_output_snakk
Page 25: Emperors new clothes_digitalbarn_output_snakk
Page 26: Emperors new clothes_digitalbarn_output_snakk
Page 27: Emperors new clothes_digitalbarn_output_snakk
Page 28: Emperors new clothes_digitalbarn_output_snakk
Page 29: Emperors new clothes_digitalbarn_output_snakk
Page 30: Emperors new clothes_digitalbarn_output_snakk
Page 31: Emperors new clothes_digitalbarn_output_snakk

What’s the Plan, Stan?

Page 32: Emperors new clothes_digitalbarn_output_snakk
Page 33: Emperors new clothes_digitalbarn_output_snakk
Page 34: Emperors new clothes_digitalbarn_output_snakk

The Tonight Show: Top 10

• Responsive Design is Irresponsible• Why Free is too Expensive• Browse Crappy• Why you have to be High to use HTML5?• Justified: Why you’re the client from Hell• Basic != Standard• Good developers don’t make good Jedi Knights• Exit stage left: How we failed the world with

CSS3• Upgrades of Mass Destruction• Lies, damned lies, and Open Source Statistics

Page 35: Emperors new clothes_digitalbarn_output_snakk
Page 36: Emperors new clothes_digitalbarn_output_snakk

Lets get ready to Rumble…

Which depending on your age means…

Page 37: Emperors new clothes_digitalbarn_output_snakk

(if you’re over 30)

Page 38: Emperors new clothes_digitalbarn_output_snakk

(If you’re under 30)

Page 39: Emperors new clothes_digitalbarn_output_snakk

But !

• If you search for “PJ and Duncan” on Google images

• On the 4th row you see this…

Page 40: Emperors new clothes_digitalbarn_output_snakk

It’s KIMB !!!

Page 41: Emperors new clothes_digitalbarn_output_snakk
Page 42: Emperors new clothes_digitalbarn_output_snakk

Daddy, what is Belle doing to Beast?

Page 43: Emperors new clothes_digitalbarn_output_snakk
Page 44: Emperors new clothes_digitalbarn_output_snakk
Page 45: Emperors new clothes_digitalbarn_output_snakk

Browse Crappy

Page 46: Emperors new clothes_digitalbarn_output_snakk

Or the Bullshit that is… If you build it, they will upgrade

Page 47: Emperors new clothes_digitalbarn_output_snakk

Carrot

Page 48: Emperors new clothes_digitalbarn_output_snakk
Page 49: Emperors new clothes_digitalbarn_output_snakk

HTML5 for XP .com

• Rounded corners, gradients and drop shadows without graphics

• Rich graphs and visualisations using Canvas and SVG.

• Games that don't ask you to install plugins.• 3D graphics and support for any font• Drag and drop and touch support for tablets.

Page 50: Emperors new clothes_digitalbarn_output_snakk
Page 51: Emperors new clothes_digitalbarn_output_snakk
Page 52: Emperors new clothes_digitalbarn_output_snakk

Stick

Page 53: Emperors new clothes_digitalbarn_output_snakk
Page 54: Emperors new clothes_digitalbarn_output_snakk
Page 55: Emperors new clothes_digitalbarn_output_snakk
Page 56: Emperors new clothes_digitalbarn_output_snakk
Page 57: Emperors new clothes_digitalbarn_output_snakk
Page 58: Emperors new clothes_digitalbarn_output_snakk
Page 59: Emperors new clothes_digitalbarn_output_snakk
Page 60: Emperors new clothes_digitalbarn_output_snakk
Page 61: Emperors new clothes_digitalbarn_output_snakk
Page 62: Emperors new clothes_digitalbarn_output_snakk
Page 63: Emperors new clothes_digitalbarn_output_snakk
Page 64: Emperors new clothes_digitalbarn_output_snakk
Page 65: Emperors new clothes_digitalbarn_output_snakk
Page 66: Emperors new clothes_digitalbarn_output_snakk
Page 67: Emperors new clothes_digitalbarn_output_snakk
Page 68: Emperors new clothes_digitalbarn_output_snakk
Page 69: Emperors new clothes_digitalbarn_output_snakk

Responsive Design is Irresponsible

Page 70: Emperors new clothes_digitalbarn_output_snakk

Premise

• Responsive Design is the ability to apply different CSS styles based on media queries

• e.g.

Page 71: Emperors new clothes_digitalbarn_output_snakk

Why this appears awesome:

• Mobiles– Responsive Design allows designers and front-end

developers to react to mobile devices.

Page 72: Emperors new clothes_digitalbarn_output_snakk
Page 73: Emperors new clothes_digitalbarn_output_snakk
Page 74: Emperors new clothes_digitalbarn_output_snakk

Awesome, right?

Page 75: Emperors new clothes_digitalbarn_output_snakk

Wrong

Page 76: Emperors new clothes_digitalbarn_output_snakk

Responsive Design is based on hypocritical and contradicting bullshit.

Page 77: Emperors new clothes_digitalbarn_output_snakk

Call a spade, a spade

• When we say “responsive”, what we mean is, “Mobile”.

• Or specifically, “same content, different design”.

• It works on the premise that the ONLY difference between a desktop and a mobile browser is screen size.

• Non-Desktop users:– rarely use a Human-Computer-Interaction device– are almost always looking for different information– are rarely on broadband

Page 78: Emperors new clothes_digitalbarn_output_snakk
Page 79: Emperors new clothes_digitalbarn_output_snakk

Proof of Paradox

• It’s not about Screen Size, it’s about Context. • We had Screen Size specific 10 years ago, so

it’s definitely about Context and not Screen Size.

• Except, the only way to test for Context is to test for Screen Size.

• So in order for it to not be about screen size, it needs to be measures and identified by screen size.

Page 80: Emperors new clothes_digitalbarn_output_snakk

Screen Size != Context

But somehow...

Context 1:1 Screen Size

Page 81: Emperors new clothes_digitalbarn_output_snakk
Page 82: Emperors new clothes_digitalbarn_output_snakk
Page 83: Emperors new clothes_digitalbarn_output_snakk

Who you gonna call?

• These companies, say that their users don’t like to be treated differently unless it’s in their best interests.

• Not with a visual, but a data & architectural change.

Page 84: Emperors new clothes_digitalbarn_output_snakk

So…

• in order to change the visual elements under the premise of it being about Context and not Screen Sizes, we have to map Screen Sizes to our predefined Context, and then use Screen Sizes to decide what to display – which was exactly what we said it wasn’t doing.

• It’s also exactly what our users don’t want.

Page 85: Emperors new clothes_digitalbarn_output_snakk

Irony in Images

• Responsive Design was invented for designers/front-end coders to not be reliant on developers for multiple versions of websites.

• One of the major downfalls of RWD is Images.

• Inline images work best for responsive design, using the code: – img.className { max-width: 100%; }

Page 86: Emperors new clothes_digitalbarn_output_snakk

• By this method, the same image is on all site versions.

• Do you load an image that’s high quality, and destroys your bandwidth on a mobile?

• Or do you load a low quality one that looks poor on a desktop?

• Or do you attempt to load multiple images and display/hide the correct one as needed?

• None of these work well. So you have to use a technical solution to request the right type of image.

Page 87: Emperors new clothes_digitalbarn_output_snakk

Workarounds for Workarounds for Workarounds

Page 88: Emperors new clothes_digitalbarn_output_snakk

Conclusion

• Responsive Design = “same data, different display”.

• But it can’t take into consideration:– Bandwidth– Platform– Device– Purpose– Context

• It wants to, but all it knows is Screen Size. • Those require decision making processes,

something that CSS simply isn’t built for.

Page 89: Emperors new clothes_digitalbarn_output_snakk

• It has to be about Information Architecture.

• It can’t be done by CSS alone.

• CSS wasn’t intended nor built for that purpose

• We need to stop shoe-horning shit into the CSS specs

• We’ll end up at a place where each browser supports only the code they want to and in the way they want to

Page 90: Emperors new clothes_digitalbarn_output_snakk
Page 91: Emperors new clothes_digitalbarn_output_snakk

• RWD is not a bad idea.

• Technical restraint and common sense are once again being thrown out the window in the name of cool-looking-shit on the internet. (Hello 1999?)

• RWD is irresponsible, because designers & front-end coders have the ability to fake something regardless of the Business Case or Return on Investment.

• Rest assured, 2-5Mb “mobile optimised” homepages await us.

Page 92: Emperors new clothes_digitalbarn_output_snakk
Page 93: Emperors new clothes_digitalbarn_output_snakk

Why you have to be High to use HTML5?

Page 94: Emperors new clothes_digitalbarn_output_snakk

Flash

Page 95: Emperors new clothes_digitalbarn_output_snakk
Page 96: Emperors new clothes_digitalbarn_output_snakk
Page 97: Emperors new clothes_digitalbarn_output_snakk
Page 98: Emperors new clothes_digitalbarn_output_snakk
Page 99: Emperors new clothes_digitalbarn_output_snakk

Bazinga

Page 100: Emperors new clothes_digitalbarn_output_snakk
Page 101: Emperors new clothes_digitalbarn_output_snakk

Agile? More like Fragile

• Work started in ernest in 2004

• First Draft published in 2008

• 4 years later, still no definitive spec

Page 102: Emperors new clothes_digitalbarn_output_snakk
Page 103: Emperors new clothes_digitalbarn_output_snakk
Page 104: Emperors new clothes_digitalbarn_output_snakk
Page 105: Emperors new clothes_digitalbarn_output_snakk
Page 106: Emperors new clothes_digitalbarn_output_snakk
Page 107: Emperors new clothes_digitalbarn_output_snakk
Page 108: Emperors new clothes_digitalbarn_output_snakk
Page 109: Emperors new clothes_digitalbarn_output_snakk
Page 110: Emperors new clothes_digitalbarn_output_snakk

Example...

Page 111: Emperors new clothes_digitalbarn_output_snakk
Page 112: Emperors new clothes_digitalbarn_output_snakk
Page 113: Emperors new clothes_digitalbarn_output_snakk

<time>

<data>

Page 114: Emperors new clothes_digitalbarn_output_snakk
Page 115: Emperors new clothes_digitalbarn_output_snakk
Page 116: Emperors new clothes_digitalbarn_output_snakk
Page 117: Emperors new clothes_digitalbarn_output_snakk
Page 118: Emperors new clothes_digitalbarn_output_snakk
Page 119: Emperors new clothes_digitalbarn_output_snakk
Page 120: Emperors new clothes_digitalbarn_output_snakk
Page 121: Emperors new clothes_digitalbarn_output_snakk
Page 122: Emperors new clothes_digitalbarn_output_snakk
Page 123: Emperors new clothes_digitalbarn_output_snakk

HTML5, it’s not ready.

Page 124: Emperors new clothes_digitalbarn_output_snakk
Page 125: Emperors new clothes_digitalbarn_output_snakk

Justified:Why you’re the client from Hell

Page 126: Emperors new clothes_digitalbarn_output_snakk

Justified

• CLIENT: “I don’t like the type.”

• ME: “What don’t you like.”

• CLIENT: “I don’t like how it goes all to one side.”

• ME: “You mean ranged left.”

• CLIENT: “Yes, yes, arranged left.”

• ME: “How do you want it?”

• CLIENT: “To be the same on both sides.”

• ME: “Justified?”

• CLIENT: “I don’t have to justify anything! I own the fucking company.”

Page 127: Emperors new clothes_digitalbarn_output_snakk
Page 128: Emperors new clothes_digitalbarn_output_snakk

• Jargon free isn’t enough

• We still treat people as if they have what WE consider to be a base level of knowledge.

Page 129: Emperors new clothes_digitalbarn_output_snakk
Page 130: Emperors new clothes_digitalbarn_output_snakk
Page 131: Emperors new clothes_digitalbarn_output_snakk
Page 132: Emperors new clothes_digitalbarn_output_snakk
Page 133: Emperors new clothes_digitalbarn_output_snakk
Page 134: Emperors new clothes_digitalbarn_output_snakk
Page 135: Emperors new clothes_digitalbarn_output_snakk
Page 136: Emperors new clothes_digitalbarn_output_snakk
Page 137: Emperors new clothes_digitalbarn_output_snakk
Page 138: Emperors new clothes_digitalbarn_output_snakk
Page 139: Emperors new clothes_digitalbarn_output_snakk
Page 140: Emperors new clothes_digitalbarn_output_snakk
Page 141: Emperors new clothes_digitalbarn_output_snakk

Basic != Standard

Page 142: Emperors new clothes_digitalbarn_output_snakk

Basic is the shit you can’t do without

Page 143: Emperors new clothes_digitalbarn_output_snakk

Standard is what your USERS think is the baseline

Page 144: Emperors new clothes_digitalbarn_output_snakk
Page 145: Emperors new clothes_digitalbarn_output_snakk

Good developers don’t make good Jedi Knights

Page 146: Emperors new clothes_digitalbarn_output_snakk

Premise

• What makes a good developer?

• What makes a good Jedi Knight?

Page 147: Emperors new clothes_digitalbarn_output_snakk

In the real world…

• What makes a good Project Manager?

• What makes a good Tester?

Page 148: Emperors new clothes_digitalbarn_output_snakk

Q. D. T

Page 149: Emperors new clothes_digitalbarn_output_snakk
Page 150: Emperors new clothes_digitalbarn_output_snakk
Page 151: Emperors new clothes_digitalbarn_output_snakk
Page 152: Emperors new clothes_digitalbarn_output_snakk

How many Project Managers are in the WP core team?

Page 153: Emperors new clothes_digitalbarn_output_snakk

0

Page 154: Emperors new clothes_digitalbarn_output_snakk

How many Testers are in the WP core team?

Page 155: Emperors new clothes_digitalbarn_output_snakk

0

Page 156: Emperors new clothes_digitalbarn_output_snakk

WP3.3 Beta was released with the menu not working in IE

Page 157: Emperors new clothes_digitalbarn_output_snakk

Everyone thought everyone else had tested it.

Page 158: Emperors new clothes_digitalbarn_output_snakk

They also have 0 developers, they have 8 Happiness Engineers

Page 159: Emperors new clothes_digitalbarn_output_snakk
Page 160: Emperors new clothes_digitalbarn_output_snakk

Go to Sleep WordPress, here’s Distraction Free Writing

Page 161: Emperors new clothes_digitalbarn_output_snakk
Page 162: Emperors new clothes_digitalbarn_output_snakk

Why Free is too Expensive

Page 163: Emperors new clothes_digitalbarn_output_snakk

Premise

• I can’t see the word “free” in “Open Source”

• There’s a growing sense of entitlement that software should have no cost.

• Worse, we now expect people to give support and updates for free… forever!

• We’ve stopped looking at the business cases around the software we’re hoping to use.

Page 164: Emperors new clothes_digitalbarn_output_snakk

• We favour the cheap option over expensive software that aligns better with our needs.

• “premium” and “freemium” plug-ins are decried unless their cost is so small and their features so great that the Return on Investment is insanely large.

• That’s not a business model that can continue to perpetuate itself in the long run.

Page 165: Emperors new clothes_digitalbarn_output_snakk

How often have you thought this?

• I can’t believe that plug-in costs money!!

• I could do that myself 2-3 hours!

• I mean, look at the other free versions, they haven’t been kept up to date, but appear to do the same thing.

It’s a rip-off !

Page 166: Emperors new clothes_digitalbarn_output_snakk
Page 167: Emperors new clothes_digitalbarn_output_snakk

Listen to Bowie

• How much do you charge an hour?

• How long do you think it would take you to plan, code, test and deploy your version?

• Divide the cost of your purchase by how long you think it would take you to develop. Which is more?

Page 168: Emperors new clothes_digitalbarn_output_snakk

• Open Source is not yet taken seriously as a viable business model, and we need to make a mental shift.

• We need to accept that “Open Source Software” does not contain the word “free”, and that my time, your time, and other people’s time is worth more than “nothing”.

• Don’t value free over not free: it’s an oxymoron!

Page 169: Emperors new clothes_digitalbarn_output_snakk
Page 170: Emperors new clothes_digitalbarn_output_snakk

Upgrades of Mass Destruction

Page 171: Emperors new clothes_digitalbarn_output_snakk
Page 172: Emperors new clothes_digitalbarn_output_snakk
Page 173: Emperors new clothes_digitalbarn_output_snakk
Page 174: Emperors new clothes_digitalbarn_output_snakk

Lies, damned lies, and Open Source Statistics

Page 175: Emperors new clothes_digitalbarn_output_snakk
Page 176: Emperors new clothes_digitalbarn_output_snakk
Page 177: Emperors new clothes_digitalbarn_output_snakk

1 in 13 people in the UK work in a Bank

Page 178: Emperors new clothes_digitalbarn_output_snakk

1 in 14 people in the UK work in the NHS

Page 179: Emperors new clothes_digitalbarn_output_snakk

1 in 15 people in the UK work in Government

Page 180: Emperors new clothes_digitalbarn_output_snakk

1 in 15 people in the UK work in 1000+ employee company

Page 181: Emperors new clothes_digitalbarn_output_snakk

1 in 5 people in the UK work in a place that’s 3000%* more likely to use Old Browser

Page 182: Emperors new clothes_digitalbarn_output_snakk
Page 183: Emperors new clothes_digitalbarn_output_snakk
Page 184: Emperors new clothes_digitalbarn_output_snakk
Page 185: Emperors new clothes_digitalbarn_output_snakk

The Kobayashi Maru

Page 186: Emperors new clothes_digitalbarn_output_snakk

Every week on Star Trek

• Kirk: Mr. Scott, How long until X?

• Scotty: 3 weeks captain.

• Kirk: I need it in 4 minutes

• Scotty: I just cannae do it captain

• Kirk: I need it Mr.Scott

• Scott: Oh you need it? let me just flick this switch

Page 187: Emperors new clothes_digitalbarn_output_snakk

Short Term:Ignore Kirk, Listen to Scotty

Page 188: Emperors new clothes_digitalbarn_output_snakk

Perception

• We have many generation of managers who have been brought up to believe that:

• Management is always right• Authority trumps Expertise• Any issues can be overcome in Any time period

Page 189: Emperors new clothes_digitalbarn_output_snakk
Page 190: Emperors new clothes_digitalbarn_output_snakk

Long Term:Ignore Scotty, Listen to Kirk

Page 191: Emperors new clothes_digitalbarn_output_snakk
Page 192: Emperors new clothes_digitalbarn_output_snakk

Engineers sometimes need to be held back

Page 193: Emperors new clothes_digitalbarn_output_snakk

Remember

• Kirk went on away missions• Kirk talked to all departments• Kirk talked to Starfleet Command• Kirk talked to people on the view screen• Kirk was from Ohio, he just worked in Outer

Space

• Scotty stayed in Engineering

Page 194: Emperors new clothes_digitalbarn_output_snakk
Page 195: Emperors new clothes_digitalbarn_output_snakk

“I know this ship like the back of my hand” - Scotty

Page 196: Emperors new clothes_digitalbarn_output_snakk
Page 197: Emperors new clothes_digitalbarn_output_snakk
Page 198: Emperors new clothes_digitalbarn_output_snakk
Page 199: Emperors new clothes_digitalbarn_output_snakk
Page 200: Emperors new clothes_digitalbarn_output_snakk
Page 201: Emperors new clothes_digitalbarn_output_snakk
Page 202: Emperors new clothes_digitalbarn_output_snakk
Page 203: Emperors new clothes_digitalbarn_output_snakk
Page 204: Emperors new clothes_digitalbarn_output_snakk
Page 205: Emperors new clothes_digitalbarn_output_snakk
Page 206: Emperors new clothes_digitalbarn_output_snakk
Page 207: Emperors new clothes_digitalbarn_output_snakk
Page 208: Emperors new clothes_digitalbarn_output_snakk
Page 209: Emperors new clothes_digitalbarn_output_snakk
Page 210: Emperors new clothes_digitalbarn_output_snakk
Page 211: Emperors new clothes_digitalbarn_output_snakk
Page 212: Emperors new clothes_digitalbarn_output_snakk
Page 213: Emperors new clothes_digitalbarn_output_snakk
Page 214: Emperors new clothes_digitalbarn_output_snakk
Page 215: Emperors new clothes_digitalbarn_output_snakk