SPEAKER_00: Distribution provided by CloudSigma, the cloud that adapts to you. Visit CloudSigma.com slash ThisWeekIn for a free $200 credit.

SPEAKER_02: Today's episode of This Week in Web Design is brought to you by Full Sail University, offering immersive, fast-paced degree programs, both on campus and online, designed for the needs of today's technology media industry. For more information, visit FullSail.edu slash ThisWeekIn. Today, Web Design Trends 2012 and 2013. Ari and I are going to share what 2012 Web Design Trends you should be paying attention to, and we're going to predict 2013 Web Design Trends about three months ahead of schedule from most people. Stick around. Watch us work. Bienvenidos al episodio numero 36. That is episode 86 if you've been watching since episode 1 or you're watching us on iTunes.

SPEAKER_03: I am your host, Jose Caballer, chief education officer of the school and education company. Joining me as always, freelance creative director, Ari Guimón.

SPEAKER_05: Good to be here.

SPEAKER_03: How do you like the mics, Ari? We feel like we're on a show.

SPEAKER_05: I'm on a radio talk show, yeah.

SPEAKER_03: Welcome, caller!

SPEAKER_05: Caller, you're on the line.

SPEAKER_03: You're on the line. All right, so Ari, it's good to see you. Today, the winner by popular demand, the topic you guys voted on on Facebook between a lot of interesting topics is Web Design Trends, which seem to be very popular, and we're covering 2012 and 2013, so we have a fun show, so let's get started. This is not another tutorial show. If you're looking for Web Design tutorials and you found us on YouTube and you're really pissed off that it is not, think of this like a daily show for Web Design. You know, we're going to talk, all right? Not just tutorials. Today's show is going to be segmented into 2012, 2013, halfway through or a little bit later. It's a half-hour show, and then we're going to wrap up with our predictions. If you're looking for tutorials, though, in the links, I put links for you. Team Treehouse, check it out. Lynda.com, check it out. They have great tutorials. How Interactive University, one of our great distribution partners, they're there. Now, this show's for students, if you're a student. This show's for freelancers, for entrepreneurs, and it's also for career switchers, people who are going from one career to the other. And I tell you this every single time. This show would not be made possible if it weren't for the support of companies like Adobe and their great product, Adobe Muse. Adobe Muse is software that enables designers to create amazing websites without writing any code, planning, designing, and publishing original HTML pages is as easy as creating layouts for print. So if you're familiar with InDesign or if you're familiar with the Illustrator and doing it in that fashion, that is exactly how Adobe Muse works. It's a snap to produce distinctive, beautiful, professional websites. Focus on design, not technology. Go to adobe.com slash muse with the lowercase m on that for your free 30-day trial. Just check it out for 30 days. Do me a favor. Tell us what you think on the Facebooks and on the Twitters. Just let us know. So with that, again, thank you. Adobe, let's go straight into it, Ari. Web design trends 2012. You might be asking the question, how did you come up with your trends and how are you categorizing them? So like, hey, you and what army did this? What do you feel have been, the second question is, what do we feel the biggest trends are for 2012? And then the third question is going to be, that we're going to answer, is predicting 2013. So to answer that first question specifically about how we came up with the categories, you know, first and foremost, we've been talking about these all year.

SPEAKER_08: All year, since the beginning of the show, since episode one.

SPEAKER_03: Since episode one, we've been talking about a lot of these different trends. You guys ask us about it, and we cover them as topics on the show. So second, you know, we looked online and we scoured the web. I spent a lot of time doing research and looking at the different predictions that were made last year and during the 2012. And we picked out, we went through and we picked out the ones that we felt were the most important. That's the third answer to that, which I think we might have had a title card or not. But so we really selected the three or five trends that we thought were important. And one really important thing is we categorize them as business, creative, tech, and marketing.

SPEAKER_09: That's what we do all the time?

SPEAKER_03: Because that's what we do on the show. We believe that web design is not about code or about, you know, graphics only. It's really about the holistic, you know, execution of all four things, business, creativity, marketing, and technology. So with that, let's go into it. So the first question, what do you feel have been the biggest 2012 web design trends, Ari, starting with the category of business?

SPEAKER_10: So drum roll, bring up business there. Number one there.

SPEAKER_12: Mobile and tablet. I mean, that's pretty much a given, right? Like pretty much everything that we're doing these days has got some sort of component or it itself lives on a mobile or tablet device. You know, just apps.

SPEAKER_15: What are you working on right now?

SPEAKER_16: Me and you are working on a project.

SPEAKER_12: It's mainly just apps. It's a tablet. Yeah, exactly.

SPEAKER_16: And it's great for us because the school, we have been doing the redesign of a website as a tablet application, the Sartorialist. And then we've been doing a lot of mobile. But this is now we're beginning to do actual tablet design, which is interesting after doing it, you know, for the school.

SPEAKER_12: And it's really interesting. I see a lot of people, like, trying to create products for, so it's not just a website anymore. You know, it's like people are trying to create actual apps and products for these devices.

SPEAKER_03: Comprehensive products. And there's games. Right. There's content. There's books. There's, like, all types of things that go on tablet. You know, Jason Calacanis is doing it here at Mahalo where he's doing a lot of apps, you know, content specifically, education content. So it's a very, and part of it is the monetization.

SPEAKER_22: You know, the ecosystem that Apple put in place is actually one of the things that really makes it possible for people to really push towards that.

