Online Marketing

Learn How to Design — Designer vs. Developer #10

How did you manage to break through? So it’s not stopping you, but maybe enhancing the stuff that you actually do. I think one of the things that I always struggled with is that, from the visual standpoint like I’m, not a super talented visual designer I’ve seen some amazing visual designers that I’m just like. Oh, my goodness like that is really really slick, and I love that and that’s not like my strengths, and so I was a lot came back more from like the coding or a perspective being able to actually implement some stuff in code which they couldn’t.

But you know there was this kind of this deciding factor realizing. Am I more of a designer or more of a developer like you know, I’m not necessarily that great at graphics, but there’s still so many other ways of design that can kind of spread in so really like doing some research and finding about more about UX design And realizing that is really kind of wondered what I wanted to focus on, it’s kind of what led me to that.

So it’s definitely was this kind of process of navigating through it’s like. Where do I fit in my designer and my developer, were you know from the first projects that I started doing you know a lot of time? I did a lot of websites and when people come to you, they go hey. We need a website built, they don’t necessarily say hey. We need some front-end developer to come and come do this, especially if you’re working with smaller businesses and clients.

So you do take on the designer and developer hat to kind of make that happen. A lot of developers are very afraid to learn about design. It’s like, as I get question question like if I was to write an article, the perfect article for the developers would be how to how to learn to design or how do you, then, which makes no sense to me, because learning to design doesn’t really mean anything. It’s just like what part of design you know what discipline of design but there’s still that question of okay.

What is the first step? That’s someone who wants to really as someone who’s gone through this process yourself. What was your first step to say? Okay, that’s it! I’m becoming a designer right, I think you know following a lot of design patterns at that time. I didn’t really understand that they were called design patterns right. You kind of you implement them in the site’s doing a lot of web work.

You kind of take on okay, the navigation menu. Where does that live and you’re following a lot of the patterns that have already been created, and so you kind of learn to explore through that, and then you know, testing out the site and realizing. Oh, this doesn’t feel right like something’s off, let’s, let’s work on how to make this better, but I think one of the the great things that can really help designer or developers wanting to go into design is looking a lot of like the material spec guidelines.

They’re. Actually really really helpful, because not only does it actually tell you hey here’s some guidelines of what to follow, but it actually doesn’t really got a good job of explaining. Why you’re doing that yeah exactly so. That actually is really helpful because then you’re able to understand. Why was this created like what was the thought process behind, adding potentially a bottom navigation, or why would you have a side side nav? You know it’s it’s really getting to kind of explaining that so you’re able to learn from learn from actually interacting with something and seeing how they’re doing it, but also getting finding out why they decided to do that, because I think well so much of design is Some it’s problem solving right, so so many people forget that when I think of design they think of the finished product, but there’s so many different stages of how you got to that finished product.

And so a lot of it being able to understand how someone was thinking through that really really helps you from a development perspective get into that design field of understanding. Okay, how do I get from thinking of? How do I develop this versus? How do I even arrive to the solution? I think that’s the that’s kind of the big difference there as developers. You know you have something. That’s already designed for you.

For the most part, I mean some people get handed things. Some people get handed an ios mock and said: hey make this and make this into android. So then, at that time you kind of become an Android design. In that aspect, what you think is like the biggest thing that stops developers really understanding design. One of the things that we do at Google is we do design sprints, so the design Sprint’s are really great because it brings people from all the different disciplines and such leads together to work into solving a challenge that we have.

You know. So you have product managers, engineers, designers, researchers, everyone in the room together and kind of thinking and working through a problem which is really fantastic because you get all these different ideas and one of the things that I really notice is where, as we’re bringing in designers, You know and engineers, and all these people together is when we’re walking through the challenge.

The engineers are already thinking of the solution, yeah and already thinking about how to implement it. They go straight to that which makes sense that that is their role right as engineers. Usually, you are given something and you have to go. Oh, how do i, how do I make this happen? How do like thinking through problem solving how to actually get to that solution where, as designers, we don’t know what the solution necessarily is? So I think a lot of the blockers is automatically wanting to know the answer yeah, instead of being more aware and being okay with saying you know, I don’t know the answer to that, but let’s let’s explore it together, yeah, so I think that’s the biggest hindrance That can really stop developers and to getting into design.

