Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-04-07 05:27:44
30-Day Money-Back Guarantee
Design User Experience Design Figma

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
Hot & New
Rating: 4.3 out of 54.3 (28 ratings)
7,719 students
Created by Dave Partner
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Mobile interface design
  • iPhone interface design for different apps
  • Android design for different apps

Requirements

  • Student must have a laptop, that's all

Description

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.

Who this course is for:

  • People who wish to learn front end interface design
  • People who wish to major as UI/UX experts

Course content

2 sections • 15 lectures • 6h 44m total length

  • Preview22:02
  • Figma tutorial - 2 - grouping and duplicating items
    18:49
  • Figma tutorial - 3 - adding images, filters and effects
    20:07
  • Figma Tutorial - 4 - Prototyping and testing
    19:10
  • Figma tutorial - 6 -
    09:45
  • Figma Tutorial - 5 - Previwing
    03:37

  • Figma tutorial - 7 - Keto App Design introduction
    27:08
  • Figma Tutorial - 8 - Keto App Completion
    46:28
  • Figma tutorial - 9 - website UI design Using Figma
    01:06:05
  • Figma tutorial - 10 - website UI design Using Figma
    27:39
  • Figma tutorial - 10 -website UI design features page
    29:35
  • Figma tutorial - 11 - website UI design pricing page
    25:39
  • Figma tutorial - 12 - website UI design - contact forms
    26:36
  • Figma tutorial - 13 - website UI design footer
    13:46
  • Figma tutorial - 14 - build a user dashboard with figma
    48:08

Instructor

Dave Partner
Full Stack Software Developer
Dave Partner
  • 4.0 Instructor Rating
  • 4,444 Reviews
  • 115,681 Students
  • 27 Courses

Dave Partner has lots of happy students here on Udemy. He has been programming and building applications for many years. Dave Partner's courses are very comprehensive and they cover from beginner level to advanced on each of the topics.

With more than a decade background in teaching, mentoring and grooming software developers, Dave Partner is easily rated one of the best tutors in the world on the field.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.