SPEAKER_03: So that's why business trends. And the second one is the cloud. What the hell does that mean? Like, I'm helping my mother-in-law recently get used to working in the cloud because the issue of it's not your desktop. It's actually on a browser and you have all your files there.

SPEAKER_05: It freaks people out. What? Right, right, right.

SPEAKER_23: Talk a little bit about the cloud.

SPEAKER_12: I mean, that's essentially this idea that everything lives in the cloud, like in some server somewhere, and you can access it remotely. It's not so much about the particular device that you're on. You know, you can be on any type of device, and this is a really good thing that falls in line with something that we're going to be talking about later, which is workabouting. But essentially, like, just being able to access your files anywhere, and regardless of the device that you're on, you know, you lost your laptop or there was a fire, that stuff lives somewhere, and you can access it.

SPEAKER_26: Or any number of people can access it.

SPEAKER_27: And there's all types of cloud implications. You know, one of them, obviously, is, like, the issue of that.

SPEAKER_03: But if you look at my computer, you know, I have up my Google Drive and my G Drive, and everything is on there. I mean, the scripts that you see every week, I don't know, my computer's probably not working.

SPEAKER_22: But the scripts that we use for the show, everything, you know, notice that the TWI web design scripts is the number one thing that I have in there.

SPEAKER_03: Things like Box.net, that's cloud-based storage that actually syncs your computer, and you can use online.

SPEAKER_28: And Dropbox was the original gangster. Exactly. That was the very first one.

SPEAKER_18: And it's interesting that you say that.

SPEAKER_12: It's so much so that now there are services, and if you pull up my screen, there's this one that I've been using as a reference called Otixo, which is essentially an aggregated cloud. So this thing will basically let you sync, you know, your Dropbox, your Box, your, you know, and it's got, like, all these little graphics, even Picasa.

SPEAKER_16: So now you have aggregators for cloud. Aggregators for clouds, right. And, Michelle, do me a favor.

SPEAKER_03: Can you set up for two minutes per? So let's go on to creative. Every time, just do one minute or two minutes. One minute, actually. Do one minute per trend. So let's go on creative. The first one.

SPEAKER_33: Again, and there's links below, but go ahead, Ari.

SPEAKER_12: Responsive design. We've been seeing this a lot. I mean, and I think we've talked about it in previous episodes. And this goes back to the fact that everything now needs to work both on the web and on devices. So it's this idea of websites that the layout is adaptive. You know, they call it responsive. They call it adaptive. The fact of the matter is, you know, the website will reconfigure itself depending on the viewport in which you're viewing it in. So if you pull up my screen, I can show you something interesting. There's a website I just found right now, you know, Googling responsive design. And as I start to make the window bigger or smaller, sorry, you can see that it starts to reconfigure all the way down to a tiny little potentially mobile-sized screen. You know, the content still works. I can scroll down. Everything looks great. It's not a compressed version of the original site. The content has actually reconfigured itself to work in a viewport of a smaller size.

SPEAKER_22: And there's a lot of confusion between responsive versus adaptive. And I have on my screen adaptive versus responsive. What's the difference? And one is relative to process and iterative design, not just fluid layout. And I've heard it mentioned as fluid and as responsive.

SPEAKER_40: Fluid to me is different.

SPEAKER_03: Let's just call it at a simple level. Responsive design is when your format, your layout, then relays itself out for a smaller device, for a smaller screen width. So very simple for you as a designer. The thinking has to be very modular. And you have to begin thinking of how a site or something that you're designing is going to break down. Which is, and let's move on. So web typography, that's a huge one. That's a huge one. The ability to embed fonts, that has made such a huge difference. And we've covered it here. Single web pages. We had a few episodes where we designed a single web page design. What's a good example of that?

SPEAKER_40: I mean, I've got some examples here. One that you had up, actually.

SPEAKER_42: My favorite is the Lean Startup website.

SPEAKER_45: Look at this one, how it does all these cool animations. Whoa, and it moves. It's got little cars. It's almost like a little... That is sick.

SPEAKER_16: That's Parallax, which is another trend. Yeah. There's a Parallax engine, which is kind of giving you the dimensionality that you have there.

SPEAKER_03: And you know what? That's brilliant. Well, one of the things...

SPEAKER_50: And I have one that's a little bit more straightforward that isn't as fancy as that one, which is the Lean Startup website, which I really, you know, religiously use as an example.

SPEAKER_52: It's a really nice site.

SPEAKER_45: And look how big everything is.

SPEAKER_52: Everything is super big, which is actually an interesting trend that we'll talk about in a second.

SPEAKER_12: And there's less things on the screen to look at at once. I mean, I think that's key. And you see that with things like Dropbox, for example, where they won't present you with a bunch of clutter.

SPEAKER_38: It's just one action per screen.

SPEAKER_03: One action per screen, which actually that should... That was one of the trends in our top trends for 2013, like what I call on-demand UI, which is you only get one thing that you need to do at that one time in space.

SPEAKER_50: And in the case scenario here, when you're scrolling, you just go, hey, do one thing, next, do one thing.

SPEAKER_03: And it really is to deal with the attention deficit disorder that, you know, the web is becoming...

SPEAKER_56: Which is so much clutter. Skim. Skim technology.

SPEAKER_03: So it's technology. So let's move on to the next one, which is the technology trends for 2012. Keep in mind, this is stuff that's already that you guys all know. If you're watching this and you're saying like, duh, yeah. So HTML5, first one.

