SlideShare a Scribd company logo
Intro to UIUX.pptx
What to do during
the event?
Turn on your camera
Mute your mic
Engage in messaging section
Introduction to UI/UX Design
User Interface Design
What and Why?
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.
Make a better experience for users when navigating through your app, platform, or
website.
User Interface Design
• The visual elements of a product or digital experience.
• A translation of a brand’s vision into a product or
software.
• Common UIs are on: the phone, computer, or tablet.
User Experience Design
What and Why?
User Experience Design
User experience (UX) design is the process design teams use to create
products that provide meaningful and relevant experiences to users.
This involves the design of the entire process of acquiring and
integrating the product, including aspects of branding, design,
usability and function.
Intro to UIUX.pptx
Intro to UIUX.pptx
Intro to UIUX.pptx
Intro to UIUX.pptx
Best Practices for Designing
Interactions
Consider these qualities and associated questions
when creating digital products that have an
interactive element:
Questions to Consider when Designing for Interaction
○ Define How Users Can Interact with the Interface
○ Give Users Clues about Behavior before Actions are
Taken
○ Anticipate and Mitigate Errors
○ Consider System Feedback and Response Time
○ Strategically Think about Each Elements
○ Simplify for Learnability
Intro to UIUX.pptx
Visual Design
Visual design focuses on the
aesthetics of a site and its
related materials by
strategically implementing
images, colors, fonts, and
other elements.
A successful visual design does
not take away from the content
on the page or function.
Instead, it enhances it by
engaging users and helping to
build trust and interest in the
Visual Hierarchy Principles
Intro to UIUX.pptx
Intro to UIUX.pptx
Information Architecture
Information architecture (IA) focuses on organizing,
structuring, and labeling content in an effective and
sustainable way.
The goal is to help users find information and complete tasks.
To do this, you need to understand how the pieces fit together
to create the larger picture, how items relate to each other
within the system.
Why a Well Thought Out IA Matters
The purpose of your IA is to help users understand where they
are, what they’ve found, what’s around, and what to expect.
Q&A
Say GDSC
GEE, DEEE, ESSSS, CEEEEEEEEEE

More Related Content

PDF
princesahanipksuiuxptforreprsentionto.pdf
PPTX
584697015-UI-and-UX-hiten presentation.pptx
PPTX
editegygty u yiuuiiy h dt loi yr6viyb7bo8u0nnpt.pptx
PDF
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
PPTX
User-Interface-and-User-E.9279038.powerpoint.pptx
PPTX
SOFTWARE DEVELOPMENT LIFES CYCLE LESSON 3
PPTX
LESSON 3 SOFTWARE DEVELOPMENT LIFES CYCLE
PPTX
Elements of User Experience - MIT ID Innovation
princesahanipksuiuxptforreprsentionto.pdf
584697015-UI-and-UX-hiten presentation.pptx
editegygty u yiuuiiy h dt loi yr6viyb7bo8u0nnpt.pptx
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
User-Interface-and-User-E.9279038.powerpoint.pptx
SOFTWARE DEVELOPMENT LIFES CYCLE LESSON 3
LESSON 3 SOFTWARE DEVELOPMENT LIFES CYCLE
Elements of User Experience - MIT ID Innovation

Similar to Intro to UIUX.pptx (20)

