Log inStart course for free

Course Certificate

UI Components I

Franjo Stojić's certificate

Issued to

Franjo Stojić

Franjo Stojić

Credentials Verified
Issue date
June 19, 2024

Course completed

UI Components I Course

UI Components I

7 hours
Intermediate

About this course

Gain a solid understanding of basic UI components and their proper usage, enabling you to contribute to creating functional, visually appealing, and user-friendly interfaces.

Details

Intermediate level
About 7 hours to complete
Gamified and interactive
27 lessons, 5 levels
English language
Learn on iOS or Android
Online at your own pace
Last updated Mar 12, 2025

Prerequisites

There are no prerequisites

Skills you’ll gain with course:

Become well-versed with common UI components and states — Learn to identify components like buttons, labels, inputs, cards, modals, etc., and understand the role they play in designing useful and intuitive UIs.
Learn to design effective buttons, labels, and selection controls — No component in UI is insignificant — learn how to design small but effective buttons, labels, and selection controls that make UIs intuitive and easy to use.
Learn to capture user inputs like a pro — By their very nature, inputs and forms demand effort from users — learn helpful techniques to make this work as painless and simple as possible for your users.
Discover how to design helpful cards, menus, and modals — Learn how to effectively encapsulate content, guide users’ focus, and create a seamless flow between elements when designing UI cards, menus, and modals.

Topics covered

UI DesignUser Interface (UI) ComponentsBest PracticesAffordanceUI ElementAnatomyButtonsFormsInputsAtomic Design
4.8 (7.7K)

Loved by learners from world’s top companies

This course has been an incredible learning experience, equipping me with knowledge to design intuitive and user friendly interfaces. I’m excited to apply these insights to real world projects!
Alfa Zihal

Alfa Zihal

UX/UI Designer
Uxcel is my favorite way to learn and refresh design principles. Lessons are presented in short-form cards with a casual exam format, encouraging critical thinking before revealing context and evidence. The format makes it easy to learn in just 5 minutes a day, maintain a streak, and track progress. Plus, there’s a great community on Discord for support!
Timothy Gailey

Timothy Gailey

I design human things | Sr. UX/UI Designer
I’ve used Uxcel for years, and it makes learning UX easy and fun! The visual, interactive, and gamified lessons are perfect for those who prefer less text. Whether you’re a beginner or leveling up, Uxcel has something for everyone. It’s helped me keep learning even with a busy schedule—I highly recommend it!
Túlio Santana

Túlio Santana

Product Designer at Ab InBev
deloitte company logodropbox company logotiktok company logopaysafe company logoubisoft company logoibm company logoforrester company logo
Join over 400K learners and start improving your design skills today.
Get started for free
Our course library is used by forward-thinking educational institutions
byu university logoniu university logontc university logonyit university logoocc university logo

Related courses

View all
UX Design Foundations Course Popular

UX Design Foundations

Master the fundamentals of UX to build a strong foundation in user-centered principles and workflows, helping you contribute effectively to product development and create better user experiences.
6 hours
Beginner
Apple Human Interface Guidelines Course New

Apple Human Interface Guidelines

Master Apple's principles and patterns to create intuitive, consistent, and delightful experiences for iOS, macOS, iPadOS, and WatchOS.
5 hours
Intermediate
UI Components II Course

UI Components II

Discover the intricacies of advanced user interface (UI) components and master the art of using them in accordance with the best practices.
7 hours
Intermediate

FAQs

  • What’s the course on UI Components I: Basic about?

    The course on UI Components I: Basic is an introductory course that teaches you about the essential components of user interface (UI) design, their definitions, and best practices. Throughout the course, you'll learn how to design various styles of UI components, including buttons, checkboxes, radio buttons, labels, forms, cards, modals, sliders, and menus.


    By completing this course, you'll gain the knowledge and skills necessary to apply the best practices of UI design to create essential UI elements that meet users' needs and expectations. The course emphasizes the principles of consistency and familiarity to teach you how to design interfaces that are intuitive and help users accomplish their main goals.

  • Why do I need knowledge of UI components?

    Think of UI components as the fundamental building blocks of an interface. Without them, the user experience would crumble like a house of cards. That's why having a deep understanding of UI components is absolutely critical for anyone involved in the design process.


    In our UI Components I: Basic course, you'll explore the essential components that make up an interface, including buttons, forms, menus, and sliders. With our expert guidance, you'll learn how to design these components in a way that is not only aesthetically pleasing but also intuitive and easy to use.


    Our course is based on fundamental standards and best practices for UI components. This means that you'll be able to create designs that are consistent and familiar to users, which helps build trust and confidence in the product or service being offered.

  • Do I earn the certificate by completing the UI Components I: Basic without completing the UI Components II: Advanced?

    Upon completion of the UI Components I: Basic course, you will receive a certificate even if you choose not to continue with the UI Components II: Advanced course. These courses are separate and completing either one independently can earn you a certificate.


    However, we highly recommend taking the UI Components II: Advanced course to gain a deeper understanding of the various aspects involved in creating UI components, including advanced design techniques and accessibility considerations. The advanced course builds on the foundation established in the basic course and will further develop your skills as a UI designer.

  • What are the pricing options for the course?

    For new learners, the first level of each course is available free of charge! This allows you to experience the course without any initial investment.


    However, if you're seeking a deeper and more comprehensive learning journey, we recommend our Pro Membership. With this subscription, you gain full access to all our courses, which includes additional lessons, engaging design challenges, and thorough assessments.


    Additionally, Pro Membership entitles you to receive a certificate upon completion of a course and personalized feedback from experts for all your challenge submissions. To explore the pricing details and find the best plan for your learning needs, please visit our pricing page.

<?xml version="1.0" encoding="utf-8"?>