SPEAKER_18: Absolutely. I mean, I think that's something that it's a buzzword that's out there everywhere. Everybody talks about HTML5.

SPEAKER_12: I mean, essentially what it boils down to is an integration of, you know, the new style of markup with CSS, with JavaScript used to power a lot of interesting interactions. That's essentially what we're talking about. And we see it everywhere. The scrolling site. Well, we just saw that HTML5.

SPEAKER_03: That's exactly what it is. There's no Flash anymore almost. And almost most of... You know that I haven't looked at Flash almost in... I haven't seen it in a while. Well, in video players, obviously. And there's silver lights.

SPEAKER_12: There's still some uses for it. And then there's like some games that still use it. Yeah, games.

SPEAKER_03: But I don't look at games anymore. Now, that's just me. Some of you might be looking at, you know, children's sites or might be looking at games online. And there's still a lot of use of Flash.

SPEAKER_63: But for the most part, I haven't... For like websites and like...

SPEAKER_18: Last year we did, but I think yours is a good point.

SPEAKER_12: Like, you know, you go to any of these sites that are aggregators of interesting web design that's going on up there, you barely see Flash. You don't see it.

SPEAKER_69: Yeah. Okay. So, Jake, the other two in technology.

SPEAKER_03: And there's links below in the YouTubes where you'll see the different lists that we looked at to aggregate these. So, agile development. That's one that I'm very passionate about. And it came out as a trend in what I saw. And I'm seeing it. And I hear it a lot with teams that I'm working with. And people are like, oh, I don't like agile. Or I like agile. So, it's something that for me, it's since 2007 or so when I got trained in agile, I've been preaching and preaching and preaching. And I'm glad to see it come up on the radar as a trend. So, jQuery in general. So, we had an episode about that, you know. Absolutely. That came up as a trend, like frameworks for development. Right, right. So, talk a little bit about that.

SPEAKER_12: I mean, I think that's, again, going back to like all these interesting things that are happening as far as interactions on websites. And a lot of these kind of motifs around user experience where things are moving around the screen. And you're being given a very kind of directed, you know, just flow through a website. A lot of these interesting interactions that are happening are powered or can be powered by some of these frameworks. I think the interesting thing is that you don't necessarily have to code a lot of these things from scratch. You can have access to these frameworks. And these things are, you know, like rollover effects or fade-in, fade-outs. A lot of these things are pre-coded. And as a developer, you can implement them very easily.

SPEAKER_03: So, what's happening is basically your ability as a developer, front-end, you're doing less back-end development because that's already been done for you. Right. It's really ultimate. It's like pre-packaged kind of, yeah, exactly. So, all the functionality is kind of standard. You don't need to reinvent the wheel. Right. Which is great.

SPEAKER_22: And we have episode, how do I build a mobile application, which is episode 35 on the YouTubes, if you guys go to our... Yeah, we had jQuery mobile. The jQuery, using jQuery, which is a really great episode. I really highly urge you guys to watch it and check that out. So, let's move on to marketing.

SPEAKER_03: So, the top three trends in marketing that we've seen in 2012, and I'll start out with this one, you know, because it's very near and dear to my heart, integrated marketing. And that's a buzzword from agencies, from ad agencies, and they call it integrated marketing producer or integrated marketing department, which is, you know, the ability to do Facebook campaigns, to Twitter, to do, you know, all around, and some of it even without a central place. Like, microsites used to be, like, what agencies really focused on a lot, but now it's getting much and much more complex, and there's a lot of different social touch points. So, that goes into social pretty heavily. So, Instagram, Pinterest, you know, blogs, the idea of SEO, SEM, that's, I think, it's been one of the biggest trends of 2012.

SPEAKER_12: I think that's huge. I mean, I think, essentially, as a company, you really need to keep your ears open, your eyes open to all these things that are happening in the social space, and being able to react to them. You know, I've seen some interesting comments of companies where, potentially, some employees, you know, put a gag video up on YouTube, and there was somebody on the higher up, and the company kind of monitoring it, and they were able to respond quickly to it, like, no, this is not something we endorse, and they contain the damage done, as opposed to maybe a more traditional company that wouldn't be looking at these channels, and then a lot of damage

SPEAKER_38: would be done to the brand and the companies.

SPEAKER_02: And that brings up the issue that's what makes companies really hesitant to go out there and to really use a lot of the channels.

SPEAKER_03: But in a way, it's not a non-conversation, or it's no longer an issue, it's a price of entry issue now. It's such a given that, you know, brands and people and companies in general are like, okay, there's no choice. We have to go into this. And there's a lot of great stories we can go over where, you know, it's gone wrong, and people mess up, and people do bad things for, do bad things to your social media campaigns. But in general, I think the idea, though, is that there is this ecosystem design, not singular communication vehicles. It's not just the website anymore.

SPEAKER_18: It's the, you know, the Twitter background, the Facebook banner, the Pinterest, like, template for whatever. It's like a whole ecosystem.

SPEAKER_33: And no wonder, like, older people are like, just their brains are exploding in their gaskets.

SPEAKER_03: Actually, young people that are very social media savvy, like, woo-woo-woo-woo-woo-woo-woo-woo-woo-woo-woo-woo-woo-woo-woo. And they have all this stuff, and then a more traditional 20th-century marketing manager, or it's just like, ah. Ah, and then we'll talk about that in 2013 Trends. So apps for everything. That was something that in 2013, 2012, you know, every single company, every single brand had an app.

SPEAKER_87: That's exactly right.

