What is UX/UI Design?
Explanation of UX/UI Design fundamentals.
Importance of skills like information architecture, prototyping, and basic coding.
Overview of the course approach (theory + hands-on practice).
User Experience (UX) Design and User Interface (UI) Design are complementary disciplines with distinct focuses
In summary, UX deals with the overall experience, while UI focuses on the visual and interactive aspects of the product.
UX = User Experience
UI = User Interface
Focuses on the visual and interactive aspects of a digital product.
Involves elements like typography, color schemes, icons, images, and layout design.
Ensures visually appealing and brand-consistent interfaces.
Anything the user can interact with - screens, pages, and visual elements like buttons, icons, written text, images, colors etc..
UI includes: Style guide + Animation + Typography Images + Content + Interaction
What do UX/UI designers do?
As UXUI designers we will come
across variety of products from
different fields.
Our goal is to find the best way to
improve the user experience and
prevent frustration.
What do UX/UI designers do?
As UXUI designers we will come
across variety of products from
different fields.
Our goal is to find the best way to
improve the user experience and
prevent frustration.
We will learn different research
methodologies that will help us
better understand what we need to change, why, and the best solutions.
The Importance of Key Skills
in the Professional Context
Information Architecture
Definition and Importance
Exercise: Create a sitemap for an e-commerce website
Visual Culture
Typography, Color Theory and Responsive Design
Exercise: Develop a visual style for a mobile app.
Prototyping
Usability testing with digital tools
Exercise: Build a functional prototype in Adobe XD.
CMS
Run a blog, list job openings, or manage your event schedule.
Navigation
Visually structure your pages and link to them easily.
SEO
Build lightning-fast, globally optimized sites.
Adobe XD enables website wireframing and creating
click-through prototypes.
