UI/UX
DESIGN
Presented By : M. Abdullah
Ayub
TOPICS
β€’ User Interface (UI).
β€’ User Experience (UX).
β€’ Difference between UI/UX Design and Graphic design.
β€’ Wire framing & Prototyping.
β€’ Important terms in UI/UX Design.
β€’ Jobs in UI/UX Design.
User Interface (UI)
β€’ The visual and interactive elements through which
users interact with a product or system.
β€’ UI includes elements like buttons, icons, typography,
colors, and layout.
User Experience (UX)
β€’ The overall experience and emotions a user has while
interacting with a product or system.
β€’ UX focuses on making interactions intuitive,
enjoyable, and user-centric.
Difference between UI/UX Design
and Graphic design
β€’ UI/UX Design focuses on creating user-friendly and visually
appealing digital experiences for websites, apps, and software. It
involves understanding user behavior, wireframing, and
designing intuitive interfaces to enhance user satisfaction.
β€’ Graphic Design on the other hand, concentrates on visually
communicating messages and ideas through various mediums
such as logos, posters, brochures, and digital graphics. It aims to
evoke emotions and capture attention using elements like color,
typography, and imagery.
Wire framing & Prototyping
Wire framing: Creating a basic layout of design. On a
rough page or design software.
Prototyping: Building an interactive test version for
clients.
Important terms in UI/UX
Design
β€’ User-Centered Design (UCD).
β€’ Information Architecture (IA).
β€’ Visual Hierarchy.
β€’ Consistency.
β€’ Accessibility.
β€’ Responsive Design.
β€’ Micro interactions.
β€’ Emotional Design.
Jobs in UI/UX Design
β€’ UI Designer.
β€’ UX Designer.
β€’ Interaction Designer.
β€’ Visual Designer.
β€’ User Researcher.
β€’ UX Writer/Content Strategist.
β€’ Product Designer.
β€’ UX Researcher.
β€’ Mobile App Designer.
β€’ Web Designer.
THAN
K YOU

UI UX Design Presentation

  • 1.
  • 2.
    TOPICS β€’ User Interface(UI). β€’ User Experience (UX). β€’ Difference between UI/UX Design and Graphic design. β€’ Wire framing & Prototyping. β€’ Important terms in UI/UX Design. β€’ Jobs in UI/UX Design.
  • 3.
    User Interface (UI) β€’The visual and interactive elements through which users interact with a product or system. β€’ UI includes elements like buttons, icons, typography, colors, and layout.
  • 4.
    User Experience (UX) β€’The overall experience and emotions a user has while interacting with a product or system. β€’ UX focuses on making interactions intuitive, enjoyable, and user-centric.
  • 5.
    Difference between UI/UXDesign and Graphic design β€’ UI/UX Design focuses on creating user-friendly and visually appealing digital experiences for websites, apps, and software. It involves understanding user behavior, wireframing, and designing intuitive interfaces to enhance user satisfaction. β€’ Graphic Design on the other hand, concentrates on visually communicating messages and ideas through various mediums such as logos, posters, brochures, and digital graphics. It aims to evoke emotions and capture attention using elements like color, typography, and imagery.
  • 6.
    Wire framing &Prototyping Wire framing: Creating a basic layout of design. On a rough page or design software. Prototyping: Building an interactive test version for clients.
  • 7.
    Important terms inUI/UX Design β€’ User-Centered Design (UCD). β€’ Information Architecture (IA). β€’ Visual Hierarchy. β€’ Consistency. β€’ Accessibility. β€’ Responsive Design. β€’ Micro interactions. β€’ Emotional Design.
  • 8.
    Jobs in UI/UXDesign β€’ UI Designer. β€’ UX Designer. β€’ Interaction Designer. β€’ Visual Designer. β€’ User Researcher. β€’ UX Writer/Content Strategist. β€’ Product Designer. β€’ UX Researcher. β€’ Mobile App Designer. β€’ Web Designer.
  • 9.