It is wanting to have all the answers. It’s it’s okay, not to have them I mean, and what do you think developers can actually do to get past? That I mean because I find like for me. It’s way sketching and just experimenting, and so I suppose, is how does the developer maintain that kind of playful space where they’re, not thinking right, here’s the library we’re going to use to do like or whatever widget or fab or whatever? But what can they actually do that allows them to to not thinking about like the end result or breaking from that cycle? Yeah, you actually bring up a great point with sketching.

That’s probably one of my favorite exercises when I’m working with different people to get them thinking of solutions. So if you’re developing an app or so is hey, let’s get some sketches out there get a sharpie and just start sketching out through some ideas, because that really that doesn’t you can really get some ideas on paper and not be merry to them. You know and not feel like really connected, because you spent all this time developing the solution and realizing.

Oh, it doesn’t really work, and so, if you start really low fidelity with some sketches that can really open up your mind in terms of thinking about different solutions. Because as you’re sketching through it you’re realizing, oh like maybe I want to use this fab button or something everyone loves fab right, so you want to incorporate it somewhere and then you realize hmm, maybe that’s not the right thing to do and I haven’t spent all This energy developing or even designing this, so then I can kind of toss that and move on and create a different solution.

So sketching, I think, is a great resource. Instead of people go straight, a lot of people like to prototype in the code, but I usually like to challenge people and go hey start, sketching some ideas and then once you’ve landed on something that you think you want to explore. Some more then dive into code or dive into sketch or whatever your you’re using. So I suppose for the engineer to really understand design.

It’s almost like okay, just start sketching first and start thinking about the thing you’re going to build and the possibilities, rather then straight to the in solution. One of the things I really noticed there was the way really good designers responded to constraints. You know you think about: I don’t like black and white photography or jewtown prints, whatever their responses to restrictions on the medium


Online Marketing

Learn UX & UI Design for FREE (Our Favourite Courses – 2019)

That’s right! No money, no problems, because this is all for free, so this article is going to be really great if you’re, just starting out in the UX UI product industry, I’m going to actually take you into my laptop and show you around 10 to 15.

Amazing resources that you can use literally right now, you can start today to learn UX UI product design to get a little bit of inspiration. These are going to be some really nice resources that I’ll just kick you off in the right direction: they’re, all free! You can start them all right now and I’m not talking about you, know, articles and articles, I’m talking about like full-blown courses and really needy needy resources that will help you learn.

I have so many resources to share with you guys today, I’m going to stop talking and start showing, so, let’s dive into the first one. We have a free online course from Udacity. Now Udacity is a is a platform that has tons and tons of online courses, and actually a lot of them are for free to start, and the thing is, you can then move into the paid program if you’re really enjoying it or you find you’re getting a Lot from it, so this one is called product design, it’s actually instructed by people who work in product design at Google.

So you know that it’s you know legit. Basically, the whole idea is it’s about validation and UX through design sprints funny enough um here at age, 8. Smart. We do a lot of those, so it is free. It’ll. Take you about two months um, so it’s a pretty robust course, which is nice and the skill level is intermediate. So I think that this would be nice for someone who is actually, you know knows what UX is knows what product design is but needs to get a little bit more of those hands-on basics.

All you have to do is how you sign up you sign in to get started. It’s super easy, and actually it’s the you know the free courses, of course, leading into the nanodegree program. Your course leads here. Our crisp sadden and amir Chevette great names. Both of you guys and here’s the cool thing, you have these four kind of key lessons, so you’re learning, ideation and validation, you’re, learning, UX and UI here, so you’re, actually learning how things should look.

What’s kind of a standard in the industry, you’re learning about the design sprint, which you know we happen to know a lot about, so you could learn that on our blog as well, but they’ll go into kind of the basics behind that, as well as key metrics. So how to actually identify metrics for websites and apps relating to you know, traffic, customer satisfaction and engagement. So this is a really nice course that you can just get started and see how you like it, and then you can move on further from there.

Okay, let’s jump into the next tab. I have here this one is from envision. I really like this because it’s a it’s called design talks and it’s actually webinars and kind of online talks about product design, UX design, thinking all these kinds of things and they’re all coming from experts right. So you actually have people from you know this guy is from Airbnb Dan Howard, Dane Dane Howard from Airbnb and he’s actually running one of these talks about the future of UX design.

