[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:17.28,0:00:18.84,Default,,0000,0000,0000,,JOHN ATHAYDE: All right. Thank you guys for\Ncoming. Dialogue: 0,0:00:18.84,0:00:20.48,Default,,0000,0000,0000,,My name is John Athayde and Dialogue: 0,0:00:20.48,0:00:23.42,Default,,0000,0000,0000,,I'm gonna talk today about working better\Ntogether, Dialogue: 0,0:00:23.42,0:00:25.57,Default,,0000,0000,0000,,mixing lean UX with Agile development Dialogue: 0,0:00:25.57,0:00:27.38,Default,,0000,0000,0000,,and user-centered design. Dialogue: 0,0:00:27.38,0:00:29.54,Default,,0000,0000,0000,,Last time I was in Chicago to do Dialogue: 0,0:00:29.54,0:00:31.19,Default,,0000,0000,0000,,Rails stuff was in 2006. Dialogue: 0,0:00:31.19,0:00:33.96,Default,,0000,0000,0000,,That guy right there. A little less scruffy. Dialogue: 0,0:00:33.96,0:00:34.94,Default,,0000,0000,0000,,But somebody pointed out Dialogue: 0,0:00:34.94,0:00:35.90,Default,,0000,0000,0000,,last night that this looks like Dialogue: 0,0:00:35.90,0:00:40.52,Default,,0000,0000,0000,,it's the crew for Obi and Courtney's band\Nhanging out. Dialogue: 0,0:00:40.52,0:00:43.17,Default,,0000,0000,0000,,I come from an architecture background of\Nthe building Dialogue: 0,0:00:43.17,0:00:46.19,Default,,0000,0000,0000,,variety, and a lot of the stuff I'm gonna Dialogue: 0,0:00:46.19,0:00:48.79,Default,,0000,0000,0000,,show you today comes from a couple different\Nplaces. Dialogue: 0,0:00:48.79,0:00:50.99,Default,,0000,0000,0000,,One is from my freelance work over the last Dialogue: 0,0:00:50.99,0:00:54.36,Default,,0000,0000,0000,,fifteen years, which is meticulous. A lot\Nof this Dialogue: 0,0:00:54.36,0:00:56.68,Default,,0000,0000,0000,,stuff is from the almost three years I spent Dialogue: 0,0:00:56.68,0:00:59.83,Default,,0000,0000,0000,,at LivingSocial heading up the internal UI\Nfor all Dialogue: 0,0:00:59.83,0:01:02.52,Default,,0000,0000,0000,,of our internal apps. And then recently I've\Nbeen Dialogue: 0,0:01:02.52,0:01:04.32,Default,,0000,0000,0000,,doing work at a new start up called Cargo Dialogue: 0,0:01:04.32,0:01:07.32,Default,,0000,0000,0000,,Sense with Rich Kilmer and Bruce Williams. Dialogue: 0,0:01:07.32,0:01:09.82,Default,,0000,0000,0000,,I also wrote this book. It's a little out Dialogue: 0,0:01:09.82,0:01:12.17,Default,,0000,0000,0000,,of date, but there's some good stuff in it, Dialogue: 0,0:01:12.17,0:01:15.37,Default,,0000,0000,0000,,and Prag Prog has a forty percent off ticket Dialogue: 0,0:01:15.37,0:01:17.26,Default,,0000,0000,0000,,right now if you guys are interested in any Dialogue: 0,0:01:17.26,0:01:20.25,Default,,0000,0000,0000,,Rails or Ruby ebooks. Dialogue: 0,0:01:20.25,0:01:26.07,Default,,0000,0000,0000,,So. Experience matters. Experience is really\Nanything that you, Dialogue: 0,0:01:26.07,0:01:27.98,Default,,0000,0000,0000,,as a user, are going to see when you're Dialogue: 0,0:01:27.98,0:01:31.20,Default,,0000,0000,0000,,working with a tool, a book, anything. I mean, Dialogue: 0,0:01:31.20,0:01:33.70,Default,,0000,0000,0000,,go back to 1983, these were our two main Dialogue: 0,0:01:33.70,0:01:37.02,Default,,0000,0000,0000,,experiences that we had. So it's changed a\Nlot Dialogue: 0,0:01:37.02,0:01:40.32,Default,,0000,0000,0000,,since then, but it's still something that\Nyou can Dialogue: 0,0:01:40.32,0:01:42.11,Default,,0000,0000,0000,,think of. There's a very big difference in\Nhow Dialogue: 0,0:01:42.11,0:01:45.23,Default,,0000,0000,0000,,I'm gonna work with these two different platforms. Dialogue: 0,0:01:45.23,0:01:47.47,Default,,0000,0000,0000,,Experience is also something you see in everyday\Nlife. Dialogue: 0,0:01:47.47,0:01:50.09,Default,,0000,0000,0000,,The one on the left, just not working as Dialogue: 0,0:01:50.09,0:01:52.42,Default,,0000,0000,0000,,well as the two on the right. You're gonna Dialogue: 0,0:01:52.42,0:01:55.57,Default,,0000,0000,0000,,turn it upside. What's going on? Think about\Nthis, Dialogue: 0,0:01:55.57,0:01:57.26,Default,,0000,0000,0000,,too. You ever go to an ATM and you Dialogue: 0,0:01:57.26,0:01:59.76,Default,,0000,0000,0000,,just cannot get the sun angle right, and you Dialogue: 0,0:01:59.76,0:02:04.10,Default,,0000,0000,0000,,can't see the screen? That's a bad experience.\NOr Dialogue: 0,0:02:04.10,0:02:08.19,Default,,0000,0000,0000,,doors. The handle would imply pull. Horizontal\Nbar kind Dialogue: 0,0:02:08.19,0:02:10.80,Default,,0000,0000,0000,,of implies push. But here, you have to put Dialogue: 0,0:02:10.80,0:02:11.91,Default,,0000,0000,0000,,a label on it. Dialogue: 0,0:02:11.91,0:02:13.58,Default,,0000,0000,0000,,Now, you can apply this to a lot of Dialogue: 0,0:02:13.58,0:02:16.89,Default,,0000,0000,0000,,things you've probably worked on, where it's\Nso unintelligible Dialogue: 0,0:02:16.89,0:02:19.87,Default,,0000,0000,0000,,that it has to be overly labeled and overly Dialogue: 0,0:02:19.87,0:02:22.79,Default,,0000,0000,0000,,documented. Because the experience is not\Nclear. Dialogue: 0,0:02:22.79,0:02:26.23,Default,,0000,0000,0000,,And this is always a fun one, you know. Dialogue: 0,0:02:26.23,0:02:30.38,Default,,0000,0000,0000,,But why do exterior doors go out? Well, Chicago, Dialogue: 0,0:02:30.38,0:02:36.00,Default,,0000,0000,0000,,Illinois, in fact, Iroquois Theater. 1903,\N600 people died Dialogue: 0,0:02:36.00,0:02:37.95,Default,,0000,0000,0000,,in a fire, because they tried to get out Dialogue: 0,0:02:37.95,0:02:41.11,Default,,0000,0000,0000,,of a building. The doors opened in, and they Dialogue: 0,0:02:41.11,0:02:43.39,Default,,0000,0000,0000,,crammed up against the doors and couldn't\Nget out. Dialogue: 0,0:02:43.39,0:02:45.96,Default,,0000,0000,0000,,We're gonna talk about that here in a little Dialogue: 0,0:02:45.96,0:02:48.32,Default,,0000,0000,0000,,bit. But that's something to think about why\Nthose Dialogue: 0,0:02:48.32,0:02:51.31,Default,,0000,0000,0000,,doors work that way. Why is that experience\Nthat Dialogue: 0,0:02:51.31,0:02:52.21,Default,,0000,0000,0000,,way. Dialogue: 0,0:02:52.21,0:02:55.35,Default,,0000,0000,0000,,So, when we talk about UX, what is UX? Dialogue: 0,0:02:55.35,0:02:57.87,Default,,0000,0000,0000,,We're gonna define that real quick. It was\Ncreated Dialogue: 0,0:02:57.87,0:03:01.79,Default,,0000,0000,0000,,in the early 1980s usability broadly, to refer\Nto Dialogue: 0,0:03:01.79,0:03:04.91,Default,,0000,0000,0000,,what was a number of vague and subjective\Nattributes Dialogue: 0,0:03:04.91,0:03:09.13,Default,,0000,0000,0000,,of a product. And it's user-friendly characteristics\Nis what Dialogue: 0,0:03:09.13,0:03:11.25,Default,,0000,0000,0000,,they call them. Dialogue: 0,0:03:11.25,0:03:13.84,Default,,0000,0000,0000,,And this marked the beginning of a shift,\Nfrom Dialogue: 0,0:03:13.84,0:03:16.63,Default,,0000,0000,0000,,a phase that we're focused on the features\Ninto Dialogue: 0,0:03:16.63,0:03:18.76,Default,,0000,0000,0000,,a term that was becoming more concerned with\Nthe Dialogue: 0,0:03:18.76,0:03:22.12,Default,,0000,0000,0000,,various facets of how people worked with those\Nfeatures. Dialogue: 0,0:03:22.12,0:03:26.45,Default,,0000,0000,0000,,So the International Standards Organization,\NISO, this is in Dialogue: 0,0:03:26.45,0:03:30.44,Default,,0000,0000,0000,,ISO 9241, is that usability is the effectiveness,\Nefficiency Dialogue: 0,0:03:30.44,0:03:34.14,Default,,0000,0000,0000,,and satisfaction with which specified users\Nachieve specified goals Dialogue: 0,0:03:34.14,0:03:36.29,Default,,0000,0000,0000,,in particular environments. Dialogue: 0,0:03:36.29,0:03:39.71,Default,,0000,0000,0000,,Pretty dry. Pretty generic. Jakob Nielsen\Ngives us a Dialogue: 0,0:03:39.71,0:03:41.88,Default,,0000,0000,0000,,nice little five point thing. You can love\Nor Dialogue: 0,0:03:41.88,0:03:44.19,Default,,0000,0000,0000,,hate Jakob Nielsen, but he is kind of one Dialogue: 0,0:03:44.19,0:03:47.67,Default,,0000,0000,0000,,of the big human factors guys of software\Ndevelopment. Dialogue: 0,0:03:47.67,0:03:50.62,Default,,0000,0000,0000,,So he says that it is the promptness with Dialogue: 0,0:03:50.62,0:03:54.22,Default,,0000,0000,0000,,which users learn something, the efficiency\Nthat they attain Dialogue: 0,0:03:54.22,0:03:56.64,Default,,0000,0000,0000,,making use of it, how easy it is for Dialogue: 0,0:03:56.64,0:04:00.20,Default,,0000,0000,0000,,them to remember how to use it, how error-prone Dialogue: 0,0:04:00.20,0:04:03.27,Default,,0000,0000,0000,,that is, and then the level of satisfaction\Nthey Dialogue: 0,0:04:03.27,0:04:06.15,Default,,0000,0000,0000,,attain from using the system. Dialogue: 0,0:04:06.15,0:04:07.88,Default,,0000,0000,0000,,And so it comes back to, a lot of Dialogue: 0,0:04:07.88,0:04:10.02,Default,,0000,0000,0000,,these things are applied because they're the\Nexperience of Dialogue: 0,0:04:10.02,0:04:16.21,Default,,0000,0000,0000,,many years. And many mistakes. Dialogue: 0,0:04:16.21,0:04:19.40,Default,,0000,0000,0000,,So going back to the Iroquois Theater fire,\Narchitectural Dialogue: 0,0:04:19.40,0:04:22.54,Default,,0000,0000,0000,,building codes changed a lot in the early\N1900s. Dialogue: 0,0:04:22.54,0:04:25.50,Default,,0000,0000,0000,,They actually started to come into, really\Nstarted to Dialogue: 0,0:04:25.50,0:04:28.20,Default,,0000,0000,0000,,be happening between the San Francisco earthquake\Nand events Dialogue: 0,0:04:28.20,0:04:30.88,Default,,0000,0000,0000,,like this. You really started to see them\Nsay, Dialogue: 0,0:04:30.88,0:04:32.88,Default,,0000,0000,0000,,you know, we should say that you legally have Dialogue: 0,0:04:32.88,0:04:34.88,Default,,0000,0000,0000,,to build a building this way. So now you'll Dialogue: 0,0:04:34.88,0:04:37.76,Default,,0000,0000,0000,,notice any commercial building, the exterior\Ndoor will open Dialogue: 0,0:04:37.76,0:04:40.41,Default,,0000,0000,0000,,out, or it will break away. Dialogue: 0,0:04:40.41,0:04:43.50,Default,,0000,0000,0000,,So, you'll notice on revolving doors that\Nyou can Dialogue: 0,0:04:43.50,0:04:45.19,Default,,0000,0000,0000,,actually kind of break away. Like, if you\Ncram Dialogue: 0,0:04:45.19,0:04:47.29,Default,,0000,0000,0000,,into a revolving door, those doors will give\Nwith Dialogue: 0,0:04:47.29,0:04:49.10,Default,,0000,0000,0000,,enough force. Dialogue: 0,0:04:49.10,0:04:51.51,Default,,0000,0000,0000,,So that's, you know, over time we've learned\Nthese Dialogue: 0,0:04:51.51,0:04:53.64,Default,,0000,0000,0000,,things. We've applied them, and they make\Nthe experience Dialogue: 0,0:04:53.64,0:04:56.43,Default,,0000,0000,0000,,better and safer for everybody. Dialogue: 0,0:04:56.43,0:05:00.57,Default,,0000,0000,0000,,So, let's get into looking at designs specifically\Naround Dialogue: 0,0:05:00.57,0:05:03.54,Default,,0000,0000,0000,,software. So there's various processes and\Nmethods, and I Dialogue: 0,0:05:03.54,0:05:05.06,Default,,0000,0000,0000,,want to kind of compare and contrast some\Nstuff Dialogue: 0,0:05:05.06,0:05:07.59,Default,,0000,0000,0000,,for you real quick. The first is waterfall,\Nwhich Dialogue: 0,0:05:07.59,0:05:09.89,Default,,0000,0000,0000,,I'm sure most of you have heard or experienced Dialogue: 0,0:05:09.89,0:05:15.54,Default,,0000,0000,0000,,at some point. Large deliverable documents,\Nexcessive documentation. Dialogue: 0,0:05:15.54,0:05:17.98,Default,,0000,0000,0000,,But this comes from projects in engineering,\Nlike, in Dialogue: 0,0:05:17.98,0:05:21.22,Default,,0000,0000,0000,,traditional engineering and architecture,\Nwhere the design is finished Dialogue: 0,0:05:21.22,0:05:27.31,Default,,0000,0000,0000,,and approved before you start building it.\NAnd, this Dialogue: 0,0:05:27.31,0:05:31.06,Default,,0000,0000,0000,,is something from a project management tool,\Nlike Microsoft Dialogue: 0,0:05:31.06,0:05:33.71,Default,,0000,0000,0000,,Project or something like that. It's called\Na Gant Dialogue: 0,0:05:33.71,0:05:36.31,Default,,0000,0000,0000,,chart. The red is the critical path. Things\Nthat Dialogue: 0,0:05:36.31,0:05:38.56,Default,,0000,0000,0000,,have to happen in a certain order and have Dialogue: 0,0:05:38.56,0:05:40.27,Default,,0000,0000,0000,,to be finished before the next step can be Dialogue: 0,0:05:40.27,0:05:40.79,Default,,0000,0000,0000,,completed. Dialogue: 0,0:05:40.79,0:05:43.44,Default,,0000,0000,0000,,Now, any delay in there can really mess up Dialogue: 0,0:05:43.44,0:05:47.58,Default,,0000,0000,0000,,the whole timeline of a project. And, this\Nis Dialogue: 0,0:05:47.58,0:05:50.96,Default,,0000,0000,0000,,what typical waterfall processes look like. Dialogue: 0,0:05:50.96,0:05:53.34,Default,,0000,0000,0000,,You define the problem, you come up with a Dialogue: 0,0:05:53.34,0:05:55.68,Default,,0000,0000,0000,,design that solves that problem, then you\Nbuild that Dialogue: 0,0:05:55.68,0:05:58.59,Default,,0000,0000,0000,,design, you test that, and you deploy it.\NAnd Dialogue: 0,0:05:58.59,0:06:01.12,Default,,0000,0000,0000,,this is usually the entire enchilada. We are\Nnot Dialogue: 0,0:06:01.12,0:06:04.28,Default,,0000,0000,0000,,even gonna go into like, this is, you, shrink Dialogue: 0,0:06:04.28,0:06:06.16,Default,,0000,0000,0000,,this down really small and it is kind of, Dialogue: 0,0:06:06.16,0:06:08.36,Default,,0000,0000,0000,,in a way, agile, but we're gonna not even Dialogue: 0,0:06:08.36,0:06:10.27,Default,,0000,0000,0000,,bother talking to engineers. We're going to\Ngo spend Dialogue: 0,0:06:10.27,0:06:12.52,Default,,0000,0000,0000,,six months writing up requirements. Dialogue: 0,0:06:12.52,0:06:14.46,Default,,0000,0000,0000,,Then the design engineer, the design guys\Nare gonna Dialogue: 0,0:06:14.46,0:06:16.25,Default,,0000,0000,0000,,go for three months and work up all these Dialogue: 0,0:06:16.25,0:06:18.46,Default,,0000,0000,0000,,designs and have a 300 page document that\Nthey Dialogue: 0,0:06:18.46,0:06:21.94,Default,,0000,0000,0000,,turn over to engineering, who then builds\Nthat. Dialogue: 0,0:06:21.94,0:06:24.54,Default,,0000,0000,0000,,So, you know, that's just one of these little Dialogue: 0,0:06:24.54,0:06:26.69,Default,,0000,0000,0000,,things here. And that can take a long time. Dialogue: 0,0:06:26.69,0:06:29.23,Default,,0000,0000,0000,,And while you're doing this work, the business\Nand Dialogue: 0,0:06:29.23,0:06:32.93,Default,,0000,0000,0000,,the world is changing. So the likelihood of\Nyou Dialogue: 0,0:06:32.93,0:06:36.21,Default,,0000,0000,0000,,building the wrong thing and being two years\Nbehind Dialogue: 0,0:06:36.21,0:06:39.13,Default,,0000,0000,0000,,the power curve in this process is high. And Dialogue: 0,0:06:39.13,0:06:40.92,Default,,0000,0000,0000,,it all comes down to, this was all about Dialogue: 0,0:06:40.92,0:06:41.16,Default,,0000,0000,0000,,deliverables. Dialogue: 0,0:06:41.16,0:06:42.29,Default,,0000,0000,0000,,So it has, if I was running a design Dialogue: 0,0:06:42.29,0:06:45.22,Default,,0000,0000,0000,,agency, I want to maximize the deliverables,\Nbecause that's Dialogue: 0,0:06:45.22,0:06:47.05,Default,,0000,0000,0000,,maximizing the amount of time I'm gonna be\Nspending Dialogue: 0,0:06:47.05,0:06:52.30,Default,,0000,0000,0000,,working on building this stuff for people.\NWire frames, Dialogue: 0,0:06:52.30,0:06:54.56,Default,,0000,0000,0000,,big, you'll see these documents where they\Nhave the Dialogue: 0,0:06:54.56,0:06:57.05,Default,,0000,0000,0000,,whole screen laid out and everything is specified\Nby Dialogue: 0,0:06:57.05,0:06:59.32,Default,,0000,0000,0000,,pixel, and instead they could have just made\Na Dialogue: 0,0:06:59.32,0:07:01.99,Default,,0000,0000,0000,,prototype and, and had been testing it already.\NInstead Dialogue: 0,0:07:01.99,0:07:03.75,Default,,0000,0000,0000,,of having to say, well, this is twenty-one\Npixel Dialogue: 0,0:07:03.75,0:07:07.02,Default,,0000,0000,0000,,Verdana. No. Go. Just put in CSS. Build it. Dialogue: 0,0:07:07.02,0:07:07.86,Default,,0000,0000,0000,,Go. Dialogue: 0,0:07:07.86,0:07:11.73,Default,,0000,0000,0000,,You'll hear people fight against that they're\Nnot waterfall, Dialogue: 0,0:07:11.73,0:07:14.57,Default,,0000,0000,0000,,and the developers will say, hey, we're agile.\NWell, Dialogue: 0,0:07:14.57,0:07:17.50,Default,,0000,0000,0000,,the developers may be agile, but each cylo\Nis Dialogue: 0,0:07:17.50,0:07:19.44,Default,,0000,0000,0000,,still throwing things over the wall, or over\Nthe Dialogue: 0,0:07:19.44,0:07:21.27,Default,,0000,0000,0000,,trenches as some people will call it. Dialogue: 0,0:07:21.27,0:07:23.25,Default,,0000,0000,0000,,So, within product, they are kind of churning\Non Dialogue: 0,0:07:23.25,0:07:25.75,Default,,0000,0000,0000,,their stuff. And then they go talk to design Dialogue: 0,0:07:25.75,0:07:27.47,Default,,0000,0000,0000,,and they have a hand off. And then design Dialogue: 0,0:07:27.47,0:07:29.84,Default,,0000,0000,0000,,works on their stuff in an iterative fashion.\NBut Dialogue: 0,0:07:29.84,0:07:35.11,Default,,0000,0000,0000,,they're not iterating together. So this is\Nstill waterfall. Dialogue: 0,0:07:35.11,0:07:38.39,Default,,0000,0000,0000,,Product talks to customers, and the developers\Ndon't get Dialogue: 0,0:07:38.39,0:07:40.18,Default,,0000,0000,0000,,to talk to customers. Now there's, when you\Nstart Dialogue: 0,0:07:40.18,0:07:42.27,Default,,0000,0000,0000,,having all those separations, you know you've\Ngot a Dialogue: 0,0:07:42.27,0:07:43.62,Default,,0000,0000,0000,,problem. Dialogue: 0,0:07:43.62,0:07:47.43,Default,,0000,0000,0000,,So, instead of relying on this, like, mythical\Ndesign Dialogue: 0,0:07:47.43,0:07:49.12,Default,,0000,0000,0000,,hero to come in and say here is the Dialogue: 0,0:07:49.12,0:07:52.36,Default,,0000,0000,0000,,solution that will solve all your ills, we're\Ngonna Dialogue: 0,0:07:52.36,0:07:57.60,Default,,0000,0000,0000,,start talking about the misappropriated but\Nadequately named lean Dialogue: 0,0:07:57.60,0:08:01.64,Default,,0000,0000,0000,,UX. So it's really about design facilitation\Nas opposed Dialogue: 0,0:08:01.64,0:08:04.92,Default,,0000,0000,0000,,to, here's my beautiful design that you will\Nbuild. Dialogue: 0,0:08:04.92,0:08:08.32,Default,,0000,0000,0000,,So, when we talk about lean UX, it's really Dialogue: 0,0:08:08.32,0:08:11.44,Default,,0000,0000,0000,,a three part process. It involves design thinking.\NIt Dialogue: 0,0:08:11.44,0:08:15.97,Default,,0000,0000,0000,,involves agile, and in the traditional agile\Nmanifesto mentality, Dialogue: 0,0:08:15.97,0:08:18.58,Default,,0000,0000,0000,,and it pulls heavily on the lean startup book Dialogue: 0,0:08:18.58,0:08:21.38,Default,,0000,0000,0000,,from a couple years back. So design thinking\Ncame Dialogue: 0,0:08:21.38,0:08:24.38,Default,,0000,0000,0000,,out of a idea, which is a big product Dialogue: 0,0:08:24.38,0:08:26.76,Default,,0000,0000,0000,,ideation. I hate that word, but it's what\Nthey Dialogue: 0,0:08:26.76,0:08:28.46,Default,,0000,0000,0000,,do. They come up, they create products. Dialogue: 0,0:08:28.46,0:08:30.72,Default,,0000,0000,0000,,And the CEO came up with that. And it's Dialogue: 0,0:08:30.72,0:08:34.83,Default,,0000,0000,0000,,innovating, based on direct observation, about\Nwhat people want Dialogue: 0,0:08:34.83,0:08:38.66,Default,,0000,0000,0000,,and need. So, instead of going in and actually, Dialogue: 0,0:08:38.66,0:08:41.45,Default,,0000,0000,0000,,like, thinking and saying, what if, what if?\NThey Dialogue: 0,0:08:41.45,0:08:43.53,Default,,0000,0000,0000,,actually go and start talking to real people\Nand Dialogue: 0,0:08:43.53,0:08:45.54,Default,,0000,0000,0000,,finding out what they want, finding out what\Nthey Dialogue: 0,0:08:45.54,0:08:47.67,Default,,0000,0000,0000,,need, and then coming up with solutions that\Nfit Dialogue: 0,0:08:47.67,0:08:51.30,Default,,0000,0000,0000,,those problems. And, they use sensibilities\Nand methods to Dialogue: 0,0:08:51.30,0:08:54.21,Default,,0000,0000,0000,,match these needs with something that's actually\Na viable Dialogue: 0,0:08:54.21,0:08:56.93,Default,,0000,0000,0000,,market product. Dialogue: 0,0:08:56.93,0:08:59.90,Default,,0000,0000,0000,,Part two of that's agile. Melissa Perry posted\Nthis Dialogue: 0,0:08:59.90,0:09:02.68,Default,,0000,0000,0000,,a couple days ago. She's a big UX person. Dialogue: 0,0:09:02.68,0:09:05.03,Default,,0000,0000,0000,,And I think this is probably, when every manager Dialogue: 0,0:09:05.03,0:09:07.27,Default,,0000,0000,0000,,says agile, what every developer thinks is\Ngoing to Dialogue: 0,0:09:07.27,0:09:10.56,Default,,0000,0000,0000,,happen. And it's the, that was your training.\NAnd Dialogue: 0,0:09:10.56,0:09:12.34,Default,,0000,0000,0000,,pretty much whenever I hear some manager say\Nthis Dialogue: 0,0:09:12.34,0:09:13.71,Default,,0000,0000,0000,,and it's obvious that they don't really know\Nwhat Dialogue: 0,0:09:13.71,0:09:15.68,Default,,0000,0000,0000,,they're talking about, I kind of just feel\Nlike Dialogue: 0,0:09:15.68,0:09:18.72,Default,,0000,0000,0000,,this, and it's just. No. We're not gonna do Dialogue: 0,0:09:18.72,0:09:19.45,Default,,0000,0000,0000,,that. Dialogue: 0,0:09:19.45,0:09:22.66,Default,,0000,0000,0000,,So agile should be. Everyone pretty familiar\Nwith this? Dialogue: 0,0:09:22.66,0:09:25.54,Default,,0000,0000,0000,,Or at least have heard about it before? This Dialogue: 0,0:09:25.54,0:09:28.13,Default,,0000,0000,0000,,is from 2001. And it really talks about these Dialogue: 0,0:09:28.13,0:09:32.06,Default,,0000,0000,0000,,four principles. And it's really in response\Nto the Dialogue: 0,0:09:32.06,0:09:34.04,Default,,0000,0000,0000,,software development of the time and how things\Nwere Dialogue: 0,0:09:34.04,0:09:37.20,Default,,0000,0000,0000,,being built. But I think it really applies\Na Dialogue: 0,0:09:37.20,0:09:40.03,Default,,0000,0000,0000,,lot more to kind of orienteering. And I'm\Ntalking Dialogue: 0,0:09:40.03,0:09:43.44,Default,,0000,0000,0000,,about map-reading and land navigation when\NI talk about Dialogue: 0,0:09:43.44,0:09:43.84,Default,,0000,0000,0000,,orienteering. Dialogue: 0,0:09:43.84,0:09:46.58,Default,,0000,0000,0000,,So, the good old boy scout method, you know, Dialogue: 0,0:09:46.58,0:09:49.13,Default,,0000,0000,0000,,with sitting there and trying to figure out\Nhow Dialogue: 0,0:09:49.13,0:09:50.54,Default,,0000,0000,0000,,you're gonna get from point a to point b. Dialogue: 0,0:09:50.54,0:09:52.26,Default,,0000,0000,0000,,So, in orienteering, the first thing you need\Nto Dialogue: 0,0:09:52.26,0:09:54.17,Default,,0000,0000,0000,,do is find out where you are. Then you Dialogue: 0,0:09:54.17,0:09:56.63,Default,,0000,0000,0000,,shoot an azimuth and choose your target. You\Nsay, Dialogue: 0,0:09:56.63,0:09:58.39,Default,,0000,0000,0000,,this is the angle I'm gonna go to get Dialogue: 0,0:09:58.39,0:09:59.67,Default,,0000,0000,0000,,there, and there's a target that I am going Dialogue: 0,0:09:59.67,0:10:02.80,Default,,0000,0000,0000,,to walk to. You move to that target and Dialogue: 0,0:10:02.80,0:10:04.46,Default,,0000,0000,0000,,you repeat. And you keep doing this. Dialogue: 0,0:10:04.46,0:10:06.11,Default,,0000,0000,0000,,And it's not just about getting yourself from\Npoint Dialogue: 0,0:10:06.11,0:10:08.08,Default,,0000,0000,0000,,a to point b, but it's about leading a Dialogue: 0,0:10:08.08,0:10:11.05,Default,,0000,0000,0000,,group of people all in the same direction\Nand Dialogue: 0,0:10:11.05,0:10:14.26,Default,,0000,0000,0000,,sometimes doing complex things. So, when you\Ntalk about Dialogue: 0,0:10:14.26,0:10:16.86,Default,,0000,0000,0000,,agile, Dave Thomas sums it up this way. You Dialogue: 0,0:10:16.86,0:10:18.40,Default,,0000,0000,0000,,find out where you are. You take a small Dialogue: 0,0:10:18.40,0:10:21.41,Default,,0000,0000,0000,,step towards your goal. You adjust your understanding\Nbased Dialogue: 0,0:10:21.41,0:10:24.87,Default,,0000,0000,0000,,on what you learned, and you repeat. Dialogue: 0,0:10:24.87,0:10:26.97,Default,,0000,0000,0000,,Which also comes down to the lean startup\Nmentality Dialogue: 0,0:10:26.97,0:10:30.37,Default,,0000,0000,0000,,of build, measure, learn. And you're gonna\Nrepeat that Dialogue: 0,0:10:30.37,0:10:32.51,Default,,0000,0000,0000,,process. So it's not the measure in the sense Dialogue: 0,0:10:32.51,0:10:34.79,Default,,0000,0000,0000,,of, which of these forty blue shades is the Dialogue: 0,0:10:34.79,0:10:37.75,Default,,0000,0000,0000,,right button, but measure in the bigger sense\Nof, Dialogue: 0,0:10:37.75,0:10:40.18,Default,,0000,0000,0000,,is this, when we have a design idea, we're Dialogue: 0,0:10:40.18,0:10:43.15,Default,,0000,0000,0000,,gonna try and solve this problem. Does this\Nactually Dialogue: 0,0:10:43.15,0:10:45.08,Default,,0000,0000,0000,,solve the problem or not? And we're gonna\Nmeasure Dialogue: 0,0:10:45.08,0:10:49.76,Default,,0000,0000,0000,,the efficacy with which it solves that problem. Dialogue: 0,0:10:49.76,0:10:52.35,Default,,0000,0000,0000,,So this is kind of the UX process inside Dialogue: 0,0:10:52.35,0:10:57.30,Default,,0000,0000,0000,,lean, and this can really be applied, it's,\Nit's, Dialogue: 0,0:10:57.30,0:10:59.73,Default,,0000,0000,0000,,to the whole thing, cause it's not that design Dialogue: 0,0:10:59.73,0:11:05.74,Default,,0000,0000,0000,,is separate from development. Everybody's\Nworking together. Everybody's involved. Dialogue: 0,0:11:05.74,0:11:07.74,Default,,0000,0000,0000,,So instead of having your designer go off\Nand Dialogue: 0,0:11:07.74,0:11:10.65,Default,,0000,0000,0000,,come up with something, designers, developers,\Nproduct people are Dialogue: 0,0:11:10.65,0:11:14.12,Default,,0000,0000,0000,,all working together through these steps. Dialogue: 0,0:11:14.12,0:11:15.52,Default,,0000,0000,0000,,So we're gonna come up with a concept, we're Dialogue: 0,0:11:15.52,0:11:17.15,Default,,0000,0000,0000,,gonna do a really quick prototype, just get\Nthe Dialogue: 0,0:11:17.15,0:11:18.80,Default,,0000,0000,0000,,idea enough that we can work with it and Dialogue: 0,0:11:18.80,0:11:21.15,Default,,0000,0000,0000,,show somebody, and we're gonna validate it,\Nand then Dialogue: 0,0:11:21.15,0:11:23.09,Default,,0000,0000,0000,,we're gonna learn from that and we're gonna\Nrepeat Dialogue: 0,0:11:23.09,0:11:24.94,Default,,0000,0000,0000,,the process. Dialogue: 0,0:11:24.94,0:11:27.69,Default,,0000,0000,0000,,So the formal definition of lean UX here is Dialogue: 0,0:11:27.69,0:11:30.76,Default,,0000,0000,0000,,from the lean UX book, and you know it's Dialogue: 0,0:11:30.76,0:11:32.43,Default,,0000,0000,0000,,trying to bring the true nature of a product Dialogue: 0,0:11:32.43,0:11:35.68,Default,,0000,0000,0000,,to light faster. And there's a couple tools\Nthat Dialogue: 0,0:11:35.68,0:11:37.76,Default,,0000,0000,0000,,really assist in this space to help us with Dialogue: 0,0:11:37.76,0:11:39.40,Default,,0000,0000,0000,,that. One of them is personas. Dialogue: 0,0:11:39.40,0:11:41.50,Default,,0000,0000,0000,,So you can have personas that are kind of Dialogue: 0,0:11:41.50,0:11:43.32,Default,,0000,0000,0000,,formal, like on the left, or you really, really Dialogue: 0,0:11:43.32,0:11:46.90,Default,,0000,0000,0000,,kind of laid back like on the right. And, Dialogue: 0,0:11:46.90,0:11:49.44,Default,,0000,0000,0000,,this is really along the lines of BDD. So Dialogue: 0,0:11:49.44,0:11:51.100,Default,,0000,0000,0000,,if you're doing, you know, as a user, the Dialogue: 0,0:11:51.100,0:11:54.06,Default,,0000,0000,0000,,system admin, we'll give him a name. Give\Nher Dialogue: 0,0:11:54.06,0:11:54.59,Default,,0000,0000,0000,,a name. Dialogue: 0,0:11:54.59,0:11:56.68,Default,,0000,0000,0000,,Go ahead and make that a person, pin them Dialogue: 0,0:11:56.68,0:11:58.17,Default,,0000,0000,0000,,up on the wall, talk about them like a Dialogue: 0,0:11:58.17,0:12:00.27,Default,,0000,0000,0000,,real person. It really takes it out of this Dialogue: 0,0:12:00.27,0:12:04.37,Default,,0000,0000,0000,,theoretical, you know, well here's a, you\Nknow, Q&A Dialogue: 0,0:12:04.37,0:12:07.19,Default,,0000,0000,0000,,admin that's doing blah blah blah. Give them\Na Dialogue: 0,0:12:07.19,0:12:09.62,Default,,0000,0000,0000,,name, a personality, and it lets you care\Nabout Dialogue: 0,0:12:09.62,0:12:12.86,Default,,0000,0000,0000,,them in a different way than this theoretical\Nperson. Dialogue: 0,0:12:12.86,0:12:14.95,Default,,0000,0000,0000,,You can also have a little more, like, formal Dialogue: 0,0:12:14.95,0:12:16.71,Default,,0000,0000,0000,,documents. These were things that we wrote\Nup when Dialogue: 0,0:12:16.71,0:12:19.73,Default,,0000,0000,0000,,we did customer support. We rebuilt their\Nsystem at Dialogue: 0,0:12:19.73,0:12:22.24,Default,,0000,0000,0000,,Living Social. So we didn't draw up something,\Nbut Dialogue: 0,0:12:22.24,0:12:24.24,Default,,0000,0000,0000,,we came up with, kind of, like, here's the, Dialogue: 0,0:12:24.24,0:12:25.46,Default,,0000,0000,0000,,the point. So we want to talk about, and, Dialogue: 0,0:12:25.46,0:12:27.25,Default,,0000,0000,0000,,you know, it's the name, what's the name of Dialogue: 0,0:12:27.25,0:12:31.03,Default,,0000,0000,0000,,the person. Like, the title. Cause there's\Na lot Dialogue: 0,0:12:31.03,0:12:32.96,Default,,0000,0000,0000,,of, in, in bigger companies, a lot of titles Dialogue: 0,0:12:32.96,0:12:36.67,Default,,0000,0000,0000,,start to really define roles effectively. Dialogue: 0,0:12:36.67,0:12:40.99,Default,,0000,0000,0000,,The duties, the goals, the fears, the aspirations.\NYou Dialogue: 0,0:12:40.99,0:12:43.04,Default,,0000,0000,0000,,know, what are their computer skills. It really\Nmatters. Dialogue: 0,0:12:43.04,0:12:45.39,Default,,0000,0000,0000,,Cause if you're dealing with experts, you're\Ngonna build Dialogue: 0,0:12:45.39,0:12:46.70,Default,,0000,0000,0000,,a different system than if you're dealing\Nwith a Dialogue: 0,0:12:46.70,0:12:47.51,Default,,0000,0000,0000,,computer novice. Dialogue: 0,0:12:47.51,0:12:50.60,Default,,0000,0000,0000,,Means of communication. How do they like to\Ntalk. Dialogue: 0,0:12:50.60,0:12:52.22,Default,,0000,0000,0000,,Do they use IM. Are they are email? Would Dialogue: 0,0:12:52.22,0:12:53.75,Default,,0000,0000,0000,,they rather pick up the phone and call you? Dialogue: 0,0:12:53.75,0:12:56.39,Default,,0000,0000,0000,,Again, it's gonna effect the way you design\Nthe Dialogue: 0,0:12:56.39,0:12:57.49,Default,,0000,0000,0000,,system. Dialogue: 0,0:12:57.49,0:13:00.35,Default,,0000,0000,0000,,And instead of sitting there and making big\Ndocuments, Dialogue: 0,0:13:00.35,0:13:01.86,Default,,0000,0000,0000,,you break out paper or you break out the Dialogue: 0,0:13:01.86,0:13:04.97,Default,,0000,0000,0000,,whiteboard. This is a flow diagram for a project Dialogue: 0,0:13:04.97,0:13:07.01,Default,,0000,0000,0000,,I was working on at home. And, took me Dialogue: 0,0:13:07.01,0:13:08.66,Default,,0000,0000,0000,,ten minutes to sketch it out and kind of Dialogue: 0,0:13:08.66,0:13:10.39,Default,,0000,0000,0000,,figure out the flows of what I wanted to Dialogue: 0,0:13:10.39,0:13:14.74,Default,,0000,0000,0000,,do. This was for reviewing creating materials. Dialogue: 0,0:13:14.74,0:13:16.52,Default,,0000,0000,0000,,This is something we did for email. We were Dialogue: 0,0:13:16.52,0:13:20.52,Default,,0000,0000,0000,,handling multi-city emails at Living Social.\NThat is the Dialogue: 0,0:13:20.52,0:13:22.80,Default,,0000,0000,0000,,design. We took that, we went right to code. Dialogue: 0,0:13:22.80,0:13:26.15,Default,,0000,0000,0000,,You do a lot of sketching. I prefer to Dialogue: 0,0:13:26.15,0:13:28.80,Default,,0000,0000,0000,,use architectural trace paper. This twelve\Ninch roll of Dialogue: 0,0:13:28.80,0:13:31.35,Default,,0000,0000,0000,,fifty yards long. You can lay it over another Dialogue: 0,0:13:31.35,0:13:33.11,Default,,0000,0000,0000,,sheet, very easily, like you see here. That's\None Dialogue: 0,0:13:33.11,0:13:35.51,Default,,0000,0000,0000,,sheet laid over another. So I can get elements Dialogue: 0,0:13:35.51,0:13:37.17,Default,,0000,0000,0000,,that are repeating very quickly. If I want\Na Dialogue: 0,0:13:37.17,0:13:39.09,Default,,0000,0000,0000,,modal I just draw the modal and then, boom, Dialogue: 0,0:13:39.09,0:13:40.57,Default,,0000,0000,0000,,there you go. You can talk about it. Dialogue: 0,0:13:40.57,0:13:41.76,Default,,0000,0000,0000,,So, then I can pin these up on the Dialogue: 0,0:13:41.76,0:13:43.57,Default,,0000,0000,0000,,wall or they can sit there on the table Dialogue: 0,0:13:43.57,0:13:45.71,Default,,0000,0000,0000,,and just talk about what's going on. And it's Dialogue: 0,0:13:45.71,0:13:48.53,Default,,0000,0000,0000,,not, I don't like this font. I really don't Dialogue: 0,0:13:48.53,0:13:51.16,Default,,0000,0000,0000,,like that green or, you know, is this gonna Dialogue: 0,0:13:51.16,0:13:53.18,Default,,0000,0000,0000,,be this big? No, it's just a sketch. And Dialogue: 0,0:13:53.18,0:13:55.70,Default,,0000,0000,0000,,you can hand the pen to the person. Everybody Dialogue: 0,0:13:55.70,0:13:57.55,Default,,0000,0000,0000,,can scribble. Dialogue: 0,0:13:57.55,0:13:59.12,Default,,0000,0000,0000,,Ryan Singer, I think, has a lot of great Dialogue: 0,0:13:59.12,0:14:01.61,Default,,0000,0000,0000,,examples of where they even do copy and it's Dialogue: 0,0:14:01.61,0:14:05.13,Default,,0000,0000,0000,,little, just, lines. It's, there's no formality\Nto it. Dialogue: 0,0:14:05.13,0:14:06.68,Default,,0000,0000,0000,,It's, this is a block of copy. This is Dialogue: 0,0:14:06.68,0:14:08.95,Default,,0000,0000,0000,,a headline and it's a squiggle. And that's\Ngreat Dialogue: 0,0:14:08.95,0:14:11.03,Default,,0000,0000,0000,,because you don't feel like, oh I need to Dialogue: 0,0:14:11.03,0:14:13.23,Default,,0000,0000,0000,,be an artist. Dialogue: 0,0:14:13.23,0:14:15.88,Default,,0000,0000,0000,,So, applying these things, I've done this\Na couple Dialogue: 0,0:14:15.88,0:14:17.36,Default,,0000,0000,0000,,different ways and we didn't know what we\Nwere Dialogue: 0,0:14:17.36,0:14:20.11,Default,,0000,0000,0000,,doing. One of these things that we did a Dialogue: 0,0:14:20.11,0:14:21.81,Default,,0000,0000,0000,,lot with the info ether days is that we Dialogue: 0,0:14:21.81,0:14:24.27,Default,,0000,0000,0000,,did working in parallel. So, our first client\Nmeeting Dialogue: 0,0:14:24.27,0:14:26.32,Default,,0000,0000,0000,,would go something, you know, like this. We'd\Nall Dialogue: 0,0:14:26.32,0:14:28.81,Default,,0000,0000,0000,,be in the room together with the client, and Dialogue: 0,0:14:28.81,0:14:31.16,Default,,0000,0000,0000,,I'd be sitting there working on flows while\Nsomebody Dialogue: 0,0:14:31.16,0:14:33.84,Default,,0000,0000,0000,,like Rich or Chad were actually pulling out\Ndomain Dialogue: 0,0:14:33.84,0:14:37.12,Default,,0000,0000,0000,,objects, and actually teaching the customer,\Nyou can say Dialogue: 0,0:14:37.12,0:14:38.68,Default,,0000,0000,0000,,model. We actually wouldn't sit there and\Ntry and Dialogue: 0,0:14:38.68,0:14:39.85,Default,,0000,0000,0000,,make up a new language for them. Dialogue: 0,0:14:39.85,0:14:41.32,Default,,0000,0000,0000,,We'd teach them what a model was, we'd teach Dialogue: 0,0:14:41.32,0:14:43.37,Default,,0000,0000,0000,,them what the domain meant. And we'd actually\Nget Dialogue: 0,0:14:43.37,0:14:45.45,Default,,0000,0000,0000,,them into our head space. And so we'd come Dialogue: 0,0:14:45.45,0:14:48.81,Default,,0000,0000,0000,,out and build and we'd have usability and\Nfunctionality. Dialogue: 0,0:14:48.81,0:14:50.92,Default,,0000,0000,0000,,They already were committing to the Git repo,\Nand Dialogue: 0,0:14:50.92,0:14:52.10,Default,,0000,0000,0000,,we had a bunch of sketches either on a Dialogue: 0,0:14:52.10,0:14:54.76,Default,,0000,0000,0000,,whiteboard or on paper about how that flow\Nis Dialogue: 0,0:14:54.76,0:14:56.99,Default,,0000,0000,0000,,gonna work. Sometimes we even had diagrams\Nof page Dialogue: 0,0:14:56.99,0:14:57.66,Default,,0000,0000,0000,,layout. Dialogue: 0,0:14:57.66,0:15:02.18,Default,,0000,0000,0000,,So it's really about sketching and building\Nsimultaneously. These Dialogue: 0,0:15:02.18,0:15:04.81,Default,,0000,0000,0000,,are some sharets I did for the State Decoded, Dialogue: 0,0:15:04.81,0:15:08.69,Default,,0000,0000,0000,,which is a, a Night Foundation opening government\Nproject. Dialogue: 0,0:15:08.69,0:15:09.94,Default,,0000,0000,0000,,These little things on the left are an inch Dialogue: 0,0:15:09.94,0:15:11.75,Default,,0000,0000,0000,,square. I was trying to come up with some Dialogue: 0,0:15:11.75,0:15:14.62,Default,,0000,0000,0000,,early ideas of how the, the main landing page Dialogue: 0,0:15:14.62,0:15:17.37,Default,,0000,0000,0000,,would look, would lay out. And so just, there's Dialogue: 0,0:15:17.37,0:15:20.11,Default,,0000,0000,0000,,very little detail there. It's like, maybe\Ncopy here. Dialogue: 0,0:15:20.11,0:15:22.19,Default,,0000,0000,0000,,Maybe headline here. Here's a feature images.\NHere's some Dialogue: 0,0:15:22.19,0:15:25.10,Default,,0000,0000,0000,,other images. And, you know, I'd like, I liked Dialogue: 0,0:15:25.10,0:15:26.41,Default,,0000,0000,0000,,the third one I did, so then I developed Dialogue: 0,0:15:26.41,0:15:27.63,Default,,0000,0000,0000,,that a little better. But you can see it's Dialogue: 0,0:15:27.63,0:15:31.34,Default,,0000,0000,0000,,literally squiggles. There is nothing there\Nof copy outside Dialogue: 0,0:15:31.34,0:15:33.09,Default,,0000,0000,0000,,of the name. Dialogue: 0,0:15:33.09,0:15:34.80,Default,,0000,0000,0000,,And then that goes, and I took that into Dialogue: 0,0:15:34.80,0:15:36.74,Default,,0000,0000,0000,,photoshop to get something a little more formal,\Ncause Dialogue: 0,0:15:36.74,0:15:39.19,Default,,0000,0000,0000,,I didn't have any brand build around it yet. Dialogue: 0,0:15:39.19,0:15:41.76,Default,,0000,0000,0000,,Any, any, you know, kind of vibe. And so Dialogue: 0,0:15:41.76,0:15:43.15,Default,,0000,0000,0000,,we took that and did this and then this Dialogue: 0,0:15:43.15,0:15:45.36,Default,,0000,0000,0000,,went to build out. While this was happening,\Nwhile Dialogue: 0,0:15:45.36,0:15:47.48,Default,,0000,0000,0000,,the Jquith who's now running the Open Data\NInstitute Dialogue: 0,0:15:47.48,0:15:50.68,Default,,0000,0000,0000,,was building this code in PHP, with no idea Dialogue: 0,0:15:50.68,0:15:52.78,Default,,0000,0000,0000,,of how my frontend was gonna look. And we Dialogue: 0,0:15:52.78,0:15:54.43,Default,,0000,0000,0000,,married them up later. But we knew the functionality. Dialogue: 0,0:15:54.43,0:15:57.72,Default,,0000,0000,0000,,We had agreed upon how things were gonna work. Dialogue: 0,0:15:57.72,0:16:01.93,Default,,0000,0000,0000,,And, so sometimes this comes down to prototyping,\Nand Dialogue: 0,0:16:01.93,0:16:04.77,Default,,0000,0000,0000,,looking at things from a big picture level.\NAnd Dialogue: 0,0:16:04.77,0:16:06.32,Default,,0000,0000,0000,,a couple of things you can do. If you Dialogue: 0,0:16:06.32,0:16:09.37,Default,,0000,0000,0000,,don't know your end users, one good way to Dialogue: 0,0:16:09.37,0:16:11.58,Default,,0000,0000,0000,,learn really fast is to do what's called a Dialogue: 0,0:16:11.58,0:16:14.89,Default,,0000,0000,0000,,mental model. Indie Young is a UX person.\NShe Dialogue: 0,0:16:14.89,0:16:18.54,Default,,0000,0000,0000,,was at Adaptive Path for a long time and Dialogue: 0,0:16:18.54,0:16:22.02,Default,,0000,0000,0000,,now she's out consulting. And it's really\Nabout identifying, Dialogue: 0,0:16:22.02,0:16:26.37,Default,,0000,0000,0000,,like, this would be somebody's morning mental\Nmodel. Prototypical Dialogue: 0,0:16:26.37,0:16:27.26,Default,,0000,0000,0000,,morning. Dialogue: 0,0:16:27.26,0:16:29.05,Default,,0000,0000,0000,,Excuse me. Dialogue: 0,0:16:29.05,0:16:33.32,Default,,0000,0000,0000,,So. It's, it's drawn organizing factor to\Nfigure out Dialogue: 0,0:16:33.32,0:16:35.56,Default,,0000,0000,0000,,what the users are doing before you type any Dialogue: 0,0:16:35.56,0:16:38.35,Default,,0000,0000,0000,,code. Or before you even draw on the design Dialogue: 0,0:16:38.35,0:16:42.08,Default,,0000,0000,0000,,mock-up. And it's a visualization of your\Nresearch data. Dialogue: 0,0:16:42.08,0:16:43.60,Default,,0000,0000,0000,,So if you know what's going on, you don't Dialogue: 0,0:16:43.60,0:16:45.56,Default,,0000,0000,0000,,need this. But if you have no idea what's Dialogue: 0,0:16:45.56,0:16:48.24,Default,,0000,0000,0000,,going on and you really don't know your users, Dialogue: 0,0:16:48.24,0:16:50.10,Default,,0000,0000,0000,,or you, you're on a system that's been around Dialogue: 0,0:16:50.10,0:16:51.79,Default,,0000,0000,0000,,for awhile and people are complaining that\Nit doesn't Dialogue: 0,0:16:51.79,0:16:54.67,Default,,0000,0000,0000,,solve their needs anymore, this is a great\Nexercise Dialogue: 0,0:16:54.67,0:16:58.23,Default,,0000,0000,0000,,to find out what those needs are. Dialogue: 0,0:16:58.23,0:17:00.52,Default,,0000,0000,0000,,You can also do stuff with, just kind of Dialogue: 0,0:17:00.52,0:17:02.91,Default,,0000,0000,0000,,big picture ideas. When I first started doing\Nthe Dialogue: 0,0:17:02.91,0:17:06.08,Default,,0000,0000,0000,,design at Living Social for our internal tools,\Nthey Dialogue: 0,0:17:06.08,0:17:07.43,Default,,0000,0000,0000,,kind of said, just come up with, you know, Dialogue: 0,0:17:07.43,0:17:09.20,Default,,0000,0000,0000,,combine all these things together, go talk\Nto people. Dialogue: 0,0:17:09.20,0:17:11.82,Default,,0000,0000,0000,,Come up with kind of like, an ideal world. Dialogue: 0,0:17:11.82,0:17:13.56,Default,,0000,0000,0000,,And so I put together about six mock-ups that Dialogue: 0,0:17:13.56,0:17:15.57,Default,,0000,0000,0000,,were about at this level, and I took them Dialogue: 0,0:17:15.57,0:17:17.57,Default,,0000,0000,0000,,and we presented them to Aaron Batalion, who\Nwas Dialogue: 0,0:17:17.57,0:17:21.64,Default,,0000,0000,0000,,the CTO. And engineering was already moving\Ntowards, we Dialogue: 0,0:17:21.64,0:17:23.49,Default,,0000,0000,0000,,had already started breaking up our monolithic\Napp at Dialogue: 0,0:17:23.49,0:17:25.98,Default,,0000,0000,0000,,the time, and they were moving towards a service-based Dialogue: 0,0:17:25.98,0:17:27.65,Default,,0000,0000,0000,,architecture. So we kind of had an idea of Dialogue: 0,0:17:27.65,0:17:30.01,Default,,0000,0000,0000,,what we were doing, but we hadn't really finalized Dialogue: 0,0:17:30.01,0:17:30.87,Default,,0000,0000,0000,,it yet. Dialogue: 0,0:17:30.87,0:17:33.75,Default,,0000,0000,0000,,And Aaron Batalion just looked at me very\Nseriously Dialogue: 0,0:17:33.75,0:17:35.33,Default,,0000,0000,0000,,and said, you do realize that's eighteen months\Nof Dialogue: 0,0:17:35.33,0:17:38.19,Default,,0000,0000,0000,,work. Like, what I had put into six screens. Dialogue: 0,0:17:38.19,0:17:40.94,Default,,0000,0000,0000,,And, so yeah. But what was great about this Dialogue: 0,0:17:40.94,0:17:43.63,Default,,0000,0000,0000,,was we had an idea of what could happen. Dialogue: 0,0:17:43.63,0:17:45.02,Default,,0000,0000,0000,,So then we were able to talk about that. Dialogue: 0,0:17:45.02,0:17:47.34,Default,,0000,0000,0000,,Pull things out, break things apart, and things\Nevolved Dialogue: 0,0:17:47.34,0:17:49.33,Default,,0000,0000,0000,,from this. And over time we started working\Non Dialogue: 0,0:17:49.33,0:17:52.65,Default,,0000,0000,0000,,different projects solving different problems.\NLike, this was our Dialogue: 0,0:17:52.65,0:17:55.72,Default,,0000,0000,0000,,scheduler prototype that we built. Dialogue: 0,0:17:55.72,0:17:57.17,Default,,0000,0000,0000,,And you start putting these in front of people. Dialogue: 0,0:17:57.17,0:17:59.03,Default,,0000,0000,0000,,So we went down to our actual people that Dialogue: 0,0:17:59.03,0:18:02.10,Default,,0000,0000,0000,,were scheduling deals and we did usability\Ntesting. Now, Dialogue: 0,0:18:02.10,0:18:04.33,Default,,0000,0000,0000,,usability testing is hard, because you often\Ncan end Dialogue: 0,0:18:04.33,0:18:06.45,Default,,0000,0000,0000,,up in this situation where you're trying to\Nbe Dialogue: 0,0:18:06.45,0:18:08.30,Default,,0000,0000,0000,,all chipper about it and the person's just,\Nlike, Dialogue: 0,0:18:08.30,0:18:10.69,Default,,0000,0000,0000,,this is awful. This is horrible. It's great.\NI Dialogue: 0,0:18:10.69,0:18:12.44,Default,,0000,0000,0000,,love it. Yeah, that's wonderful. Dialogue: 0,0:18:12.44,0:18:15.86,Default,,0000,0000,0000,,So we started recording things with Silverback.\NAnd with Dialogue: 0,0:18:15.86,0:18:17.43,Default,,0000,0000,0000,,Silverback, what you do is you end up getting Dialogue: 0,0:18:17.43,0:18:19.25,Default,,0000,0000,0000,,a screen like this. And so this is one Dialogue: 0,0:18:19.25,0:18:21.55,Default,,0000,0000,0000,,of our live tests we did, with Jean O'Reilly Dialogue: 0,0:18:21.55,0:18:25.00,Default,,0000,0000,0000,,who is one of our senior scheduling people.\NAnd Dialogue: 0,0:18:25.00,0:18:27.46,Default,,0000,0000,0000,,basically, instead of all of engineering sitting,\Nthat was Dialogue: 0,0:18:27.46,0:18:29.24,Default,,0000,0000,0000,,working on this project sitting around her,\Nmaking her Dialogue: 0,0:18:29.24,0:18:31.42,Default,,0000,0000,0000,,feel uncomfortable, we had one person talking\Nthrough some Dialogue: 0,0:18:31.42,0:18:34.29,Default,,0000,0000,0000,,stuff with her. Just getting first impressions.\NHow would Dialogue: 0,0:18:34.29,0:18:37.25,Default,,0000,0000,0000,,you do this? Very leading questions. You,\Nyou want Dialogue: 0,0:18:37.25,0:18:38.37,Default,,0000,0000,0000,,the door wide open. Dialogue: 0,0:18:38.37,0:18:40.93,Default,,0000,0000,0000,,But, you basically get all her clicks, and\Nyou Dialogue: 0,0:18:40.93,0:18:43.86,Default,,0000,0000,0000,,can see how often she's doing select all and Dialogue: 0,0:18:43.86,0:18:45.92,Default,,0000,0000,0000,,things like that. But it's really interesting\Nto see Dialogue: 0,0:18:45.92,0:18:48.32,Default,,0000,0000,0000,,how somebody starts interacting with something\Nthey haven't seen Dialogue: 0,0:18:48.32,0:18:51.20,Default,,0000,0000,0000,,before. And this records her video down in\Nthe Dialogue: 0,0:18:51.20,0:18:53.40,Default,,0000,0000,0000,,bottom with the, from just the camera on the Dialogue: 0,0:18:53.40,0:18:55.14,Default,,0000,0000,0000,,mac, and you also get audio. Dialogue: 0,0:18:55.14,0:18:57.06,Default,,0000,0000,0000,,So we could then sit there and review these. Dialogue: 0,0:18:57.06,0:18:59.00,Default,,0000,0000,0000,,Each one was a twenty, thirty minute session,\Nworking Dialogue: 0,0:18:59.00,0:19:02.62,Default,,0000,0000,0000,,through various questions. And we took those\Nback and Dialogue: 0,0:19:02.62,0:19:06.02,Default,,0000,0000,0000,,then iterated on things. Dialogue: 0,0:19:06.02,0:19:09.01,Default,,0000,0000,0000,,Sometimes you're working in such a big problem\Nthat Dialogue: 0,0:19:09.01,0:19:10.74,Default,,0000,0000,0000,,you have to kind of do the rewrite. So Dialogue: 0,0:19:10.74,0:19:12.96,Default,,0000,0000,0000,,this was our customer support tool that we\Nrebuilt. Dialogue: 0,0:19:12.96,0:19:14.89,Default,,0000,0000,0000,,It was originally Sales Force. They were working\Nin Dialogue: 0,0:19:14.89,0:19:17.52,Default,,0000,0000,0000,,Sales Force. This is backed by Sales Force.\NBut Dialogue: 0,0:19:17.52,0:19:19.64,Default,,0000,0000,0000,,this is a backbone project on top of a Dialogue: 0,0:19:19.64,0:19:22.93,Default,,0000,0000,0000,,Rails app, and it's super complex. And it's\Ntwo Dialogue: 0,0:19:22.93,0:19:25.14,Default,,0000,0000,0000,,screens. So they have two nineteen inch monitors,\Nthis Dialogue: 0,0:19:25.14,0:19:27.33,Default,,0000,0000,0000,,is the left and this is the right. Dialogue: 0,0:19:27.33,0:19:29.65,Default,,0000,0000,0000,,Now, all these things that we were doing,\Nwe Dialogue: 0,0:19:29.65,0:19:31.43,Default,,0000,0000,0000,,had done so much shadowing. We knew all these Dialogue: 0,0:19:31.43,0:19:34.75,Default,,0000,0000,0000,,pain points, all these things they hated,\Nbut building Dialogue: 0,0:19:34.75,0:19:36.38,Default,,0000,0000,0000,,all this, again, this is one of those took Dialogue: 0,0:19:36.38,0:19:38.44,Default,,0000,0000,0000,,a year to kind of get to this point. Dialogue: 0,0:19:38.44,0:19:39.78,Default,,0000,0000,0000,,So what we started doing is that we went Dialogue: 0,0:19:39.78,0:19:42.90,Default,,0000,0000,0000,,in and fixed the pain points when we could. Dialogue: 0,0:19:42.90,0:19:45.09,Default,,0000,0000,0000,,Instead of waiting to build that perfect screen,\Nwe Dialogue: 0,0:19:45.09,0:19:47.25,Default,,0000,0000,0000,,went on the production system and fixed that\None Dialogue: 0,0:19:47.25,0:19:50.17,Default,,0000,0000,0000,,little interaction that was driving them nuts,\Nand then Dialogue: 0,0:19:50.17,0:19:51.45,Default,,0000,0000,0000,,we'd go and do the next one and go Dialogue: 0,0:19:51.45,0:19:53.14,Default,,0000,0000,0000,,and do the next one at the same time, Dialogue: 0,0:19:53.14,0:19:55.01,Default,,0000,0000,0000,,while we're building. Dialogue: 0,0:19:55.01,0:19:56.47,Default,,0000,0000,0000,,And so this is really comes down to kind Dialogue: 0,0:19:56.47,0:19:58.85,Default,,0000,0000,0000,,of a, a better way of doing things is Dialogue: 0,0:19:58.85,0:20:02.03,Default,,0000,0000,0000,,almost, I call just in time. So you start Dialogue: 0,0:20:02.03,0:20:05.62,Default,,0000,0000,0000,,with a big-picture design process. Then you\Napply that Dialogue: 0,0:20:05.62,0:20:09.02,Default,,0000,0000,0000,,design. You codify it into a living styleguide.\NSo Dialogue: 0,0:20:09.02,0:20:11.89,Default,,0000,0000,0000,,this is a code styleguide, not a print document. Dialogue: 0,0:20:11.89,0:20:13.83,Default,,0000,0000,0000,,And you revise as you go. Dialogue: 0,0:20:13.83,0:20:16.23,Default,,0000,0000,0000,,So, with the just in time kind of project, Dialogue: 0,0:20:16.23,0:20:18.97,Default,,0000,0000,0000,,you know, UX joins at some point. It may Dialogue: 0,0:20:18.97,0:20:21.19,Default,,0000,0000,0000,,be the very beginning, it may not be. And, Dialogue: 0,0:20:21.19,0:20:22.41,Default,,0000,0000,0000,,you know, you're starting there. You just\Nkind of Dialogue: 0,0:20:22.41,0:20:24.24,Default,,0000,0000,0000,,get your legs, get a feel for where you Dialogue: 0,0:20:24.24,0:20:26.41,Default,,0000,0000,0000,,are, and you do it in a really intense Dialogue: 0,0:20:26.41,0:20:28.50,Default,,0000,0000,0000,,design push at the beginning. You do a big Dialogue: 0,0:20:28.50,0:20:30.65,Default,,0000,0000,0000,,spike. You get your overall design stuff happening.\NYou Dialogue: 0,0:20:30.65,0:20:33.16,Default,,0000,0000,0000,,get your design language established. And\Nyou are right Dialogue: 0,0:20:33.16,0:20:34.79,Default,,0000,0000,0000,,in on tickets. Dialogue: 0,0:20:34.79,0:20:37.20,Default,,0000,0000,0000,,And, so some of that stuff we did, we Dialogue: 0,0:20:37.20,0:20:39.33,Default,,0000,0000,0000,,built at Living Social for our internal lab,\Nsomething Dialogue: 0,0:20:39.33,0:20:41.96,Default,,0000,0000,0000,,called Wilde. If any of you say Ed Lang's Dialogue: 0,0:20:41.96,0:20:45.14,Default,,0000,0000,0000,,lightning talk before lunch, they, he was\Ntalking about Dialogue: 0,0:20:45.14,0:20:49.03,Default,,0000,0000,0000,,the system they used for the, the customer\Nfacing Dialogue: 0,0:20:49.03,0:20:51.38,Default,,0000,0000,0000,,side. This is all the internal tool stuff. Dialogue: 0,0:20:51.38,0:20:52.77,Default,,0000,0000,0000,,So we built this as a Ruby gem that Dialogue: 0,0:20:52.77,0:20:55.31,Default,,0000,0000,0000,,people could pull down and install, and it\Nimmediately Dialogue: 0,0:20:55.31,0:20:56.72,Default,,0000,0000,0000,,gave them all of the set up parts to Dialogue: 0,0:20:56.72,0:20:58.59,Default,,0000,0000,0000,,build apps with. Dialogue: 0,0:20:58.59,0:21:00.95,Default,,0000,0000,0000,,So instead of having to worry about, do I Dialogue: 0,0:21:00.95,0:21:02.65,Default,,0000,0000,0000,,put this here, do I put that there? They Dialogue: 0,0:21:02.65,0:21:05.33,Default,,0000,0000,0000,,immediately had kind of a framework for an\Ninterface Dialogue: 0,0:21:05.33,0:21:09.51,Default,,0000,0000,0000,,to build their applications. It also had built-in\Ndocumentation. Dialogue: 0,0:21:09.51,0:21:10.60,Default,,0000,0000,0000,,So all of this stuff they could go in Dialogue: 0,0:21:10.60,0:21:12.94,Default,,0000,0000,0000,,and find out how to use these different things. Dialogue: 0,0:21:12.94,0:21:14.50,Default,,0000,0000,0000,,We took parts of Bootstrap, we took parts\Nof Dialogue: 0,0:21:14.50,0:21:16.43,Default,,0000,0000,0000,,Compass and Bourbon, and we kind of brought\Nall Dialogue: 0,0:21:16.43,0:21:18.56,Default,,0000,0000,0000,,of this together into a big scss framework\Nwith Dialogue: 0,0:21:18.56,0:21:20.30,Default,,0000,0000,0000,,our own design elements. Dialogue: 0,0:21:20.30,0:21:22.50,Default,,0000,0000,0000,,So, some of these, like, this is very much Dialogue: 0,0:21:22.50,0:21:26.84,Default,,0000,0000,0000,,derivative of the Bootstrap styles for alerts.\NAs well Dialogue: 0,0:21:26.84,0:21:28.65,Default,,0000,0000,0000,,as some of the buttons. We would change up Dialogue: 0,0:21:28.65,0:21:30.20,Default,,0000,0000,0000,,and make, we did some different things with\Nbuttons, Dialogue: 0,0:21:30.20,0:21:32.42,Default,,0000,0000,0000,,but a lot of this stuff is very derivative, Dialogue: 0,0:21:32.42,0:21:34.07,Default,,0000,0000,0000,,cause we were taking things and saying we\Nlike Dialogue: 0,0:21:34.07,0:21:36.97,Default,,0000,0000,0000,,these pieces but we don't want the whole enchilada. Dialogue: 0,0:21:36.97,0:21:40.07,Default,,0000,0000,0000,,And as you're going, new design elements come\Nup. Dialogue: 0,0:21:40.07,0:21:42.48,Default,,0000,0000,0000,,So about a year after we first built Wilde, Dialogue: 0,0:21:42.48,0:21:45.51,Default,,0000,0000,0000,,we built this timeline element for our sales\Nstaff. Dialogue: 0,0:21:45.51,0:21:47.10,Default,,0000,0000,0000,,And this is actually a UI built on top Dialogue: 0,0:21:47.10,0:21:49.59,Default,,0000,0000,0000,,of Sales Force, believe it or not. This is Dialogue: 0,0:21:49.59,0:21:51.47,Default,,0000,0000,0000,,completely backed by Sales Force. Dialogue: 0,0:21:51.47,0:21:53.61,Default,,0000,0000,0000,,But this timeline element, we were able to\Nextract Dialogue: 0,0:21:53.61,0:21:55.50,Default,,0000,0000,0000,,out the CSS and html and make it available Dialogue: 0,0:21:55.50,0:21:58.19,Default,,0000,0000,0000,,for people building other apps. So now if\Nsomebody Dialogue: 0,0:21:58.19,0:22:00.37,Default,,0000,0000,0000,,in another app wanted a timeline, they could\Npull Dialogue: 0,0:22:00.37,0:22:01.80,Default,,0000,0000,0000,,this code in and they didn't have to go Dialogue: 0,0:22:01.80,0:22:03.17,Default,,0000,0000,0000,,and reinvent it. Dialogue: 0,0:22:03.17,0:22:04.95,Default,,0000,0000,0000,,This also helps because users who are used\Nto Dialogue: 0,0:22:04.95,0:22:07.49,Default,,0000,0000,0000,,one style, if they switch to another app,\Nit's Dialogue: 0,0:22:07.49,0:22:08.98,Default,,0000,0000,0000,,not a whole different world. It's not a whole Dialogue: 0,0:22:08.98,0:22:12.67,Default,,0000,0000,0000,,new interaction paradigm. Dialogue: 0,0:22:12.67,0:22:14.19,Default,,0000,0000,0000,,I've done a lot of consulting, and so a Dialogue: 0,0:22:14.19,0:22:17.55,Default,,0000,0000,0000,,lot of these clients are these kind of long-running Dialogue: 0,0:22:17.55,0:22:21.03,Default,,0000,0000,0000,,projects. I've worked on one banking client,\Nfor example, Dialogue: 0,0:22:21.03,0:22:25.43,Default,,0000,0000,0000,,since 2008. All on their internal tools. Dialogue: 0,0:22:25.43,0:22:27.25,Default,,0000,0000,0000,,And what happens is, we've done a lot of Dialogue: 0,0:22:27.25,0:22:29.62,Default,,0000,0000,0000,,these kind of big picture design things with\Nthem, Dialogue: 0,0:22:29.62,0:22:32.25,Default,,0000,0000,0000,,but it always comes down to little interactions.\NSo Dialogue: 0,0:22:32.25,0:22:35.14,Default,,0000,0000,0000,,instead of sitting there and saying, let's\Ngo rebuild Dialogue: 0,0:22:35.14,0:22:36.99,Default,,0000,0000,0000,,our document manager, we say we're just gonna\Nsketch Dialogue: 0,0:22:36.99,0:22:39.32,Default,,0000,0000,0000,,what documents look like. Here's two states\Nof a Dialogue: 0,0:22:39.32,0:22:41.45,Default,,0000,0000,0000,,document, and now we're gonna build that. Dialogue: 0,0:22:41.45,0:22:43.04,Default,,0000,0000,0000,,And so this is the kind of deliverable that Dialogue: 0,0:22:43.04,0:22:45.12,Default,,0000,0000,0000,,they get. It takes me five to ten minutes. Dialogue: 0,0:22:45.12,0:22:47.96,Default,,0000,0000,0000,,I sketch it out. I send it over. They Dialogue: 0,0:22:47.96,0:22:51.03,Default,,0000,0000,0000,,build it. I come back in and style it. Dialogue: 0,0:22:51.03,0:22:52.91,Default,,0000,0000,0000,,And this helps, when you have that living\Nstyle Dialogue: 0,0:22:52.91,0:22:55.46,Default,,0000,0000,0000,,guide, we break everything up into scss files,\Nand Dialogue: 0,0:22:55.46,0:22:57.32,Default,,0000,0000,0000,,we do a big import and merge it all Dialogue: 0,0:22:57.32,0:23:00.43,Default,,0000,0000,0000,,together. So we now have all these components.\NSo Dialogue: 0,0:23:00.43,0:23:02.69,Default,,0000,0000,0000,,things that are used everywhere become components.\NThings that Dialogue: 0,0:23:02.69,0:23:05.81,Default,,0000,0000,0000,,are one-offs get placed in areas. Dialogue: 0,0:23:05.81,0:23:07.26,Default,,0000,0000,0000,,And then you have variables and you have a Dialogue: 0,0:23:07.26,0:23:08.56,Default,,0000,0000,0000,,whole bunch of stuff. So some of this stuff, Dialogue: 0,0:23:08.56,0:23:10.99,Default,,0000,0000,0000,,again, is derivative from Bootstrap. Some\Nof it's derivative Dialogue: 0,0:23:10.99,0:23:13.63,Default,,0000,0000,0000,,from Compass. We kind of shifted now to being Dialogue: 0,0:23:13.63,0:23:17.18,Default,,0000,0000,0000,,reliant upon Compass because we've realized\Nwe were including Dialogue: 0,0:23:17.18,0:23:19.65,Default,,0000,0000,0000,,ninety-five percent of it. So we stopped,\Nkind of, Dialogue: 0,0:23:19.65,0:23:21.29,Default,,0000,0000,0000,,chicken and egg and just said, we'll take\Nthe Dialogue: 0,0:23:21.29,0:23:24.76,Default,,0000,0000,0000,,whole thing. Dialogue: 0,0:23:24.76,0:23:28.85,Default,,0000,0000,0000,,My current situation is Cargo Sense. And I'm\Nworking Dialogue: 0,0:23:28.85,0:23:30.72,Default,,0000,0000,0000,,with Rich Kilmer and Bruce Williams, and I\Ncall Dialogue: 0,0:23:30.72,0:23:34.75,Default,,0000,0000,0000,,this the mad dash. This is, Cargo Sense is Dialogue: 0,0:23:34.75,0:23:38.16,Default,,0000,0000,0000,,a logistics company. We're taking off the\Nshelf node Dialogue: 0,0:23:38.16,0:23:40.99,Default,,0000,0000,0000,,variable tech sensors, which are bluetooth\Nfour, and we've Dialogue: 0,0:23:40.99,0:23:43.78,Default,,0000,0000,0000,,got an iPad app written in Ruby Motion. And Dialogue: 0,0:23:43.78,0:23:44.90,Default,,0000,0000,0000,,then we have a web application. Dialogue: 0,0:23:44.90,0:23:47.78,Default,,0000,0000,0000,,And so we use the data in logistics shipping Dialogue: 0,0:23:47.78,0:23:52.20,Default,,0000,0000,0000,,to detect takeoff and landing press, with\Npressure changes, Dialogue: 0,0:23:52.20,0:23:54.07,Default,,0000,0000,0000,,and we use data to figure out temperature\Nexcursions. Dialogue: 0,0:23:54.07,0:23:57.45,Default,,0000,0000,0000,,So, pharmaceutical needs to keep insulin within\Nthis temperature Dialogue: 0,0:23:57.45,0:23:59.38,Default,,0000,0000,0000,,range, and then we can tell if it's been Dialogue: 0,0:23:59.38,0:24:01.38,Default,,0000,0000,0000,,out for five minutes, we raise an alert. Things Dialogue: 0,0:24:01.38,0:24:02.83,Default,,0000,0000,0000,,of that nature. Dialogue: 0,0:24:02.83,0:24:05.22,Default,,0000,0000,0000,,So this is the story of a shipment. This Dialogue: 0,0:24:05.22,0:24:07.25,Default,,0000,0000,0000,,is a timeline, again. You know, so it's a Dialogue: 0,0:24:07.25,0:24:09.05,Default,,0000,0000,0000,,very, it's, some of these design elements,\Nyou've, you, Dialogue: 0,0:24:09.05,0:24:11.12,Default,,0000,0000,0000,,you created ten years ago. You're gonna be\Nlike, Dialogue: 0,0:24:11.12,0:24:12.51,Default,,0000,0000,0000,,yeah, I did this. So we can reuse that Dialogue: 0,0:24:12.51,0:24:14.25,Default,,0000,0000,0000,,kind of concept. Dialogue: 0,0:24:14.25,0:24:17.40,Default,,0000,0000,0000,,But it's these simple four parts again. Big\Npicture Dialogue: 0,0:24:17.40,0:24:19.71,Default,,0000,0000,0000,,design. We came up with an overall brand,\Nlook, Dialogue: 0,0:24:19.71,0:24:22.39,Default,,0000,0000,0000,,and feel. We started applying it and we codified Dialogue: 0,0:24:22.39,0:24:24.21,Default,,0000,0000,0000,,it into a living styleguide. In this case\Nit's Dialogue: 0,0:24:24.21,0:24:26.87,Default,,0000,0000,0000,,called Kevlar and not Wilde. And we revise\Nas Dialogue: 0,0:24:26.87,0:24:27.43,Default,,0000,0000,0000,,we go. Dialogue: 0,0:24:27.43,0:24:29.33,Default,,0000,0000,0000,,Most of our things, this is a Bower package, Dialogue: 0,0:24:29.33,0:24:31.81,Default,,0000,0000,0000,,instead of a Ruby gem, because we're working\Nin Dialogue: 0,0:24:31.81,0:24:33.96,Default,,0000,0000,0000,,Angular. But it supports, I mean, you could\Nuse Dialogue: 0,0:24:33.96,0:24:36.37,Default,,0000,0000,0000,,it to support anything. Dialogue: 0,0:24:36.37,0:24:38.07,Default,,0000,0000,0000,,And a lot of these things, these are designs Dialogue: 0,0:24:38.07,0:24:41.57,Default,,0000,0000,0000,,that, these are relatively high-fidelity sketches.\NThese go over Dialogue: 0,0:24:41.57,0:24:44.41,Default,,0000,0000,0000,,to Bruce or Rich. They comment on them, and Dialogue: 0,0:24:44.41,0:24:46.66,Default,,0000,0000,0000,,then, if we need to for marketing purposes\Nor Dialogue: 0,0:24:46.66,0:24:48.32,Default,,0000,0000,0000,,things before we have built that we're gonna\Ngo Dialogue: 0,0:24:48.32,0:24:52.85,Default,,0000,0000,0000,,for sales purposes, I'll do these kind of\Nmockups. Dialogue: 0,0:24:52.85,0:24:54.32,Default,,0000,0000,0000,,So a lot of this stuff is coming down Dialogue: 0,0:24:54.32,0:24:57.64,Default,,0000,0000,0000,,to really fast and really, just, kind of,\Nseat Dialogue: 0,0:24:57.64,0:25:00.25,Default,,0000,0000,0000,,of your pants pulling stuff off. But when\Nyou Dialogue: 0,0:25:00.25,0:25:01.94,Default,,0000,0000,0000,,have a small team, you can do that. And Dialogue: 0,0:25:01.94,0:25:03.47,Default,,0000,0000,0000,,a lot of these design elements, like some\Nof Dialogue: 0,0:25:03.47,0:25:05.01,Default,,0000,0000,0000,,these things, like the, the right hand side\Nor Dialogue: 0,0:25:05.01,0:25:07.78,Default,,0000,0000,0000,,the header were definitely, you know, Bruce\Nat three Dialogue: 0,0:25:07.78,0:25:09.81,Default,,0000,0000,0000,,in the morning saying, I'm making an executive\Ndecision. Dialogue: 0,0:25:09.81,0:25:10.81,Default,,0000,0000,0000,,This is what it's gonna be. Dialogue: 0,0:25:10.81,0:25:12.80,Default,,0000,0000,0000,,Now, Bruce happens to be a very talented designer Dialogue: 0,0:25:12.80,0:25:15.33,Default,,0000,0000,0000,,as well as a full-stack developer, so that\Ndefinitely Dialogue: 0,0:25:15.33,0:25:18.50,Default,,0000,0000,0000,,helps the situation. But you can do a lot Dialogue: 0,0:25:18.50,0:25:20.33,Default,,0000,0000,0000,,of these things where there's not this formal,\Nwell, Dialogue: 0,0:25:20.33,0:25:22.72,Default,,0000,0000,0000,,we're following lean UX. It's just kind of,\Nyou're, Dialogue: 0,0:25:22.72,0:25:24.75,Default,,0000,0000,0000,,this is, we're kind of using these principles\Nto Dialogue: 0,0:25:24.75,0:25:26.25,Default,,0000,0000,0000,,make a better process. Dialogue: 0,0:25:26.25,0:25:30.76,Default,,0000,0000,0000,,So, what are the issues with all of this? Dialogue: 0,0:25:30.76,0:25:33.53,Default,,0000,0000,0000,,One of the issues is called design drift.\NDesign Dialogue: 0,0:25:33.53,0:25:35.97,Default,,0000,0000,0000,,drift is something that happens over time\Nwith any Dialogue: 0,0:25:35.97,0:25:38.48,Default,,0000,0000,0000,,kind of creative endeavor. You start off,\Nthis is Dialogue: 0,0:25:38.48,0:25:40.41,Default,,0000,0000,0000,,one of our early designs we did at the Dialogue: 0,0:25:40.41,0:25:42.32,Default,,0000,0000,0000,,top, and then here's the customer support\Ntool at Dialogue: 0,0:25:42.32,0:25:43.16,Default,,0000,0000,0000,,the bottom. Dialogue: 0,0:25:43.16,0:25:46.83,Default,,0000,0000,0000,,So we started off with a fixed-width, with\Nmargins, Dialogue: 0,0:25:46.83,0:25:50.45,Default,,0000,0000,0000,,you know, tall header, and we started realizing\Nthat Dialogue: 0,0:25:50.45,0:25:53.03,Default,,0000,0000,0000,,people were maximizing their screens and having\Nhuge, wide Dialogue: 0,0:25:53.03,0:25:55.52,Default,,0000,0000,0000,,columns, and we were not effectively using\Nthe space Dialogue: 0,0:25:55.52,0:25:56.32,Default,,0000,0000,0000,,allotted. Dialogue: 0,0:25:56.32,0:25:58.08,Default,,0000,0000,0000,,So we went to pushing everything out to the Dialogue: 0,0:25:58.08,0:26:02.05,Default,,0000,0000,0000,,side, and filling the whole thing up. And\Nwe Dialogue: 0,0:26:02.05,0:26:04.46,Default,,0000,0000,0000,,really shrunk the header down super small,\Nand we Dialogue: 0,0:26:04.46,0:26:06.84,Default,,0000,0000,0000,,collapsed a lot of things away. These are\Nexpert Dialogue: 0,0:26:06.84,0:26:09.97,Default,,0000,0000,0000,,users. We can do training. We don't have to Dialogue: 0,0:26:09.97,0:26:13.93,Default,,0000,0000,0000,,have them understand it right out the gate. Dialogue: 0,0:26:13.93,0:26:15.44,Default,,0000,0000,0000,,Another problem you're gonna hit is if you're\Nworking Dialogue: 0,0:26:15.44,0:26:17.89,Default,,0000,0000,0000,,with a traditional UX or design team, and\Nthey're Dialogue: 0,0:26:17.89,0:26:20.34,Default,,0000,0000,0000,,used to having design deliverables and throwing\Nthings over Dialogue: 0,0:26:20.34,0:26:23.46,Default,,0000,0000,0000,,the wall to you, you're gonna have frustration.\NLadders Dialogue: 0,0:26:23.46,0:26:27.93,Default,,0000,0000,0000,,dot com, when they rolled out this, the, the Dialogue: 0,0:26:27.93,0:26:30.67,Default,,0000,0000,0000,,head showed up to this on his desk. His Dialogue: 0,0:26:30.67,0:26:33.50,Default,,0000,0000,0000,,designers had had a meeting and wrote down\Nwhat Dialogue: 0,0:26:33.50,0:26:35.60,Default,,0000,0000,0000,,they were pissed off about, and this is it. Dialogue: 0,0:26:35.60,0:26:38.57,Default,,0000,0000,0000,,And it's too many projects, devs making bad\Ndesign Dialogue: 0,0:26:38.57,0:26:41.20,Default,,0000,0000,0000,,decisions, no time to actually come up with\Nconcepts Dialogue: 0,0:26:41.20,0:26:44.92,Default,,0000,0000,0000,,and ideas, and when we do nobody builds them. Dialogue: 0,0:26:44.92,0:26:46.32,Default,,0000,0000,0000,,We come up with a great experience and then Dialogue: 0,0:26:46.32,0:26:48.52,Default,,0000,0000,0000,,you don't build it or it never ships. All Dialogue: 0,0:26:48.52,0:26:51.12,Default,,0000,0000,0000,,these things are problems that I've heard\Nand sometimes Dialogue: 0,0:26:51.12,0:26:52.39,Default,,0000,0000,0000,,I've said. Dialogue: 0,0:26:52.39,0:26:54.28,Default,,0000,0000,0000,,And so some of the solutions are really, like, Dialogue: 0,0:26:54.28,0:26:56.11,Default,,0000,0000,0000,,you know, celebrate releases. Like, if you\Ndo a Dialogue: 0,0:26:56.11,0:26:58.90,Default,,0000,0000,0000,,release on Friday, get the designers involved,\Nget them Dialogue: 0,0:26:58.90,0:27:00.79,Default,,0000,0000,0000,,to push. Get them to go hit the enter Dialogue: 0,0:27:00.79,0:27:03.93,Default,,0000,0000,0000,,key, you know. Do whatever. Have balloons.\NWhatever you Dialogue: 0,0:27:03.93,0:27:05.30,Default,,0000,0000,0000,,want to do, you know, that, that works for Dialogue: 0,0:27:05.30,0:27:07.59,Default,,0000,0000,0000,,your team. And make time to dream. Dialogue: 0,0:27:07.59,0:27:10.37,Default,,0000,0000,0000,,I know this sounds really, like, fluffy and\Nwhatever, Dialogue: 0,0:27:10.37,0:27:12.31,Default,,0000,0000,0000,,but really have time to go and be able Dialogue: 0,0:27:12.31,0:27:15.39,Default,,0000,0000,0000,,to spitball and say what if and what happens Dialogue: 0,0:27:15.39,0:27:17.27,Default,,0000,0000,0000,,when I say this, or what happens when a Dialogue: 0,0:27:17.27,0:27:18.94,Default,,0000,0000,0000,,user does this or, you know, wouldn't it be Dialogue: 0,0:27:18.94,0:27:21.42,Default,,0000,0000,0000,,cool if the whole system was, you know, purple Dialogue: 0,0:27:21.42,0:27:24.50,Default,,0000,0000,0000,,instead of red. Whatever. Dialogue: 0,0:27:24.50,0:27:26.59,Default,,0000,0000,0000,,Kind of figure that out. Dialogue: 0,0:27:26.59,0:27:29.49,Default,,0000,0000,0000,,Another issue is, if your project management\Noffice or Dialogue: 0,0:27:29.49,0:27:31.66,Default,,0000,0000,0000,,your product people aren't on board, it will\Nfail. Dialogue: 0,0:27:31.66,0:27:34.82,Default,,0000,0000,0000,,It will fail hard. It will fail in glorious Dialogue: 0,0:27:34.82,0:27:37.92,Default,,0000,0000,0000,,fashion, because it's difficult to see in\Nthe dark. Dialogue: 0,0:27:37.92,0:27:40.30,Default,,0000,0000,0000,,And what ends up happening is that PMO is Dialogue: 0,0:27:40.30,0:27:42.07,Default,,0000,0000,0000,,thinking, we're agile, so we have to work\Nin Dialogue: 0,0:27:42.07,0:27:44.22,Default,,0000,0000,0000,,sprints and we're gonna do SCRUM, or we're\Ngonna Dialogue: 0,0:27:44.22,0:27:46.60,Default,,0000,0000,0000,,- and they get so focused on this process Dialogue: 0,0:27:46.60,0:27:48.07,Default,,0000,0000,0000,,that they've created. Dialogue: 0,0:27:48.07,0:27:50.20,Default,,0000,0000,0000,,So we're gonna build this complex thing, but\Nwe're Dialogue: 0,0:27:50.20,0:27:52.48,Default,,0000,0000,0000,,just gonna wing it. Or, you know, I want Dialogue: 0,0:27:52.48,0:27:53.85,Default,,0000,0000,0000,,you to focus so I'm only gonna tell you Dialogue: 0,0:27:53.85,0:27:56.83,Default,,0000,0000,0000,,what we're working on this sprint. And then\Nthe Dialogue: 0,0:27:56.83,0:27:59.30,Default,,0000,0000,0000,,biggest lie in software development, we're\Nnot gonna tackle Dialogue: 0,0:27:59.30,0:28:01.08,Default,,0000,0000,0000,,that until phase two. Dialogue: 0,0:28:01.08,0:28:04.27,Default,,0000,0000,0000,,And you end up with this. So you don't Dialogue: 0,0:28:04.27,0:28:05.94,Default,,0000,0000,0000,,know where you're going. You end up wandering\Nall Dialogue: 0,0:28:05.94,0:28:07.71,Default,,0000,0000,0000,,over the place. it's like forty years in the Dialogue: 0,0:28:07.71,0:28:11.28,Default,,0000,0000,0000,,desert. And instead of saying, hey, we're\Ngonna try Dialogue: 0,0:28:11.28,0:28:13.41,Default,,0000,0000,0000,,and go to this point and we might kind Dialogue: 0,0:28:13.41,0:28:14.82,Default,,0000,0000,0000,,of do this on the way, but that's what Dialogue: 0,0:28:14.82,0:28:16.57,Default,,0000,0000,0000,,we're trying to get to, they just say, no, Dialogue: 0,0:28:16.57,0:28:18.33,Default,,0000,0000,0000,,no, we're just gonna make these, these few\Nsteps Dialogue: 0,0:28:18.33,0:28:21.42,Default,,0000,0000,0000,,here. Without any big vision, it's really\Nhard to Dialogue: 0,0:28:21.42,0:28:25.37,Default,,0000,0000,0000,,get everybody rolling in the same direction. Dialogue: 0,0:28:25.37,0:28:28.05,Default,,0000,0000,0000,,Another problem is forgetting the users. We\Nsaid user-centered Dialogue: 0,0:28:28.05,0:28:30.98,Default,,0000,0000,0000,,design. So how do you deal with, you know, Dialogue: 0,0:28:30.98,0:28:32.33,Default,,0000,0000,0000,,your users. And how do you bring them in. Dialogue: 0,0:28:32.33,0:28:34.33,Default,,0000,0000,0000,,And lots of times, when you first shadow somebody Dialogue: 0,0:28:34.33,0:28:36.41,Default,,0000,0000,0000,,working on a system, you go ahead and you Dialogue: 0,0:28:36.41,0:28:39.15,Default,,0000,0000,0000,,have that moment where, Cary Elwes in the\NPrincess Dialogue: 0,0:28:39.15,0:28:42.04,Default,,0000,0000,0000,,Bride says, Dear god, what is that thing? Dialogue: 0,0:28:42.04,0:28:44.62,Default,,0000,0000,0000,,And it ends up being, you have to watch Dialogue: 0,0:28:44.62,0:28:46.25,Default,,0000,0000,0000,,out for that great rewrite. Cause you're like,\NI Dialogue: 0,0:28:46.25,0:28:48.07,Default,,0000,0000,0000,,can rebuild this whole system. The design's\Ngonna be Dialogue: 0,0:28:48.07,0:28:53.52,Default,,0000,0000,0000,,amazing. And you're, it's eighteen months\Nof work. So, Dialogue: 0,0:28:53.52,0:28:55.95,Default,,0000,0000,0000,,what we talked about earlier. This is the\Nmodification Dialogue: 0,0:28:55.95,0:28:58.11,Default,,0000,0000,0000,,of the just in time project. Dialogue: 0,0:28:58.11,0:29:00.48,Default,,0000,0000,0000,,So we do existing system fixes at the same Dialogue: 0,0:29:00.48,0:29:03.41,Default,,0000,0000,0000,,time that we're doing big design fixes on\Nthe, Dialogue: 0,0:29:03.41,0:29:04.87,Default,,0000,0000,0000,,the new system that we're gonna roll out to Dialogue: 0,0:29:04.87,0:29:06.97,Default,,0000,0000,0000,,replace or things that are gonna roll out\Nin Dialogue: 0,0:29:06.97,0:29:09.08,Default,,0000,0000,0000,,time. We go in and just make code fixes, Dialogue: 0,0:29:09.08,0:29:10.35,Default,,0000,0000,0000,,real time. Dialogue: 0,0:29:10.35,0:29:11.78,Default,,0000,0000,0000,,Just pair up. Sit down with the, you've got Dialogue: 0,0:29:11.78,0:29:13.57,Default,,0000,0000,0000,,a developer and a designer, and you sit down Dialogue: 0,0:29:13.57,0:29:15.61,Default,,0000,0000,0000,,and you say, that's ugly. And the designer's\Nliterally Dialogue: 0,0:29:15.61,0:29:18.55,Default,,0000,0000,0000,,typing in css and changing stuff, and the\Ndeveloper's Dialogue: 0,0:29:18.55,0:29:20.72,Default,,0000,0000,0000,,doing support on Ruby methods or things of\Nthat Dialogue: 0,0:29:20.72,0:29:22.35,Default,,0000,0000,0000,,nature that need to change in order to make Dialogue: 0,0:29:22.35,0:29:24.58,Default,,0000,0000,0000,,something work better. Dialogue: 0,0:29:24.58,0:29:27.44,Default,,0000,0000,0000,,Here's a good example of that. We took. This Dialogue: 0,0:29:27.44,0:29:29.07,Default,,0000,0000,0000,,was a screen out of our admin system, the Dialogue: 0,0:29:29.07,0:29:31.15,Default,,0000,0000,0000,,right hand part and it originally was a very Dialogue: 0,0:29:31.15,0:29:33.94,Default,,0000,0000,0000,,complex system for turning on or off somebody's\Nemail Dialogue: 0,0:29:33.94,0:29:37.20,Default,,0000,0000,0000,,subscriptions. And we stole some css from\Nsomewhere that Dialogue: 0,0:29:37.20,0:29:38.90,Default,,0000,0000,0000,,basically made it look like an IE, like this Dialogue: 0,0:29:38.90,0:29:42.74,Default,,0000,0000,0000,,little checkbox. Little toggle. And this was\Na mockup. Dialogue: 0,0:29:42.74,0:29:44.68,Default,,0000,0000,0000,,But we took that little piece, built that\Nin Dialogue: 0,0:29:44.68,0:29:47.84,Default,,0000,0000,0000,,code, and deployed it into production. And\Nit was, Dialogue: 0,0:29:47.84,0:29:50.12,Default,,0000,0000,0000,,like, oh my gosh. It's great. We, we understand. Dialogue: 0,0:29:50.12,0:29:53.33,Default,,0000,0000,0000,,We can see it, visually, what's happening\Nnow. Dialogue: 0,0:29:53.33,0:29:55.81,Default,,0000,0000,0000,,So, this is something that's important that\Nyou need Dialogue: 0,0:29:55.81,0:29:58.43,Default,,0000,0000,0000,,to involve subject matter experts. If you\Nhave these Dialogue: 0,0:29:58.43,0:30:00.05,Default,,0000,0000,0000,,users, you need to go find them. If they're Dialogue: 0,0:30:00.05,0:30:01.44,Default,,0000,0000,0000,,in, in your office, you just need to go Dialogue: 0,0:30:01.44,0:30:03.92,Default,,0000,0000,0000,,sit next to them. What is the problem? Why Dialogue: 0,0:30:03.92,0:30:06.22,Default,,0000,0000,0000,,are you upset? What's your pain point? What\Nmakes Dialogue: 0,0:30:06.22,0:30:07.28,Default,,0000,0000,0000,,your life miserable? Dialogue: 0,0:30:07.28,0:30:09.14,Default,,0000,0000,0000,,And if it's something where you're doing,\Nlike Living Dialogue: 0,0:30:09.14,0:30:12.18,Default,,0000,0000,0000,,Social, we had customers outside and inside.\NSo we Dialogue: 0,0:30:12.18,0:30:13.63,Default,,0000,0000,0000,,would go to customer support, say what are\Nyour Dialogue: 0,0:30:13.63,0:30:15.96,Default,,0000,0000,0000,,top ten complaints that you're receiving.\NWhat's the stuff Dialogue: 0,0:30:15.96,0:30:17.58,Default,,0000,0000,0000,,you spend all the time on. Dialogue: 0,0:30:17.58,0:30:19.31,Default,,0000,0000,0000,,Is it people can't find information? Are they\Nhaving Dialogue: 0,0:30:19.31,0:30:21.16,Default,,0000,0000,0000,,a hard time with their credit card? What's,\Nwhat's Dialogue: 0,0:30:21.16,0:30:23.92,Default,,0000,0000,0000,,going on. Take that back to engineering. Here's\Nsome Dialogue: 0,0:30:23.92,0:30:25.52,Default,,0000,0000,0000,,quick wins. And people will go ahead and knock Dialogue: 0,0:30:25.52,0:30:28.61,Default,,0000,0000,0000,,those things out. Dialogue: 0,0:30:28.61,0:30:30.54,Default,,0000,0000,0000,,Another thing to talk about is that user testing Dialogue: 0,0:30:30.54,0:30:32.94,Default,,0000,0000,0000,,is hard. In all of these systems, the one Dialogue: 0,0:30:32.94,0:30:35.18,Default,,0000,0000,0000,,thing I've always failed with is that it's\Nreally Dialogue: 0,0:30:35.18,0:30:37.49,Default,,0000,0000,0000,,hard to formalize user testing and make it\Npart Dialogue: 0,0:30:37.49,0:30:40.16,Default,,0000,0000,0000,,of your testing. So, often, I'll end up with Dialogue: 0,0:30:40.16,0:30:41.95,Default,,0000,0000,0000,,this, you know, this great thing that we've\Nrun, Dialogue: 0,0:30:41.95,0:30:43.08,Default,,0000,0000,0000,,and then we go and do a user test Dialogue: 0,0:30:43.08,0:30:44.34,Default,,0000,0000,0000,,after two months. Dialogue: 0,0:30:44.34,0:30:46.99,Default,,0000,0000,0000,,Ideally, you're doing a very small user test\Nevery Dialogue: 0,0:30:46.99,0:30:49.69,Default,,0000,0000,0000,,week. One, two people. Not much. And the easiest Dialogue: 0,0:30:49.69,0:30:51.71,Default,,0000,0000,0000,,way to do this is to go guerrilla. And Dialogue: 0,0:30:51.71,0:30:53.13,Default,,0000,0000,0000,,you can do this anywhere. You can do this Dialogue: 0,0:30:53.13,0:30:54.80,Default,,0000,0000,0000,,at a Starbucks. You can get somebody that,\Nyou're Dialogue: 0,0:30:54.80,0:30:56.29,Default,,0000,0000,0000,,sitting there, if you're working on something\Nand it's Dialogue: 0,0:30:56.29,0:30:58.07,Default,,0000,0000,0000,,like, hey I wonder about this interaction. Dialogue: 0,0:30:58.07,0:31:02.72,Default,,0000,0000,0000,,Hey, what do you think about this? And leading Dialogue: 0,0:31:02.72,0:31:04.95,Default,,0000,0000,0000,,questions, again. What are your leading questions.\NWhat would Dialogue: 0,0:31:04.95,0:31:07.46,Default,,0000,0000,0000,,you do here? How would you do that? Dialogue: 0,0:31:07.46,0:31:11.12,Default,,0000,0000,0000,,Multiple devices, you always get issues with.\NResponsive design, Dialogue: 0,0:31:11.12,0:31:13.34,Default,,0000,0000,0000,,right. You have to plan time for this, because Dialogue: 0,0:31:13.34,0:31:17.08,Default,,0000,0000,0000,,now it's not just an iPhone. These are just Dialogue: 0,0:31:17.08,0:31:20.66,Default,,0000,0000,0000,,this Samsung Galaxy sizes. Do you even have\Nall Dialogue: 0,0:31:20.66,0:31:25.59,Default,,0000,0000,0000,,of these? What, and this is, ten pixels here, Dialogue: 0,0:31:25.59,0:31:27.94,Default,,0000,0000,0000,,ten pixels there, really can start to break\Ndesigns. Dialogue: 0,0:31:27.94,0:31:29.45,Default,,0000,0000,0000,,So you gotta determine your break points.\NYou gotta, Dialogue: 0,0:31:29.45,0:31:31.28,Default,,0000,0000,0000,,you have to make this part of your process. Dialogue: 0,0:31:31.28,0:31:33.59,Default,,0000,0000,0000,,You have to say, OK, we're gonna handle responses, Dialogue: 0,0:31:33.59,0:31:35.26,Default,,0000,0000,0000,,and we built this feature, and now we're gonna Dialogue: 0,0:31:35.26,0:31:36.54,Default,,0000,0000,0000,,take two weeks and make sure it works on Dialogue: 0,0:31:36.54,0:31:38.09,Default,,0000,0000,0000,,this, these devices. Dialogue: 0,0:31:38.09,0:31:39.14,Default,,0000,0000,0000,,And you can emulate a lot of this in Dialogue: 0,0:31:39.14,0:31:41.67,Default,,0000,0000,0000,,Chrome now, which is great, but, you still\Ngotta Dialogue: 0,0:31:41.67,0:31:44.26,Default,,0000,0000,0000,,plan for it. It just doesn't happen. Dialogue: 0,0:31:44.26,0:31:47.15,Default,,0000,0000,0000,,So, what should we do? How do we take Dialogue: 0,0:31:47.15,0:31:50.47,Default,,0000,0000,0000,,all these projects and these issues? And this\Nis Dialogue: 0,0:31:50.47,0:31:53.88,Default,,0000,0000,0000,,kind of my, my charge to you here. First, Dialogue: 0,0:31:53.88,0:31:56.57,Default,,0000,0000,0000,,you need to gear up, and it's pretty simple. Dialogue: 0,0:31:56.57,0:31:59.25,Default,,0000,0000,0000,,Raid the office supply stash, and that's about\Nit. Dialogue: 0,0:31:59.25,0:32:02.28,Default,,0000,0000,0000,,Get a whiteboard, get a table. You got your Dialogue: 0,0:32:02.28,0:32:04.60,Default,,0000,0000,0000,,phone in your pocket. This is all you really Dialogue: 0,0:32:04.60,0:32:07.04,Default,,0000,0000,0000,,need. Dialogue: 0,0:32:07.04,0:32:10.21,Default,,0000,0000,0000,,Stop using agile. Start thinking about agility.\NDave Thomas Dialogue: 0,0:32:10.21,0:32:12.33,Default,,0000,0000,0000,,has a great, great article here that he just Dialogue: 0,0:32:12.33,0:32:15.44,Default,,0000,0000,0000,,posted about a couple weeks ago. Agile is\Nso Dialogue: 0,0:32:15.44,0:32:19.41,Default,,0000,0000,0000,,abused and so buzz word-y now, that you say Dialogue: 0,0:32:19.41,0:32:21.83,Default,,0000,0000,0000,,it, and managers who don't understand better\Nare like, Dialogue: 0,0:32:21.83,0:32:23.35,Default,,0000,0000,0000,,oh, that means we don't have to worry about Dialogue: 0,0:32:23.35,0:32:23.97,Default,,0000,0000,0000,,documentation. Great. Dialogue: 0,0:32:23.97,0:32:26.50,Default,,0000,0000,0000,,No, no, no. That's not. We, we're gonna work Dialogue: 0,0:32:26.50,0:32:29.61,Default,,0000,0000,0000,,in an agile fashion. Oh, no, no, no, no. Dialogue: 0,0:32:29.61,0:32:31.76,Default,,0000,0000,0000,,You gotta just say agility. Stop using agile.\NJust Dialogue: 0,0:32:31.76,0:32:34.74,Default,,0000,0000,0000,,drop it from your vocabulary. Dialogue: 0,0:32:34.74,0:32:36.91,Default,,0000,0000,0000,,Measure everything. If you don't even know\Nwhat you're Dialogue: 0,0:32:36.91,0:32:39.09,Default,,0000,0000,0000,,gonna measure, just put Google Analytics on\Nit and Dialogue: 0,0:32:39.09,0:32:41.39,Default,,0000,0000,0000,,turn all the switches on. Just get data in Dialogue: 0,0:32:41.39,0:32:43.20,Default,,0000,0000,0000,,there. Because you're gonna go back and say,\Nwhat Dialogue: 0,0:32:43.20,0:32:44.88,Default,,0000,0000,0000,,were people clicking on? What were the paths\Nthey Dialogue: 0,0:32:44.88,0:32:47.53,Default,,0000,0000,0000,,were taking through the system? And, especially\Nif you're Dialogue: 0,0:32:47.53,0:32:50.52,Default,,0000,0000,0000,,doing e-commerce, you can start seeing, checking,\Nlike, figure Dialogue: 0,0:32:50.52,0:32:51.95,Default,,0000,0000,0000,,out your checkout flow and then you can document Dialogue: 0,0:32:51.95,0:32:53.100,Default,,0000,0000,0000,,that. Cause then you can go through and say, Dialogue: 0,0:32:53.100,0:32:56.50,Default,,0000,0000,0000,,hey, we get thirty percent abandonment on\Nthis step. Dialogue: 0,0:32:56.50,0:32:57.94,Default,,0000,0000,0000,,Let's go back and look at that. What's going Dialogue: 0,0:32:57.94,0:32:59.04,Default,,0000,0000,0000,,on? Dialogue: 0,0:32:59.04,0:33:02.11,Default,,0000,0000,0000,,Love your users. Often, I know we get frustrated. Dialogue: 0,0:33:02.11,0:33:03.86,Default,,0000,0000,0000,,Cause we're like, they just don't get it,\Nblah, Dialogue: 0,0:33:03.86,0:33:06.09,Default,,0000,0000,0000,,blah, blah. Oh my god. You know, my parents Dialogue: 0,0:33:06.09,0:33:08.74,Default,,0000,0000,0000,,can't even do this. What's wrong with them?\NAnd Dialogue: 0,0:33:08.74,0:33:10.43,Default,,0000,0000,0000,,it's really about you're, you know, we're\Ntrying to Dialogue: 0,0:33:10.43,0:33:12.09,Default,,0000,0000,0000,,serve them. We're trying to make their lives\Nbetter Dialogue: 0,0:33:12.09,0:33:13.71,Default,,0000,0000,0000,,with the tools we build. Dialogue: 0,0:33:13.71,0:33:16.39,Default,,0000,0000,0000,,So, in doing that, we want to secure quick Dialogue: 0,0:33:16.39,0:33:18.09,Default,,0000,0000,0000,,wins. Whenever you can secure a quick win,\Nyou Dialogue: 0,0:33:18.09,0:33:19.61,Default,,0000,0000,0000,,can build something fast, you can do it at Dialogue: 0,0:33:19.61,0:33:20.83,Default,,0000,0000,0000,,night when you go home and you've got ten Dialogue: 0,0:33:20.83,0:33:22.63,Default,,0000,0000,0000,,minutes and it's something you know you can\Nship, Dialogue: 0,0:33:22.63,0:33:25.18,Default,,0000,0000,0000,,do it. Ship it. Get it out the door. Dialogue: 0,0:33:25.18,0:33:27.77,Default,,0000,0000,0000,,No more silos. Get rid of design as a Dialogue: 0,0:33:27.77,0:33:30.09,Default,,0000,0000,0000,,team. Get rid of engineering as a team. Everybody's Dialogue: 0,0:33:30.09,0:33:34.39,Default,,0000,0000,0000,,on build. Project managers. Everybody is on\None team. Dialogue: 0,0:33:34.39,0:33:35.70,Default,,0000,0000,0000,,And if you have a product, get that, get Dialogue: 0,0:33:35.70,0:33:37.60,Default,,0000,0000,0000,,a micro team. And it's made up of all Dialogue: 0,0:33:37.60,0:33:40.54,Default,,0000,0000,0000,,these people. Sometimes these roles are not\Nclearly defined. Dialogue: 0,0:33:40.54,0:33:42.09,Default,,0000,0000,0000,,Sometimes an engineer is also your product\Nand your Dialogue: 0,0:33:42.09,0:33:43.62,Default,,0000,0000,0000,,project manager. Dialogue: 0,0:33:43.62,0:33:46.65,Default,,0000,0000,0000,,I argue often that everybody should be QA,\Nbut Dialogue: 0,0:33:46.65,0:33:48.79,Default,,0000,0000,0000,,sometimes you need a formal QA person who's\Nreally Dialogue: 0,0:33:48.79,0:33:51.60,Default,,0000,0000,0000,,an expert at doing Selenium or something like\Nthat Dialogue: 0,0:33:51.60,0:33:53.57,Default,,0000,0000,0000,,and can drive those automated tests. Dialogue: 0,0:33:53.57,0:33:58.45,Default,,0000,0000,0000,,But design, frontend, engineers. Everybody\Nsitting together, working together, Dialogue: 0,0:33:58.45,0:34:02.08,Default,,0000,0000,0000,,even if you're remote. Collaborating every\Nsingle day. Developers Dialogue: 0,0:34:02.08,0:34:04.59,Default,,0000,0000,0000,,are not excluded from design meetings. Designers\Nare part Dialogue: 0,0:34:04.59,0:34:07.23,Default,,0000,0000,0000,,of retrospectives. Dialogue: 0,0:34:07.23,0:34:09.88,Default,,0000,0000,0000,,Pull request workflow. Bruce and I do this\Nat Dialogue: 0,0:34:09.88,0:34:13.05,Default,,0000,0000,0000,,Cargo, since we start off empty pull requests,\Nto Dialogue: 0,0:34:13.05,0:34:16.48,Default,,0000,0000,0000,,discuss big ideas. And you start pushing against\Nthe Dialogue: 0,0:34:16.48,0:34:18.65,Default,,0000,0000,0000,,pull request with that branch. And then if\Nit's Dialogue: 0,0:34:18.65,0:34:21.46,Default,,0000,0000,0000,,good, we pull it in. If it'd bad, we Dialogue: 0,0:34:21.46,0:34:22.57,Default,,0000,0000,0000,,leave it out. Dialogue: 0,0:34:22.57,0:34:26.18,Default,,0000,0000,0000,,Reusable design solutions. If you've got something\Nthat you're, Dialogue: 0,0:34:26.18,0:34:30.08,Default,,0000,0000,0000,,you're generating, if you can reuse it, do\Nso. Dialogue: 0,0:34:30.08,0:34:33.92,Default,,0000,0000,0000,,Developers, learn UX. It's not scary. It's\Nnot this, Dialogue: 0,0:34:33.92,0:34:35.86,Default,,0000,0000,0000,,like, I have to use photoshop. Go read some Dialogue: 0,0:34:35.86,0:34:38.08,Default,,0000,0000,0000,,books on usability. Defensive Design for the\NWeb by Dialogue: 0,0:34:38.08,0:34:40.15,Default,,0000,0000,0000,,37Signals is over ten years old, and every\Nsingle Dialogue: 0,0:34:40.15,0:34:42.78,Default,,0000,0000,0000,,word of it is still very applicable. Most\Nof Dialogue: 0,0:34:42.78,0:34:46.62,Default,,0000,0000,0000,,Jakon Neilsen's stuff. Rock, It's Not Rocket\NSurgery, I Dialogue: 0,0:34:46.62,0:34:48.62,Default,,0000,0000,0000,,think. Steve Krug is a great author. Just\Ngo Dialogue: 0,0:34:48.62,0:34:50.02,Default,,0000,0000,0000,,read some of these books. Dialogue: 0,0:34:50.02,0:34:53.31,Default,,0000,0000,0000,,You build things that work. You should know\Nwhy Dialogue: 0,0:34:53.31,0:34:54.93,Default,,0000,0000,0000,,they work, how they work, and how they work Dialogue: 0,0:34:54.93,0:34:58.75,Default,,0000,0000,0000,,efficiently. Likewise, go get your designers\Nto learn how Dialogue: 0,0:34:58.75,0:35:01.96,Default,,0000,0000,0000,,to code. If your designer doesn't understand\Nhtml and Dialogue: 0,0:35:01.96,0:35:03.73,Default,,0000,0000,0000,,css, at least, how can they possibly design\Nfor Dialogue: 0,0:35:03.73,0:35:06.47,Default,,0000,0000,0000,,that medium? It's like a print designer not\Nunderstand Dialogue: 0,0:35:06.47,0:35:09.02,Default,,0000,0000,0000,,what happens when the ink hits the paper.\NYou Dialogue: 0,0:35:09.02,0:35:10.78,Default,,0000,0000,0000,,would not, it would not happen. Designers\Nneed to. Dialogue: 0,0:35:10.78,0:35:12.58,Default,,0000,0000,0000,,They don't have to do the code, they need Dialogue: 0,0:35:12.58,0:35:16.68,Default,,0000,0000,0000,,to understand the code, though. Dialogue: 0,0:35:16.68,0:35:18.34,Default,,0000,0000,0000,,And forgive. Ann Patchett has a book called\Nthe Dialogue: 0,0:35:18.34,0:35:20.75,Default,,0000,0000,0000,,Get Away Car. It's a practical memoir about\Nwriting, Dialogue: 0,0:35:20.75,0:35:22.41,Default,,0000,0000,0000,,which is funny. I didn't realize David was\Ngonna Dialogue: 0,0:35:22.41,0:35:23.70,Default,,0000,0000,0000,,do this whole thing on writing when I, I Dialogue: 0,0:35:23.70,0:35:26.86,Default,,0000,0000,0000,,pulled this. My wife sent me this quote that Dialogue: 0,0:35:26.86,0:35:30.41,Default,,0000,0000,0000,,Andrew Sullivan pulled out, but the real short\Nof Dialogue: 0,0:35:30.41,0:35:33.07,Default,,0000,0000,0000,,it is, I'm just gonna read this real quick. Dialogue: 0,0:35:33.07,0:35:34.66,Default,,0000,0000,0000,,"Stop here for a few breaths and think about Dialogue: 0,0:35:34.66,0:35:36.22,Default,,0000,0000,0000,,this, because it's the key to making art and Dialogue: 0,0:35:36.22,0:35:38.95,Default,,0000,0000,0000,,very possibly the key to finding any semblance\Nof Dialogue: 0,0:35:38.95,0:35:41.21,Default,,0000,0000,0000,,happiness in life. Every time I have to set Dialogue: 0,0:35:41.21,0:35:43.33,Default,,0000,0000,0000,,out to translate the book, or story, or hopelessly Dialogue: 0,0:35:43.33,0:35:45.95,Default,,0000,0000,0000,,long essay that exists in such brilliant detail\Non Dialogue: 0,0:35:45.95,0:35:47.73,Default,,0000,0000,0000,,the big screen of my limbic system onto a Dialogue: 0,0:35:47.73,0:35:49.84,Default,,0000,0000,0000,,piece of paper, I grieve for my own lack Dialogue: 0,0:35:49.84,0:35:53.36,Default,,0000,0000,0000,,of talent and intelligence. Every single time.\NWere I Dialogue: 0,0:35:53.36,0:35:55.64,Default,,0000,0000,0000,,smarter, more gifted, I could pin down a closer Dialogue: 0,0:35:55.64,0:35:57.97,Default,,0000,0000,0000,,facsimile of the wonders that I see. I believe Dialogue: 0,0:35:57.97,0:36:00.25,Default,,0000,0000,0000,,that, more than anything else, the grief of\Nconstantly Dialogue: 0,0:36:00.25,0:36:02.29,Default,,0000,0000,0000,,having to face down our own inadequacies is\Nwhat Dialogue: 0,0:36:02.29,0:36:05.74,Default,,0000,0000,0000,,keeps people from being writers. Forgiveness,\Ntherefore, is key. Dialogue: 0,0:36:05.74,0:36:07.53,Default,,0000,0000,0000,,I can't write the book I want to write, Dialogue: 0,0:36:07.53,0:36:08.94,Default,,0000,0000,0000,,but I can and will write the book I Dialogue: 0,0:36:08.94,0:36:11.31,Default,,0000,0000,0000,,am capable of writing. Again and again, throughout\Nthe Dialogue: 0,0:36:11.31,0:36:13.30,Default,,0000,0000,0000,,course of my life, I will forgive myself." Dialogue: 0,0:36:13.30,0:36:14.90,Default,,0000,0000,0000,,This doesn't just apply to you. This applies\Nto Dialogue: 0,0:36:14.90,0:36:17.95,Default,,0000,0000,0000,,your coworkers. This applies to your interactions\Nwith everybody. Dialogue: 0,0:36:17.95,0:36:21.51,Default,,0000,0000,0000,,So build the app you can build today. Because Dialogue: 0,0:36:21.51,0:36:22.76,Default,,0000,0000,0000,,you can sit there and say, this process is Dialogue: 0,0:36:22.76,0:36:24.70,Default,,0000,0000,0000,,too hard. This is too complex. We'll never\Nget Dialogue: 0,0:36:24.70,0:36:27.83,Default,,0000,0000,0000,,this done. It's gotta start from somewhere. Dialogue: 0,0:36:27.83,0:36:30.46,Default,,0000,0000,0000,,And so, please try and climb the mountain.\NI Dialogue: 0,0:36:30.46,0:36:32.19,Default,,0000,0000,0000,,know it's not easy, but you'll eventually\Nget there, Dialogue: 0,0:36:32.19,0:36:34.29,Default,,0000,0000,0000,,and it will be a better world for it. Dialogue: 0,0:36:34.29,0:36:37.99,Default,,0000,0000,0000,,Thank you very much, and. Appreciate it.