Lessons
Class Introduction
11:34 2What is Interaction Design?
05:21 3Goal Directed Design
11:44 4Context
07:26 5Mental Models
19:02 6Affordances
07:52 7Micro Interactions
25:02 8What are Heuristics?
03:12Make it Clear Where You Can Take Action
17:36 10Help the User Understand What's Going On
14:41 11Stay on the Same Screen
19:30 12Invite Users To Do Things
06:12 13Use Semantic Motion to Aid Understanding
13:49 14Design Research
27:21 15Personas
20:53 16Scenarios & Frameworks
17:09 17Wireframing
21:51 18Interactive Prototypes
12:55Lesson Info
Invite Users To Do Things
Next rule is providing invitations. You wanna... People come to your site, you wanna give them something to do, right? So, what you wanna avoid... So a lot of sites do this really well now. You wanna avoid the blank slate. You don't wanna give them just a white page with nothing on it. You wanna make explicit calls to action. And a call to action... That's like the official term for it: a CTA, but that doesn't always have to be a button or anything. It just has to be something that shows people that they can do something here. So, sites have gotten really good at this over the years. They've gotten really good at indicating the things that you want people to do here. I mean there's a lot of things that you can do here, but the things that people, that the business wants you to do are most emphasized to increase the likelihood that people will see it and end up doing it and also making it easier for people who come to the site and already have an intent of buying, making it easier for t...
hem to do that. What's also cool about this example is how the camera is kinda pointing in this direction, so it's pointing towards this button. And with visual design at this level And with visual design at this level nothing is left to chance, and I know this for a fact because on the next page the camera is pointed in the other direction. (chuckling) So what they're doing, what you can do with good design, and this is more of a visual design thing, which unfortunately we can't cover in detail here, but you can with good design, by emphasizing things in the right ways, you can control where people look, which is a super important concept to wrap your head around. You can design pages in a way that people will look at the things that you want them to look at first, by emphasizing it with positioning, by emphasizing it with size, by emphasizing it with color, and by using appropriate photographs. You can go online and find a ton of examples of where you'll have a person looking at a thing and then, if you see a person looking in some direction, you automatically also look in that direction. Okay. Here, this is an example where we're going, we're at the bottom of a page, and a lot of times when people come to the end of the page, just one of those key moments where they don't know what to do next, so give them some stuff to do. What are some things that might be interesting to them? You never want to have people arrive at the end of your page and be like, 'Okay, what now?' Another way to provide invitations is with these guided tours that you see a lot these days. It seems like every new app you install, when you install it, first it has like five pages that you have to scroll through telling you what this app does, and after you've gone through all five of them, then you can sign up, and that's something you need to be careful with because, first of all, it's annoying because it distracts from the task that people are trying to accomplish, and also, people can't remember that. If you're getting shown eight pieces of functionality in this new app that you just installed and you're getting shown that, well, first of all, you probably don't want to see that. You just want to get something done. But then they show you this instruction manual that kinda... And it shows you all these steps that you just can't even absorb, and then when you actually try to get something done, you've forgotten it. So it's much much better to teach people as you go. So it's much much better to teach people as you go. Game designers are amazing at this. Interaction designers for user interfaces can learn a lot from game designers in a sense that video games these days are so complex, and they teach you new abilities and features and menu items as you progress throughout the game, so by the end of the game, it's amazing how many different types of things you've learned and how many different ways you can control your character, but, in the beginning, you can only do like three things. Finally, you never want to give blank slates. So, if you are ever in a... So, if you are ever in a... Say you installed a new app, some new goal-tracking app. I mean someone had to think of this screen. The default would've been no goals here or something like that or just nothing, a white screen. And instead, there's this nice, aesthetically pleasing image And instead, there's this nice, aesthetically pleasing image and an arrow because, remember, our eyes follow lines. So we follow this line towards the thing that the business wants us to do. But you never want to give people a blank slate because it's just too much brain power, too much thinking required. You never want to make people think too much.
Class Materials
Bonus Materials with RSVP
Bonus Materials with Purchase
Bonus Video: How To Get Better As An Interaction Designer
Bonus Video: Interaction Design Career Advice
Ratings and Reviews
NeeLee
After viewing this course, I have a ton of ideas to bring back to my current projects, and how I can improve my past projects, as well as best prepare for the future. Jamal's extensive experience and real-world comparative examples, helped paint the picture on how to put this course content to good use in my day-to-day design activities. I appreciate Creative Live's layout of limiting 2 questions per segment. This allowed for more time for content and I'm able to write down my questions to address and connect with Jamal offline. I'm also grateful that Jamal/Creative Live organized the course segments in a timely way that the course went fast but stayed memorable and understandable. The bonus materials are such an invaluable source of information! Jamal conveys his knowledge and passion for interaction design easily. You can tell he genuinely cares about paying his experience forward, by how he expresses his design approach and how he really listens when he's asked a question. He takes his time to think before he speaks in order to address the questions clearly so everyone can benefit. Thank you Jamal and THANK YOU CREATIVE LIVE!
Veronica Reyes
I really enjoyed this class. I've had some previous experience and training with interaction design, so this in depth course helped to re-instate core concepts and techniques as well as introducing more examples, tools, scenarios and resources that all in all made me more confident and excited about interaction design. Creative Live organized a seamless event, had delicious food, snacks and refreshments throughout the day and were very nice. Thank you CL!
Daniel Bell
This course was so much fun to watch. Jamal is a very engaging speaker and went into great detail while still being direct and to the point. The bonus videos are great! They feel like a behind the scenes look and he really goes off script to give detailed answers to questions like how to design your portfolio site. Great class!
Student Work
Related Classes
UX Design