These are the kind of thing that you can really like get really needy needy. I really love that word today. You can get really great advice from these people they’re, actually working within the industry and, what’s really cool, is there’s tons of them that you can read. Look at all of these they’re all open, free and really just like you’re, going to get some really in-depth insights through these, and then you can sign up if you want to read them live as well.

So that would be our second resource from envision. Very, very great okay. Moving along this is one of my favorites that I found. Actually, this is a design better and it’s called the principles of product design. So this is a little bit more of the basics, but it’s super in-depth and I’m really like nice to look at easy to read. You’re actually talking about you know the core best practices that are going to help you build a design better, faster and more collaboratively.

So it’s you can download the whole thing, but then they also have it outlined and all and all these chapters so like I really liked this one. This chapter two is all about. Let me just go to chapter two here: it’s all about story, storytelling! Oh, that’s! Actually happened one time before, or maybe it’s a problem with the site? Okay, so this is chapter number two that is all about like storytelling and how to actually do that, and it’s not just like this very kind of you know ambiguous talk about how storytelling is important.

It’s actually going into super detailed of like how to actually use a narrative framework for your products super great, and then we also have this guy here, who is Kevin, Chang from incredible labs and he kind of walks you through how he uses storytelling in his daily Work so it’s really high, like really high production value, which I kind of appreciate. I like that, when I’m learning I like to be entertained as well, but, what’s really cool, is they talk about creating user journey max-width through storytelling? Also down here? There’s some really nice.

Visuals tons of nice articles, so the whole thing is really nicely laid out for you. It makes a lot of sense. You know what I mean like you can go through this whole sort of chapter and you really feel like just getting some really great insights. So it’s going to be really really helpful for you. There’s tons of nice little articles that pop up there’s even down here when we talk about personas, there’s, like kind of like a little worksheet that you can actually go through to help you.

You know just get that started if you’ve never done it before it might be something that is a little bit new to you, creating an actual user persona for this product that you’re making so really highly recommend this one it’s from InDesign better, which is actually from Envision as well so those envision guys they’re on it in terms of education right good, so the next one that I want to bring up is actually a Coursera.

So Coursera is obviously an online if you might already know about it, but it’s an online platform that has tons of courses on it and a lot of them have sort of a free start. Like a you know, free chunk at the beginning, and then you can upgrade if you, if you want to a lot of times with these online platforms, they’ll give you the the kind of mini course for free. They just won’t, provide you with this certificate.

So if you’re, just at that point where you’re curious about you know how UX works and you want to see if you’re really interested in it or you want to get that nice boost at the start of your career, these are some really great ways to do That so Coursera has introduction to user experience design. That would be a really great one to start with, it’s going to give you the basics. This focus of this course is to introduce the learner to use her experience, design pretty straightforward, just describing what actually UX is they go into some nice details as well? You can see here, there’s also tons of other, very similar courses.

So once you finish the intro, you can then move into talking about information design, maybe user experience, research and prototyping. That’s a really big one for us, especially the design principles. So you can even get into the nitty-gritty of like visual design as well so Coursera. I would highly recommend checking that out as well, not as visually nice to look at have to say, which is a bit of a downer in terms of you know, design courses, but oh well, okay, this is another one, so this one is called a future learn Future learn calm.

They have tons of courses as well. This one is a user experience course. So you’re going to learn about why user experience and UX is important. The research and design basics and the tools and testing techniques used in UX you’re getting a little bit more detail in this one, and what’s nice about this, is they kind of have laid out? You know your studies and how you should actually do it. So the course will last about three weeks and the the idea is that you would do about two hours per week.

So this is great if you have another job, that you’re doing full-time, because really committing two hours per week for a course is doable with a full-time job as long. So this one is really nice. You have these nice articles as well, so they go through what topics you’re going to actually cover by the week so week. One is why is user experience important so you’re learning the foundation and actually looking at what good usability really is week, two you’re going through user experience, basics, so the importance of user research super important user journeys, visual design, structuring your site, wireframes and interactive prototypes.

So in a lot of ways, they’re taught they are going to be focusing on web design. For this, but also super I mean when it comes to user research journeys and visual design, it will be very similar and then week three is tools and testing. So you’re going to talk about user testing, interaction, design and the importance of analyzing data, so actually a pretty robust course for just three weeks and is full free.

So right, how can you not love it? They also have other courses as well that you can check out tons and tons. You can look them all up here. Short courses, they’ve got in-depth programs and they have online degrees. So you can definitely start here and then take it from there. Okay, the next one that I really like. Actually there I have a couple of these kind of similar ones. Coming up, this one is called hack design and it is a design course, but actually really great for people who are maybe a little bit lazier like myself.