PDF
How to Master UI/UX Design: Tips from Experts
PPTX
ui ux design course in madhapur, hyderabad
PDF
What's the Difference Between nteraction Design and Visual Design (UI).pdf
PDF
ui ux design course in hyderabad
PPTX
ui ux design course in hyderabad........
PPTX
ui ux design course in hyderabad for best future
PDF
ui ux design course in hyderabad........
PDF
ui ux design course in hyderabad
PPTX
ui ux design course in hyderabad Ameerpet, Hyderabad
PPTX
ui ux design courses and training in hyderabad
PDF
How To Become a UI UX Designer in hyderabad(2).pdf
PDF
How To Become a UI UX Designer in hyderabad(2).pdf
PDF
A Beginner's Guide To The Difference Between UX and UI Design.pdf
DOCX
UI content
PPTX
Engaging UX in engineering
PDF
User Interface Design Basic
PDF
Top 10 Skills For UI/UX Designers
PDF
Complete Beginner’s Guide to Interaction Design.pdf
PDF
User Centered Design
PDF
The Fundamentals of UI and UX Design - Cuneiform
How to Master UI/UX Design: Tips from Experts
ui ux design course in madhapur, hyderabad
What's the Difference Between nteraction Design and Visual Design (UI).pdf
ui ux design course in hyderabad
ui ux design course in hyderabad........
ui ux design course in hyderabad for best future
ui ux design course in hyderabad........
ui ux design course in hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design courses and training in hyderabad
How To Become a UI UX Designer in hyderabad(2).pdf
How To Become a UI UX Designer in hyderabad(2).pdf
A Beginner's Guide To The Difference Between UX and UI Design.pdf
UI content
Engaging UX in engineering
User Interface Design Basic
Top 10 Skills For UI/UX Designers
Complete Beginner’s Guide to Interaction Design.pdf
User Centered Design
The Fundamentals of UI and UX Design - Cuneiform
Ad

Recently uploaded (20)

DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
A Presentation on Artificial Intelligence
PDF
Approach and Philosophy of On baking technology
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Encapsulation theory and applications.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Big Data Technologies - Introduction.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Cloud computing and distributed systems.
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
cuic standard and advanced reporting.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Modernizing your data center with Dell and AMD
PPTX
Understanding_Digital_Forensics_Presentation.pptx
The AUB Centre for AI in Media Proposal.docx
A Presentation on Artificial Intelligence
Approach and Philosophy of On baking technology
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Encapsulation theory and applications.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Empathic Computing: Creating Shared Understanding
Big Data Technologies - Introduction.pptx
Chapter 3 Spatial Domain Image Processing.pdf
Cloud computing and distributed systems.
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Review of recent advances in non-invasive hemoglobin estimation
cuic standard and advanced reporting.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Dropbox Q2 2025 Financial Results & Investor Presentation
Building Integrated photovoltaic BIPV_UPV.pdf
Modernizing your data center with Dell and AMD
Understanding_Digital_Forensics_Presentation.pptx
Ad

Intro to UIUX.pptx

  • 2. What to do during the event? Turn on your camera Mute your mic Engage in messaging section
  • 4. User Interface Design What and Why? 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. Make a better experience for users when navigating through your app, platform, or website.
  • 5. User Interface Design • The visual elements of a product or digital experience. • A translation of a brand’s vision into a product or software. • Common UIs are on: the phone, computer, or tablet.
  • 6. User Experience Design What and Why? User Experience Design User experience (UX) design is the process design teams use to create products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability and function.
  • 11. Best Practices for Designing Interactions Consider these qualities and associated questions when creating digital products that have an interactive element: Questions to Consider when Designing for Interaction ○ Define How Users Can Interact with the Interface ○ Give Users Clues about Behavior before Actions are Taken ○ Anticipate and Mitigate Errors ○ Consider System Feedback and Response Time ○ Strategically Think about Each Elements ○ Simplify for Learnability
  • 13. Visual Design Visual design focuses on the aesthetics of a site and its related materials by strategically implementing images, colors, fonts, and other elements. A successful visual design does not take away from the content on the page or function. Instead, it enhances it by engaging users and helping to build trust and interest in the
  • 17. Information Architecture Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal is to help users find information and complete tasks. To do this, you need to understand how the pieces fit together to create the larger picture, how items relate to each other within the system. Why a Well Thought Out IA Matters The purpose of your IA is to help users understand where they are, what they’ve found, what’s around, and what to expect.
  • 18. Q&A
  • 19. Say GDSC GEE, DEEE, ESSSS, CEEEEEEEEEE