
From beginner to intermediate, learn foundations of UX and UI design and why design solves problems. Explore typography, color, psychology, user research, usability, and responsive design to build valuable products.
Explore the difference between ux and ui design, focusing on usability, usefulness, desirability, and how user research shapes better user experiences through design.
Ground personas in real traits and behaviors. Limit to two or three personas with a name, bio, quote, brands, goals, and pain points to guide a taxi app.
Empathize with users and ground design decisions in real-world research. Apply qualitative and quantitative methods, including interviews, observations, surveys, card sorting, and usability testing to inform UX.
Map the user flow as a rational sequence from product search to checkout, noting the happy path and alternatives, then use wireframes and prototypes to test a four-page coffee order.
Explore the core visual design principles, including contrast, balance, emphasis, proportion, repetition, rhythm, patterns, white space, movement, variety, and unity, to craft coherent UI.
Explore typography and color psychology to design effective UI. Learn about typefaces, hierarchy, contrast, size, weight, case, alignment, and how hue, brightness, and saturation shape mood and usability.
Use design thinking to solve real problems and serve the user. Practice empathy, iterative prototyping, testing, and problem framing to explore human-centered solutions.
Explore the ux/ui design process from discovery to release, emphasizing understanding the user and product purpose, competitor analysis, concept definition, prototyping, and iterative testing to improve a product after launch.
Apply design thinking to kid-centered UX by designing for ages two to eleven, using symbols, illustrations, and touch-friendly interfaces to match children's language development and engagement.
Learn responsive design to adapt websites to any device, prioritizing essential content and making buttons easy to click. Inspect layouts across resolutions and practice with real sites.
Discover how microcopy improves usability by guiding actions, reducing anxiety, and building trust through clear, concise messages that convey empathy and align with brand voice.
Learn to craft clear labeling, prevent confusion. Design for efficient scanning with the f-pattern; build button visuals with proper shadows; use contrast and size to guide attention.
This course covers the UX/UI Design fundamentals and teaches you a few advanced ideas so that both levels ( beginner and intermediate ) can benefit from the course. I dive deep into how to design correctly so that at the end of the course you will be able to design your own software products, you will be able to land an internship, or even work in a company as a designer. This course makes you understand what design is and how to think like a designer because that's the most important skill that you need as a designer. ( the technical stuff comes with time )
A quick overview of some of the topics the course has:
What is User Interface ( UI ) and what is User Experience ( UX ) Design, what really does design stand for, and how design makes our life easier.
What’s the difference between UX and UI and how do they work together to create a good design.
Design Thinking
What is User Persona, User Journey / flow.
What are the principles of good interface design.
Typography, Colors, Images and Font combinations.
Psychology of colors.
User Research, Intuitive Design
Wireframing
Usability Testing
Responsive Design
and others.
Some of the abilities that this knowledge will give you are: design products like a pro; use modern tools and principles to design good products; land an internship; land a job; design better presentations ( Canva, PowerPoint, Prezi etc), design for school projects, apply principles for mobile design, desktop app design, tablet apps design, cover photo for apps.
Some good applications of the principles: E-commerce website, personal website, blog, landing page etc.
Designing websites will come more easily and you will know what and where to put things so that it looks good and it gives an amazing experience to the user.
This course concentrates on how to think of design and how to architect apps, but we will also use a bit of Figma so that you get a better idea of how to create a design and how what we have been learning materializes in a design frame.