Everything you need to know about Mobile App UI’s in 8 minutes (beginner friendly)

When it comes to UI, mobile is just so different from desktop that it results in some pretty questionable designs. So, in this video, I'm going to show you how to design your very first mobile UI completely from scratch in a way that's dynamic, purposeful, and effortless to use. And by the end, you won't just have

a stunning mobile design. You'll understand why the best apps are designed the way they are. The first difference of desktop to mobile is obviously the navigation. Where we had an expansive sidebar, we now definitely do not. So, we have two options. If we can consolidate our sidebar links down to just a few key icons, we can go with

a nice bottom bar, which nowadays is typically floating with the important action broken out just like this. Five links down here is pretty much the definite limit, and three or four is much more ideal. But, either way, this means that we'll always maintain over a 44-pixel target since people do have fat fingers. It's important to note too that

depending on the context you're in, these actions can and do change, which we'll touch on when we start building out a few pages. That typically is the standard. However, sometimes you just have too many important things in the sidebar to really fit things in here, in which case another valid form of navigation is to take the sidebar and

turn that into a whole page that sort of becomes the home page. In this case, we'll add in some recent notes to the top and actions and counts to the right side, so it doesn't feel so lopsided. It also conveniently clears up the bottom for a nice big search bar or action button, which is what apps like Notion