SPEAKER_03: Chipotle has an app, you know, when you go there, so you can order your stuff. Exactly. Like, your grandmother has an app, so you can, you know.

SPEAKER_12: I've got an app for, like, I just took a cab, and I did it through an app. Yeah. Like, Taxi Magic app.

SPEAKER_22: Taxi Magic. I have so many apps on my phone that I do different things for, from managing social media, to news, to, like, there's an app for that, which is a great app. There's an app for that.

SPEAKER_03: So, and tablet apps, specifically for kids and entertainment. You know, Netflix. I actually, I'm watching Netflix on my laptop in one room, and I go outside to take care

SPEAKER_50: of the dogs for something, or, like, just to chill out in the backyard, and I just put Netflix on my phone.

SPEAKER_22: So, and it's awesome. Yeah, okay, all right, moving on.

SPEAKER_03: So, video search, people finding you via, via search, or video becoming, the statistics are outstanding. Like, how many people, YouTube is the second video, it's the second largest search engine.

SPEAKER_91: Interesting.

SPEAKER_50: So, kids are not going anywhere else, but they go to YouTube, and they look for, how do I do this? How do I do that? Right. And that's why, one of the reasons why, if you look at our titles for our shows, how do I, is the reason that that's a title for, our shows are titled like that on YouTube. And that's the number one way people find us, this show, this week in web design, is

SPEAKER_03: on YouTube. All right, through video search. So, it was on all the lists, or in some of the lists that I researched, and I experienced it firsthand. So, let's move on to 2013. So, the question is, what do we predict will be 2013 trends, starting about with business trends? Bam, here we go. We need music in between the trends. Do-do-do-do-do-do.

SPEAKER_94: Workabouting is the number one. What the hell does that mean?

SPEAKER_93: That's a huge one.

SPEAKER_12: I mean, I think that goes back to that comment about the cloud, and just having everything be accessible everywhere. I mean, I think that's just the idea that you can pretty much work from anywhere. Yeah.

SPEAKER_03: So, there's two things. There's a lifestyle aspect of that, which is, people are doing flex time, people are working from home, your team might be remote. We're working on a startup, actually, we're working on the project together right now. The team doesn't actually have a specific office we've been to, I've met at cafes, etc. It's a trend that came up, I did a while ago, that I saw many years ago, and a few years ago, meaning, if you catch it.

SPEAKER_50: But also, there's a lifestyle issue relative to going to Europe and working from a while. If you read the four-hour work week, or if you read a lot of the, basically, people who

SPEAKER_03: talk about lifestyle first, work second. You can work from anywhere. My laptop, everything is on Dropbox. All my active working projects are on Dropbox, versus, you know, pictures and some other stuff that, even that, I'm beginning to back up on the cloud. And all the documentation is on, you know, Google Drive, you know, that's documents, right? So, I can put away my laptop, go somewhere, and have access to everything that, even Adobe's on the cloud now. So, I would be, you don't, in the future, you won't need to take a laptop anywhere. Not really. You just basically go to a terminal wherever you're at.

SPEAKER_99: You go to a terminal, you put in your credentials, and everything's just there.

SPEAKER_03: And everything's just there. And you get keyboards and any of the accessories you need, you know, are either virtual or they're real. So, that's a big one. So, second, for the instant entrepreneur, what the hell does that mean? I'm going to bring up an example of that. So, life flow management, can you bring up the example of life flow management? Yeah. So, I'll explain it while you're bringing it up. The instant entrepreneur is basically that with training and with, look, Etsy. People, you know, you have an idea for food cart of some sort in a place, or whatever. Whatever it is, you get yourself an iPad and a Square account, and bam, you're taking money. And there isn't this huge barrier between, you know, your idea and the business that used to exist, you know, in the 20th century, because there's so many logistics and so much stuff.

SPEAKER_33: If you're a scrappy, and you just know how to read, and you have an idea, you can set up a business in a minute.

SPEAKER_12: I think that's actually a really good point. I mean, I think the tools that you need to start a business online, the barrier to entry is getting lower and lower, yeah.

SPEAKER_03: The barrier to entry that exists now is knowledge. Exactly. So, the biggest, the biggest, is knowledge and the encouragement to do it. So, a lot of people have done it because of the economy. They have no choice. They go out and do it. My whole bet on the school is that, you know, look, this is going to become so prevalent, and it's going to become such a big issue that it's not going to be about specifically

SPEAKER_50: the tools to do it specifically, but about the knowledge on how to really get there and how to do it. So, it's important.

SPEAKER_52: And then, life flow management. Show the thing on Kickstarter campaign. Yeah, absolutely.

SPEAKER_18: It's this idea that essentially you're pretty much tracking everything at this point.

SPEAKER_12: This idea of, there's an idea behind it, call it big data. It's just basically tracking all these aspects of your life and giving you metrics around it. So, this is a really cool project that I came across recently, which they're basically creating a platform, and they have hardware sensors around this platform, and it basically, you know, for example, if you walk into your house after a long day at the office, you know, it'll know to set the temperature of the house to a certain, you know, a little bit cooler because you're stressed out or whatever. It's just basically sensors everywhere, and the thing that's interesting about them is that this platform allows, it's got an API, so it'll allow a third party to create one of these sensors and actually implement it on this platform. So, it's really interesting. You can have, you know, just sensors that pretty much track everything, you know, and kind of adjust all the things around you to kind of, you know, just...

