3.94 out of 5
37 reviews on Udemy

MBA in UI/UX design 2021-beginner to worldclass professional

Learn product design and how to create mobile and web app interfaces with figma for different kinds of digital platforms
Dave Partner
7,730 students enrolled
English [Auto]
Mobile interface design
iPhone interface design for different apps
Android design for different apps

This course, covers all the basics to advanced concepts of UI/UX design and implementation. This UI/UX design masterclass uses figma to design many real world practical examples and use cases for UI/UX. Figma is used in this course to teach how to design mobile and web apps using figma.

You will design many beautiful UI/UX interfaces like:

  1. Netflix

  2. Whatsapp

  3. Admin dashboard

  4. User dashboard

  5. Education app

  6. Login screens

    And so on.

    What is User Interface Design?

    User interface (UI) design is the process designers use to build interfaces in software or computerized devices, focusing on looks or style. Designers aim to create interfaces which users find easy to use and pleasurable. UI design refers to graphical user interfaces and other forms—e.g., voice-controlled interfaces.

    Designing User Interfaces for Users

    User interfaces are the access points where users interact with designs. They come in three formats:

    Graphical user interfaces (GUIs)—Users interact with visual representations on digital control panels. A computer’s desktop is a GUI.

    Voice-controlled interfaces (VUIs)—Users interact with these through their voices. Most smart assistants—e.g., Siri on iPhone and Alexa on Amazon devices—are VUIs.

    Gesture-based interfaces—Users engage with 3D design spaces through bodily motions: e.g., in virtual reality (VR) games.

    To design UIs best, you should consider:

    Users judge designs quickly and care about usability and likeability.

    They don’t care about your design, but about getting their tasks done easily and with minimum effort.

    Your design should therefore be “invisible”: Users shouldn’t focus on it but on completing tasks: e.g., ordering pizza on Domino’s Zero Click app.

    So, understand your users’ contexts and task flows (which you can find from, e.g., customer journey maps), to fine-tune the best, most intuitive UIs that deliver seamless experiences.

    UIs should also be enjoyable (or at least satisfying and frustration-free).

    When your design predicts users’ needs, they can enjoy more personalized and immersive experiences. Delight them, and they’ll keep returning.

    Where appropriate, elements of gamification can make your design more fun.

    UIs should communicate brand values and reinforce users’ trust.

    Good design is emotional design. Users associate good feelings with brands that speak to them at all levels and keep the magic of pleasurable, seamless experiences alive.

    UI vs. User Experience (UX) Design

    Often confused with UX design, UI design is more concerned with the surface and overall feel of a design. UI design is a craft where you the designer build an essential part of the user experience. UX design covers the entire spectrum of the user experience. One analogy is to picture UX design as a car with UI design as the driving console.

    “Interfaces get in the way. I don’t want to focus my energies on an interface. I want to focus on the job.”

    — Don Norman, Grand old man of UX design

    How to make Great UIs

    To deliver impressive GUIs, remember—users are humans, with needs such as comfort and a limit on their mental capacities. You should follow these guidelines:

    1. Make buttons and other common elements perform predictably (including responses such as pinch-to-zoom) so users can unconsciously use them everywhere. Form should follow function.

    2. Maintain high discoverability. Clearly label icons and include well-indicated affordances: e.g., shadows for buttons.

    3. Keep interfaces simple (with only elements that help serve users’ purposes) and create an “invisible” feel.

    4. Respect the user’s eye and attention regarding layout. Focus on hierarchy and readability:

      1. Use proper alignment. Typically choose edge (over center) alignment.

      2. Draw attention to key features using:

        • Color, brightness and contrast. Avoid including colors or buttons excessively.

        • Text via font sizes, bold type/weighting, italics, capitals and distance between letters. Users should pick up meanings just by scanning.

    5. Minimize the number of actions for performing tasks but focus on one chief function per page. Guide users by indicating preferred actions. Ease complex tasks by using progressive disclosure.

    6. Put controls near objects that users want to control. For example, a button to submit a form should be near the form.

    7. Keep users informed regarding system responses/actions with feedback.

    8. Use appropriate UI design patterns to help guide users and reduce burdens (e.g., pre-fill forms). Beware of using dark patterns, which include hard-to-see prefilled opt-in/opt-out checkboxes and sneaking items into users’ carts.

    9. Maintain brand consistency.

    10. Always provide next steps which users can deduce naturally, whatever their context.


Figma tutorial - 2 - grouping and duplicating items
Figma tutorial - 3 - adding images, filters and effects
Figma Tutorial - 4 - Prototyping and testing
Figma tutorial - 6 -
Figma Tutorial - 5 - Previwing


Figma tutorial - 7 - Keto App Design introduction
Figma Tutorial - 8 - Keto App Completion
Figma tutorial - 9 - website UI design Using Figma
Figma tutorial - 10 - website UI design Using Figma
Figma tutorial - 10 -website UI design features page
Figma tutorial - 11 - website UI design pricing page
Figma tutorial - 12 - website UI design - contact forms
Figma tutorial - 13 - website UI design footer
Figma tutorial - 14 - build a user dashboard with figma
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
3.9 out of 5
37 Ratings

Detailed Rating

Stars 5
Stars 4
Stars 3
Stars 2
Stars 1
30-Day Money-Back Guarantee


7 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion


For Professionals

For Businesses

We support Sales, Marketing, Account Management and CX professionals. Learn new skills. Share your expertise. Connect with experts. Get inspired.


Partnership Opportunities

Layer 1
Register New Account
Compare items
  • Total (0)