So this is actually you sign up with your email address and you get on a weekly basis. You get delivered the course, so it actually kind of eases you in to the the actual content and basically it’s you have all of these instructors as well. So these are people who are actually working in the industry, which is so important. I absolutely hate it when you’re learning from someone who used to work in design you know years ago, and they aren’t actually, they have no idea what’s going on in the current landscape.

So super important and a variety of opinions and an instructor’s which is also important to get out of your you UX design education. So you sign up with your email address. You get curated lessons every week and you’re learning at your own pace. You can, you know, have your other job and your life, which is important, so hack, design, highly recommend checking that one out, okay, the next one, is from envision.

It’s called principles of UX design and this is another one where actually you’ll sign up with your email address, and you will get one email chapter per week on the guiding principles of good UX design. Doesn’t that sound, lovely, so you’ll receive the following chapters? There’s nine chapters here: what is you user experience UX as a practice and the roles that make it up project planning and process? So this is really good.

Actually, if you are good planning on going into a company to work, so you’ll actually get a good idea of what it’s like working on a product team which you know before you actually go into your first job. There’s really not a lot of ways of finding all that out: what’s user research, what are the persona, what are personas and why they’re important information architecture, visual design, presenting and participating in UX reviews and then beyond UX, which who knows what that is right? I have no idea I like that they keep it in big ewis.

It’s really good. Okay, let’s move on to kind of one that you might actually already know about. It’s called lynda.Com, so this is from LinkedIn. You might already know it now. Actually, the Lynda courses are not for free, however, you can get a free, so it’s like you know you can have a free month trial. So why not make the most of it right sign up for a free month, trial and then just like enroll yourself and tons of courses? Maybe just do one or two just would make you actually make sure you actually do it.

But there’s really like look at this practical UX weekly. You have UX design for developers, that’s great sketch for UX design. This is really cool. Actually, so you can actually learn these hands-on tools. Let’s see what an experienced designer or someone who’s just getting into UX or product design sketch is an amazing tool. It has all the features you need to design for digital devices and screens, and it’s easy to use.

No matter your level of experience. Doesn’t she sound excited to teach you? I actually think this is really great, though, because not often do you get these like free courses that are about a tool, and you don’t have to flood through, like all of the YouTube blogs, to try to find someone who’s? Actually explaining it well, so that’s really nice and there’s tons of them. I mean. Let me just go back.

My computer’s failing me today, so become a UX re, become an easier experience, designer UF’s research Photoshop for UX design, figma for like its endless on Lynda. Actually, this is really really great, so if you can just try it for a month, see how you like it and then maybe you can even sign up for for a little while longer just to kind of improve your skills. I have so many nice courses and tools here, so the next one is very, very cool.

This is all about material design and now. Material design is, of course, Google’s design, guidelines and they’ve released this. To give you a really nice overview and deep dive on material design, how it should look, how it should feel you’re going to talk. Colors typography shapes interaction, it’s really a nice nice resource, so it also looks really nice. Thank you, google. So the next one I’m going to show you is Envato now Envato is a market place for a lot of different things.

You can find graphics, you can find themes you can find like basically anything for kind of media and design. So thanks so have a lot of really nice bite-sized courses, so you can actually look up in this category. You can click. I want you X courses. I’ve had already clicked a lot, but here is all of the UX kind of based courses, and, what’s really nice is they’re like 43 minutes long, you know 37 minutes long and they’re about all kinds of things so like this.

So why the secret of good UX design is saving users time everything you need to learn about. Customer journey mapping, um, there’s even one from our friend Dan ski about Adobe XD, Daniel white. It has a really nice YouTube blog check it out. We’ll put the link. Is below if you want to learn anything about like Photoshop, he is just a really nice visual designer so and vados. Definitely one to check out if you want just like little bite-sized pieces of content or little courses.

If you don’t want something, as like, vague and robust as what we looked at before so now, I’m actually going to show you something that is quite cool. This is just on medium. The UX collective is is basically a publication on medium, but this guy – I love this, so he calls it his ultimate Start Guide for beginner UX UI designers in 2019. He’s been collecting all of these things that have helped him in his career over the past 5 years and has put them all here for you, so this resource is going to be really great for someone who’s a true newbie write to the industry.