SPEAKER_35: I love it, and it's a super elegant solution. Yeah, absolutely. Are there pictures of it on there, or is it just in the video?

SPEAKER_109: You can watch the video. That's got a lot of it. There you go. So, you can see a little bit of it. Yeah, it's good. Yeah, go ahead.

SPEAKER_33: Nike Plus, you know, which RGA did. Totally. And one of the things that I've been harping about and I've been on my high horse about is for

SPEAKER_03: ad agencies specifically, is that this transition from doing campaigns to doing functional things, you know, functional things around the particular brand. Nike, it's about sports, it's performance, athletic performance, and you have, you know, campaigns, obviously, which are inspirational or great, but who the hell is watching TV anyway? So, you're not going to catch the campaign or even magazines, but you use Nike Plus, you know, which is great. And RGA, which kind of took White and Kennedy, which is that agency that originally has had Nike as a primary account, but their digital lunch got taken by RGA and by other kind of agencies that could do that. And that's fine. They didn't want to strength or focus on that strength. But if you're a marketer, stop thinking as a marketer and start thinking as a product developer. All right, so moving on. So, that's life flow management, which is kind of related to big data, but I didn't want to use big data. So, creative on the creative side. So, the first one is the beautiful enterprise. You know, what the hell do I mean by that? That's something that I've seen kind of peak up and that I've been a huge advocate for. And one of the reasons a lot of times we get hired for, you know, the group gets hired to do is, you know, designing or making the user experience of an internal application of, you know, CRM, ERP, all these things that if you're a corporate client, you had to just use. And what is interesting is that one of the reasons is because the sales process, it's always at the end about the sales process. And, for example, somebody who's selling is selling to a CTO, the, hey, you know, the solution for, like, you know, CRM for your company, which is customer relationships management. And the end user just is going to get forced to use it. But now end users are bringing their own solutions with them because of tablet and because of what's called consumerization of IT. Totally. Everybody wants shit to look good. Right.

SPEAKER_116: Like, make my damn work software look good.

SPEAKER_118: Remember me complaining about our payroll software or our time tracking software all the time. Absolutely. God, why is it so awful?

SPEAKER_18: Absolutely. And I'm actually working on a project right now that's an enterprise file sharing system

SPEAKER_12: that will help you integrate your Dropbox precisely because of that. Because it's cloud management. It's cloud management.

SPEAKER_03: So one of the things for you as a designer, and the reason why all these trends actually relate to each other, and the reason why I broke them out into business, creative, marketing, and technology is that, A, they're relative to everyone because you are collaborating. So if you're a graphic designer and you don't understand, you know, how to understand an enterprise solution, you know, and what it is for. And, like, you know, when I was at Razorfish, one of the first projects I got to do early on in my career there was tax auditing software for, you know, KPMG in Dallas. You know, graphic designers are like, you know, bleep, bleep, screw this, man, enterprise software design. I should be doing cool posters and books and expressive stuff. I happened to go into the web design space and into software design and, yeah, working on helping those people make their tax auditing process easier. So I needed to understand tax auditing. I wish I still remembered. All right. Super flat.

SPEAKER_94: What does that mean?

SPEAKER_18: I mean, I think that's just basically, like, you know, the way things are, right?

SPEAKER_12: Like, a few years ago, people were doing everything, like, super glossy, that aesthetic that, you know, just Apple put out there with their OS. And now I think people are gravitating towards something that moves away from that, you know, just as a trend. And we see it with the Windows 8, the Windows 8 phone and the Windows, the new OS, you know, where things are just very, they're just moving away from that.

SPEAKER_03: Yeah, I think that it's really, you hit it on the nail. Well, I mean, that Apple kind of set this tone, you know, Android and everyone else copied them and Samsung obviously copied them. Right. And I think Microsoft was smart. Right. They said, if Apple's singing this way, we're going to say it this way. Let's make everything flat. Right.

SPEAKER_100: Kind of side scroll.

SPEAKER_18: And they sort of copied it a little bit, like in Windows 7 and Vista was still like the

SPEAKER_12: super glossy kind of like, you know, ripping off Apple. But now it's gone somewhere completely different, which is really interesting.

SPEAKER_03: It is smart. I mean, they have some really sophisticated people working there. And of course, they have the time and the money to do it. There's a video called The Future Vision of Productivity from Microsoft that I posted and I tweeted, but I have it here on my screen. If you get a chance, just Google Future Vision from Microsoft, which is funny. Sorry. Bing. Use Bing to look for this video, Future Vision. And it is a gorgeous video that shows a lot of the concepts that the Windows 8 phone and that Windows 8 is using in terms of how the mechanics of the interface work in a really elegant way like that, you know, like side scrolling, et cetera. And it's all flat. There isn't, you know, this bubbliness. And I think that what that highlights for me is that if you are a designer or if you're an entrepreneur or if you're a marketer or whoever you are, that when you see a trend that you don't have to assume that because it's popular that that's the only thing that works because people would assume that, you know, shiny, shiny buttons are the only way that, you know, an interface can work because Apple has had so much success. That is not true. That's not why. That is not why it's been successful. So understand why things are successful and don't mimic the design blindly is one

SPEAKER_69: of the main issues for that one. Big everything. You just talked about that. Right.

SPEAKER_12: What does that mean? Just, you know, just less things on the screen, less clutter, bigger buttons, bigger typography, just more directed attention, right?

SPEAKER_26: Like, don't give people a million tiny buttons to click on on the screen. Just give them one, you know?

SPEAKER_03: You know, that trend is really, speaking directly to graphic designers who love little

SPEAKER_50: tiny type and like to make everything type, I've always had very clunky design because I'm a web designer and people always say, oh, your shit looks like web design. Like, you're a web designer. I'm like, well, yeah, I am a web designer. And it's getting even bigger. Like, stuff's going to get even bigger.

SPEAKER_03: I like big buttons and it's just going to get bigger, big type, big everything. So, the next one is technology trends for 2013 that we're predicting.

SPEAKER_33: Here, you heard it first. Agile domination. That sounds weird. That sounds like a, like, what does that mean?

SPEAKER_73: Um, dominatrix.

SPEAKER_33: That sounds like a place Ari would go to.

SPEAKER_03: No, agile domination is that agile is going to become a lot more mainstream within corporations and legal departments are going to understand what the hell agile means. Software development. And I just read a really great article in Fast Company this morning on the way here that, uh, talking about how, you know, the fourth era of innovation, how corporations are going to become like startups having small entrepreneurial teams internally.

SPEAKER_140: Totally. It's not so much of a top-down structure like it used to be. You know, it's more horizontal. Flat people are self-managed.

SPEAKER_12: Um, they hold each other accountable. It's not, you know, having to deal with multiple layers of, you know, middle managers and things like that.

SPEAKER_10: So, the way I illustrate this idea, and I'll do it really quickly into this diagram.

SPEAKER_03: So, this is, uh, this is a corporation of the 20th century where they had to consolidate and, you know, vertical integration, if you don't understand what that means, look it up, uh, in order to have efficiencies of scale and become competitive and just crush the marketplace and do stuff. Whereas you had all these small companies, entrepreneurial companies, that were able to move strategically a lot faster because they were a lot smaller. So, what's happening, uh, what, what, what, what I'm seeing happen in the future and the, the trends that we looked at were interconnectivity, let's say, between cloud apps, um, is happening. Actually, here, I'll just use the same diagram. It's where a big corporation is just going to mirror the, uh, the marketplace, um, it's going to turn into, uh, the same exact modality almost as, you know, uh, a, uh, this is sketch time with Jose for business concepts. She had a whiteboard. So, it's just basically going to be a set of small divisions that are interconnected. Some of them might be loose for a while because they're developing something instead of this, you know, 20th century model. So, and it's, it's happening right now.

SPEAKER_12: It's about flexibility and being able to move quickly and iterate quickly. Like if you're creating product, for example, you have to be able to just, you know, kind of iterate very rapidly. And I think with a small team that's kind of self-managed, you're able to do that a lot more than with the traditional, the traditional team, right?

SPEAKER_03: So, agile, you've been instituted and, and, and mark my words, uh, hear me now, believe me later. As Hans and Franz would say, this is going to be a huge trend moving forward. Uh, simple CMS customization. You know, what we mean by that is, um, that even the issue of not even having to write code to get a CMS, you know, things like, you know, WordPress is dominance of, uh, of, uh, of, uh, content management, you know, that's a consumer open source, almost content management platform that's very workable.

SPEAKER_146: Totally. Uh, it's going to get simpler and simpler and simpler and simpler and simpler.

SPEAKER_03: Uh, UX for developers. And what I mean by that is that the user experience process is not going to be only, you know, uh, uh, you know, the purview or the realm of user experience designers or designers. Everybody's going to understand user experience and work within the user experience, uh, processes and the standard processes, which of course you can learn at the school, the school rocks

SPEAKER_50: dot com, which teaches the standard processes for successful web projects.

SPEAKER_93: Well, that's a, that's a great, uh, promo there.

SPEAKER_03: Really nice promo right in the middle. So, so finally, last and not least, which I, I, it's a really exciting, let's talk about this, Ari, social media ecosystem. You know, you've been familiar with this for a long time. What the hell does that mean? The marketing trends.

SPEAKER_18: Um, do you want to talk about that a little bit more?

SPEAKER_22: Yeah. So, so here's an example and I have right in front of me, uh, on my computer is how I manage, uh, you know, all my Twitter accounts for all the different things that we're doing, uh, is using Hootsuite. So there, there is this whole ecosystem. And in this case is Facebook and Twitter applications being managed, but you can go even further, you know, and go into, uh, things like, uh, um, Hub, HubSpot, which is, you know, an amazing platform that integrates and actually they have a single page design, um, uh, for their homepage where they integrate all the different components that you need to run

SPEAKER_03: all of your marketing across the web, you know, uh, social media, email marketing, page search, et cetera. So there's this social ecosystem management and having enterprise tools.

SPEAKER_50: And I, and I've read about it where it talks about, you know, the, the, the, uh, basically the, the enterprise serization of the, of social, you know, the Duchess group in Austin, you know, has been really harping and working on the same issue for, for the last three, four years where eventually social media will become enterprise level managed and really simple like dashboards where you can see what all your campaigns are doing, et cetera. It's already happening little by little, and it's even going to happen more.

SPEAKER_03: And I see organizations transitioning through this. And again, managers that are, you know, still 20th century and listen, it's a huge percentage. It's 80%, you know, 90% of, you know, the business population that that's kind of going through this, like, you know, open eyes transition. We think because we're in the business that innovate, uh, adaptation happens a lot. Adaptation happens faster. It doesn't. It takes time for people to actually get to it. So simplified data analysis.

SPEAKER_22: So the example for that is very similar is that right now, you know, Google, you know, Google analytics and this and that is all very complicated.