He talks about how to you know, get in touch with your community, how to like the actual basics, behind design and and some nice tools that he’s used throughout his career. So really it’s a nice easy and it’s just full of links. I love it when people just pump their articles full of links and that’s the reason why I actually showed this because I didn’t want to show just articles, but he shows so many nice nice articles.

He even talks about like design companies that he’s following, and you know their blogs and you can find all those here. So Bravo, sir, let’s see Johnny vino well done, sir. I really enjoyed this and I think that you guys will find it really helpful as well. Ok, the last two are actually just magazines that I think are really really great to stay in touch with design principles and to learn a little bit more about the industry in general.

The business behind design Smashing Magazine is really great, so I mean every day. Basically, there’s new articles about UX about product, about strategy, I mean these are things that even if you’re a dinner in this world, you need to know about the business behind the product and like what the strategy is behind the business in order to really contribute. In a real way, so I think that it’s really important to read, I mean yeah.

These are really great. Some are a little bit more intricate than others like design and lead gen landing page for mobile. That converts that’s a little bit like you know, pretty! That’s pretty detailed. We also have things about like UX privacy even have like sketch versus figma, Adobe, XD and other UI applications. So you can really get a good idea of what people are kind of thinking. What they’re saying what they’re talking about right now in the industry and that’s the same same goes with this mueslix magazine, which is also on medium measly, is really really great.

It publishes all kinds of articles for all kinds of different people, but all around you X, design – and you know, product design, so you’re going to have things from like things about typeface Helvetica. You know you could also have things about more kind of like strategy. Deep-Diving yeah like what I learned from trying to redesign the online craft market experience. This has really detailed stuff, but learning these kinds of things are going to be able to help you to talk about UX, more fluently and be able to actually like pull from different things that you’ve read and learned.

So I think it’s really important to always stay updated, so things from you know just simple design stuff to more like talking about. Let’s see here like a cake, like really nice case studies, Beasley is actually really great about it. Oh look. This is Johnny vino again he’s popping up again but yeah. He has some really nice case studies and everybody loves the case study that gives you a really nice look through the process of design from initial concept to actually delivering to the App Store, for instance.

So that is a whole bunch of free resources that you can use everything from actual, like thought-out, specific courses to little bite-sized pieces of content. If you just have a few minutes – and you want to learn something really fast. All of these things, though, that I’ve shown you are going to help you get a really nice overview of what UX is what design actually means. It’s going to show you some of the tools that are sort of standard in the industry, and then it’s also going to be able to show you.

You know some best practices behind how you know the industry is currently working, and that is a really really great start if you’re interested in learning a little bit more about UX design. Thank you guys so much for reading. I hope you enjoyed this article. If you did like it, I would love if you hit the little like button and if you haven’t subscribed already, you definitely should we have tons and tons of articles on our blog, as well as new articles coming out weekly about UX design, product design, product strategy, The business behind design, it’s really we’re working really hard to make some nice content for you guys they subscribe.

Also, if there are some resources that you’ve found that I didn’t mention, I would love if you mentioned them in the comments. That’ll be really really helpful for all of the viewers as well. So thank you very much for reading. If you want a little bit more from us and you’re, just like I’ve, readed everything on YouTube and a lot more, what you can do is follow us on Instagram. We have daily vlogs.

Is it a vlog, its own Instagram, daily stories? We have daily stories about? What’s going on in our agency, and we also are always sharing valuable stuff there. We have a Facebook group called innovation, hackers, it’s excellent, it’s a bunch of people who are sharing innovation, practices, UX design principles. It’s a really really nice group, that’s very, very active. We also have a podcast if you’re into podcasts and product design, then you should definitely be listening to our podcast.

It’s called the product Breakfast Club, it’s featuring Jake map, the author of sprint and Jonathan Courtney, our CEO, and they are talking all things products I’m so definitely tune into that one. Thanks again so much for reading. You guys we’ll see you in the next article have a great great day, alright guys, what’s up I’m Brittany from AJ and smart, it’s what’s up a little bit. Did you like it yeah, I don’t know.

What’s up is really on brand for me, but I’m going to try it it’s new love. It ok, irritating all right. You and your balance calendar you this yeah. That’s right! No money! No money! No problems! No money, then we’ll problems. What is the thing? It’s like? More money, more money, more money, more problems; well, you’re disturbing now,