SPEAKER_03: Um, and people aren't really understanding how they set goals, how they measure and how

SPEAKER_50: they really mechanically do, you know, what they do, which understanding that it's no different than the 20th century when you were measuring, you know, consumers and, and, and, and doing it with real people or with physical, the physical world and, you know, polls and all this kind of stuff that you actually call people and the means of communication that you use in the

SPEAKER_03: 20th century. But that the 21st century, uh, it's becoming simpler. So kiss metrics is a really good example.

SPEAKER_22: Same thing of something that manages all the metrics across your different, um, you know, e-commerce, uh, uh, web, you know, mobile, et cetera.

SPEAKER_42: So that's, that's, that's.

SPEAKER_12: And helping you chart like goals around those, you know, so it's not just so much about showing you the fancy graphics anymore. It's about, you know, giving you insights as to like how you can potentially, you know, improve certain areas of your business that might be a little bit, you know, underperforming or how to make sense of, you know, what you're seeing in all those graphs.

SPEAKER_03: Well, here, here's an example and I'll bring up on my screen here and it shows a very nice graph. People are starting to get used to this from Facebook that they have, you know, these kinds of graphs of like numbers, numbers are hard to grasp, right? Because there's so many, you know, there's so many, that was the biggest, uh, uh, understand. What is it? Not understand, but master of the obvious numbers are hard to grasp because there's a lot of them. Um, but it's hard for us as people, not just creative people, not just, just people to, to wrap our heads around it.

SPEAKER_50: My, my, I'm, I'm, it's really hard for me to deal with, you know, quantum, quantity or quantifiable, uh, data, but I'm, I'm really, it's easy for me to look at a graph, you know, on, on Facebook and say, oh, more people are doing this, this, or I

SPEAKER_03: can see cause and effect from something that I did on a campaign on, on the MailChimp's and I, I did that. So I'm mentioning all these, all these different tools. And one of the things that just finally, well, let's go to the last one and I want to have like some closing thoughts and I'll start with you, Ari. So business model integration. What I mean by business model integration, you know, again, uh, hear me now, believe me later is where marketing people aren't being brought in at the end of the equation to say, hey, how do we promote, uh, create a marketplace for this product and all these different channels, you know, whether it's social media, TV, print, whatever it might be, but that they're actually at the table during the inception of the product, during the creation of the product, and they're really there to, as an advocate for the consumer, to ensure that the, not just, you know, it's a user experience driven model. Apple is a perfect example of this, that they're marketing people. What the hell do Apple marketers do? Like a lot of people say, of course, there's a lot of block and tackle marketing, like, you know, AdWords and whatever, you know, all the mechanics of that, but they just educate people about their, their campaigns. Even the creative stuff that you see, ooh, look, Siri, Samuel L. Jackson, all he's doing is using it to cook something, right? Totally. So it's a use case in a film.

SPEAKER_12: You need to start thinking more as a product person.

SPEAKER_03: Start thinking as a product person. You're no longer a marketing person at the end. You're a product person at the beginning.

SPEAKER_50: And then that's one really great place to follow Apple. And again, the gospel that I'm preaching and that I teach at the school is that it's integrated from day one. There is no such thing as, you know, the marketing component being off in la la land until it's

SPEAKER_19: time for the marketing person. It's from the beginning, everybody's integrated in the process.

SPEAKER_18: And I think that's key right there. That word, I think that's how I would sum up everything that we've talked about is

SPEAKER_12: integration. Basically, you're looking at integration of all your files, integration of all your data, you know, integration of teams that you're working with. You know, you don't no longer have the marketing people separate from the, you know, creative. Everybody's kind of in the same room collaborating.

SPEAKER_16: That's it. That's it. Your last word right there, collaboration.

SPEAKER_03: Those are really great last words. So again, if you watch this show from the beginning, you know, one of the reasons even we started doing this week in web design. And if you look at this week in web design last year, the season where we did a live project. And a lot of people tell me that they've been watching since day one or that they go back and they rewatch, you know, those live project kind of the beginning. The entire inception process, the school OS, what we developed for that, what I worked to develop, you know, at the group for that was exactly this, predictively saying that in the future, teams are going to have to work in close collaboration in order to effectively execute within the digital space. And they're going to have to speak a common language, you know, being that of user experience and in this case, also agile, which is the two things that make up the school OS.

SPEAKER_33: Because all of that is, people think of terminology, et cetera, all it is, is integration of the disciplines in a collaborative framework. Totally. Holy crap. That's it right there. That's it right there. And the processes to do that, which by the way, are not technology processes, they are people processes. So hear me, folks. If you're a company or an individual, your job in order to survive the 21st century is

SPEAKER_03: not just acquiring tactical skills like you would, you know, for learning Photoshop, learning how to code HTML, learning how to do jQuery, learning how to code in Ruby, learning how to, you know, whatever it might be. Those are your tactical skills. The broader subset of skills that you have that allow you to speak the language of the other disciplines are equally important. And if you don't understand or if you don't have the comfort level across those, you're just going to work in these kind of specialized fields.

SPEAKER_50: And it's not going to give you a maximum value, A, in your career, and B, in the amount of what you can earn, basically.

SPEAKER_158: And it's really helped people when they go into and they work in a team and they see how dynamic we're in a team is.

SPEAKER_12: And that's helped me a lot, you know, just coming from a background and more of the creative, just being in a room with all these startups that I'm working with and just, you know, hearing the conversation of, you know, the things that the marketers are bringing up and the technology people at the very beginning, you know, and the more you're exposed to it, the easier it gets just to, you know, insert yourself into this process and, you know, just have a voice and being able to speak in the language that these other disciplines are kind of like speaking in.

SPEAKER_03: So we're going over time a little bit and I want to say thank you again. We can talk for hours about this.

SPEAKER_50: Again, Ari said it very eloquently, integration and collaboration, those are the key things. And if I were the Reverend Jesse Jackson, I would really go crazy on those two words. I want to say thank you to Adobe for their amazing product, Adobe Muse, which helps you integrate and collaborate with, I was going to say with yourself, because you're going to actually do it yourself, go to adobe.com slash muse for a free 30-day trial, watch the episodes, the last few episodes that we had, tell me what you think on Facebook. Thank you again to Adobe for making this show possible. I also want to remind everybody that at the end of the month, we have Inner Circle and if you go to thisweekinwebdesign.com or twiwebdesign.com, that we, you can sign up for the Inner Circle program, which is basically the ability to work with different people. If you have a challenge as a freelancer, if you're an in-house web designer, if you're a producer, a developer, this is a great forum for you. Each week we present the progress of our challenges and how we're doing those. And this week's was pretty amazing just to see the breakthroughs that people are making during the Inner Circle calls.

SPEAKER_03: So this is a great opportunity, again, to have me as a coach. All right, Jose's tour schedule, the Jose's fall US tour of awesomeness. I'm really excited. Even though I got a little sick from traveling a few weeks ago, I'm recovered and I'm getting ready for the next event, which is going to be, before you start defining your brand here in Culver City at Mahalo, there is a link below. It's going to be exciting. It's Summer School 3. This is the third module and the most important module. If you really want to understand what the hell Ari and I are talking about and probably experience the biggest single trend of 2013 and of the 21st century, I'm starting to sound like Donald Trump, the biggest single trend of the 21st century, come to before you start on September the 22nd. It's going to be an amazing workshop. If you've been to them, you know how awesome it is. So I really look forward to having you there. Right immediately following that, on the 27th of September, I will be in Washington, D.C. And I'm looking forward to seeing our entire contingency of This Week in Web Design viewers in Washington, New York, and the area. Please come to the How Interactive Design Conference. It's going to be the best 500 bucks or however much it is. It doesn't matter. It's $1,000. Spend it because you're going to get a chance to participate with a lot of awesome people, get to know people. I'm going to be opening the conference. I'm going to be closing the conference, first in Washington, D.C. and then in San Francisco on October the 29th and the 31st of 2012. One thing that one conference is, and it's a very unique conference because it's kind of a retreat and it's AIGA Cincinnati Design Revival on October 4th through the 7th in Pleasant Hill, Kentucky. Again, Pleasant Hill with two L's, even though there has one L, the 4th and the 7th.

SPEAKER_50: If you're in the Cincinnati area and you haven't signed up for this great opportunity, we're going to do workshop style kind of collaboration and teaching during that.

SPEAKER_03: It's just going to be a lot of fun. And again, the 29th. There are other dates that are being added to that as we go and look for more information. One of the things that I'm going to be doing, and I want to say thank you to Media Temple, who has been giving us some awesome swag and some awesome support, is that I am going to be live blogging during a lot of, well, not during, during the entire tour. And I'm really excited, actually. I just re-contextualized. That's funny. I redid my Tumblr blog because it's tied into, and again, this goes back to the effective

SPEAKER_22: management right from Instagram and from your different social media panels. You can post to all the different social medias. And it's a personal blog I'm going to be posting around the event, and I'm also going to be posting design and things that I like from Tumblr. So again, if you're a designer or if you're a developer and you just want to follow along with what is josecavaler.tumblr.com, josecavaler.tumblr.com, and you can follow along with what's happening during the tour, and also on my blog, which I'm going to get back up soon, you'll be able to follow along during the tour. So don't forget, here's actually Start Garden, which was a few weeks ago, actually.

SPEAKER_03: Now, only a week and a half ago, time flies by really quick. So join us live. Thank you, Ari, first of all.

SPEAKER_11: No worries. This was a really fun show.

SPEAKER_03: This was a good episode. Yeah. It's like we're on the radio, and now a talk show. I also want to say thank you to everybody who makes this show possible. We bring up that card. This show is not done by ourselves, Carolyn, Jason, of course, who's a generous host in The Boss, Carolyn. Beth Good, who, and it's not Caroline, it's Carolyn.

SPEAKER_50: Okay, I always get it wrong. General manager of the network, Ari, of course, our Venezuelan co-host, Zach, who's our TriCaster. Operator Brandis, who's our tech goddess, Michelle Wong, who's our producer and also does all the graphics, Sophia, who's our wrangler, and without her, this wouldn't be made possible, and Jennifer, who's our makeup artist, who makes us look pretty. Today, actually, we had a guest makeup artist, and her name was, I think it was Charlie or something like that. Oh, well, close enough. She was awesome, awesome.

SPEAKER_03: So please join us live next week at 2.30 p.m., 5.30 Pacific Eastern, if you're on the East Coast. And don't forget to like us on Facebook, on Google+, on the Twitters. All the links are below. So subscribe on, please subscribe on Facebook, but also subscribe to the iTunes if you want

SPEAKER_50: to watch stuff on your phone or on your tablet. And we look forward to having you again next week when you watch his work.