際際滷

際際滷Share a Scribd company logo
BUDDHA INSTITUTE OF MANAGEMENT
GIDA,GORAKHPUR
Presented by:
Prince Sahani
BCA 1st
Year
UI/ UX DESIGN
D e s I g n
UX refers to the term User Experience while
UI stands for User Interface. But despite
their closeness, there are lot more to their
execution process and design discipline.
UI AND UX
editegygty u yiuuiiy h dt  loi yr6viyb7bo8u0nnpt.pptx
User Interface (UI) is about visual design and information design
around screens. Though a lot of process go into this graphical element,
UI as the name implies, about the things the user will actually see and
interact. It delivers tangible results and focuses on how an app or
product surface look and functions.
User Interface
editegygty u yiuuiiy h dt  loi yr6viyb7bo8u0nnpt.pptx
Introduction:
User Interface (UI) Design focuses on:
cess, understand,nd use to facilitate those actions.
UI brings together concepts from:
1. Interaction Design
2. Information Architecture
3. Visual Design
1. INTERACTION DESIGN
Interaction design is an important component within the giant
umbrella of user experience (UX) design.
- Interaction design focuses on creating engaging
interfaces with well thought out behaviors.
- Understanding how users and technology communicate
with each other is fundamental to this field.
- With this understanding, you can anticipate how
someone might interact with the system, fix problems
early, as well as invent new ways of doing things.
3. 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 brand.
2 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 theyve found, whats around, and what to expect.
VISUAL HIERARCHY PRINCIPLES
VISUAL HIERARCHY PRINCIPLES
EXAMPLE OF PUTTING IT ALL TOGETHER
UX design relates to the overall user interaction and experience with an
application or a website. It is well known that great user experience results in
return customers and great app usage.
Typically, the UX Design process include research, design, prototyping,
testing and measurement. Lot of factors influence UX process such as
usability, utility, accessibility, design/aesthetics, performance,
ergonomics, overall human interaction and marketing.
User Experience
/
editegygty u yiuuiiy h dt  loi yr6viyb7bo8u0nnpt.pptx
EXAMPLE
BAD USER EXPERIENCES
UX
Designer
UI
Designer
editegygty u yiuuiiy h dt  loi yr6viyb7bo8u0nnpt.pptx
GROUP MEMBERS
Sahar Zaidi Neha
Nasim
Ali Zia Sarmad
Tufail
Khawaja Moeen
Thankyou!

More Related Content

Similar to editegygty u yiuuiiy h dt loi yr6viyb7bo8u0nnpt.pptx (20)

UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf
216310018
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
What's the Difference Between nteraction Design and Visual Design (UI).pdf
What's the Difference Between nteraction Design and Visual Design (UI).pdfWhat's the Difference Between nteraction Design and Visual Design (UI).pdf
What's the Difference Between nteraction Design and Visual Design (UI).pdf
Unitedworld Institute of Design (UID)
Importance of UIUX design in Web Development.pdf
Importance of UIUX design in Web Development.pdfImportance of UIUX design in Web Development.pdf
Importance of UIUX design in Web Development.pdf
Deliverables Agency
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
Nur Fadli Utomo
PRINCESAHANIPKSppt.pptxghghhfdreg ttr ty
PRINCESAHANIPKSppt.pptxghghhfdreg ttr tyPRINCESAHANIPKSppt.pptxghghhfdreg ttr ty
PRINCESAHANIPKSppt.pptxghghhfdreg ttr ty
vikashbharati917
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
WilliamJames717223
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
Inexture Solutions
Technical Report.docx
Technical Report.docxTechnical Report.docx
Technical Report.docx
Abiola57
A Study on User Experience
A Study on User ExperienceA Study on User Experience
A Study on User Experience
IRJET Journal
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021
Kelly Ston
Engaging UX in engineering
Engaging UX in engineeringEngaging UX in engineering
Engaging UX in engineering
Siddarth Kengadaran
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
Samer Tallauze
User-Interface-and-User-E.9279038.powerpoint.pptx
User-Interface-and-User-E.9279038.powerpoint.pptxUser-Interface-and-User-E.9279038.powerpoint.pptx
User-Interface-and-User-E.9279038.powerpoint.pptx
SHYAMSUNDAR334390
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
What are the Key Features of UI UX Technology? - Croma Campus
What are the Key Features of UI UX Technology? - Croma CampusWhat are the Key Features of UI UX Technology? - Croma Campus
What are the Key Features of UI UX Technology? - Croma Campus
Ashu Pal
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
Zasya Solutions
Elements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID InnovationElements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID Innovation
Pankaj Deshpande
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
paulodavila
14 UX-UI Design Tips For Your Next Project.pptx
14 UX-UI Design Tips For Your Next Project.pptx14 UX-UI Design Tips For Your Next Project.pptx
14 UX-UI Design Tips For Your Next Project.pptx
AddWeb Solution Pvt. Ltd.
UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf
216310018
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
What's the Difference Between nteraction Design and Visual Design (UI).pdf
What's the Difference Between nteraction Design and Visual Design (UI).pdfWhat's the Difference Between nteraction Design and Visual Design (UI).pdf
What's the Difference Between nteraction Design and Visual Design (UI).pdf
Unitedworld Institute of Design (UID)
Importance of UIUX design in Web Development.pdf
Importance of UIUX design in Web Development.pdfImportance of UIUX design in Web Development.pdf
Importance of UIUX design in Web Development.pdf
Deliverables Agency
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
Nur Fadli Utomo
PRINCESAHANIPKSppt.pptxghghhfdreg ttr ty
PRINCESAHANIPKSppt.pptxghghhfdreg ttr tyPRINCESAHANIPKSppt.pptxghghhfdreg ttr ty
PRINCESAHANIPKSppt.pptxghghhfdreg ttr ty
vikashbharati917
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
WilliamJames717223
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
Inexture Solutions
Technical Report.docx
Technical Report.docxTechnical Report.docx
Technical Report.docx
Abiola57
A Study on User Experience
A Study on User ExperienceA Study on User Experience
A Study on User Experience
IRJET Journal
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021
Kelly Ston
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
Samer Tallauze
User-Interface-and-User-E.9279038.powerpoint.pptx
User-Interface-and-User-E.9279038.powerpoint.pptxUser-Interface-and-User-E.9279038.powerpoint.pptx
User-Interface-and-User-E.9279038.powerpoint.pptx
SHYAMSUNDAR334390
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
What are the Key Features of UI UX Technology? - Croma Campus
What are the Key Features of UI UX Technology? - Croma CampusWhat are the Key Features of UI UX Technology? - Croma Campus
What are the Key Features of UI UX Technology? - Croma Campus
Ashu Pal
Elements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID InnovationElements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID Innovation
Pankaj Deshpande
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
paulodavila
14 UX-UI Design Tips For Your Next Project.pptx
14 UX-UI Design Tips For Your Next Project.pptx14 UX-UI Design Tips For Your Next Project.pptx
14 UX-UI Design Tips For Your Next Project.pptx
AddWeb Solution Pvt. Ltd.

Recently uploaded (20)

CRED presentation in entrepreneurship management
CRED presentation in entrepreneurship managementCRED presentation in entrepreneurship management
CRED presentation in entrepreneurship management
kumarka087
Your brand might be pushing clients away without you knowing.
Your brand might be pushing clients away without you knowing.Your brand might be pushing clients away without you knowing.
Your brand might be pushing clients away without you knowing.
Group Buy Seo Tools
No Objection Letter, No Objection Certificate
No Objection Letter, No Objection CertificateNo Objection Letter, No Objection Certificate
No Objection Letter, No Objection Certificate
SeemaAgrawal43
Vitaly Bondar: Are GANs dead or alive? (UA)
Vitaly Bondar: Are GANs dead or alive? (UA)Vitaly Bondar: Are GANs dead or alive? (UA)
Vitaly Bondar: Are GANs dead or alive? (UA)
Lviv Startup Club
CCleaner Pro 6.33 Crack + Key Free Download 2025
CCleaner Pro 6.33 Crack + Key Free Download 2025CCleaner Pro 6.33 Crack + Key Free Download 2025
CCleaner Pro 6.33 Crack + Key Free Download 2025
kortez3
SWOT Analysis: Boutique Consulting Firms in 2025
 SWOT Analysis: Boutique Consulting Firms in 2025  SWOT Analysis: Boutique Consulting Firms in 2025
SWOT Analysis: Boutique Consulting Firms in 2025
Alexander Simon
Norman Cooling - Founder And President Of N.L
Norman Cooling - Founder And President Of N.LNorman Cooling - Founder And President Of N.L
Norman Cooling - Founder And President Of N.L
Norman Cooling
Top Social Media Marketing Trends in 2025
Top Social Media Marketing Trends in 2025Top Social Media Marketing Trends in 2025
Top Social Media Marketing Trends in 2025
bulbulkanwar7070
SponsorPitch.pdf........................
SponsorPitch.pdf........................SponsorPitch.pdf........................
SponsorPitch.pdf........................
mekhilivingston
Siddhartha Bank Navigating_Nepals_Financial_Challenges.pptx
Siddhartha Bank Navigating_Nepals_Financial_Challenges.pptxSiddhartha Bank Navigating_Nepals_Financial_Challenges.pptx
Siddhartha Bank Navigating_Nepals_Financial_Challenges.pptx
Siddhartha Bank
20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...
20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...
20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...
FINNOMENAMarketing
Buy Verified Revolut Account: Secure & USA-Approved!
Buy Verified Revolut Account: Secure & USA-Approved!Buy Verified Revolut Account: Secure & USA-Approved!
Buy Verified Revolut Account: Secure & USA-Approved!
pvaexpress
21 Best Crypto Wallet in UAE The complete 2025.pdf
21 Best Crypto Wallet in UAE  The complete 2025.pdf21 Best Crypto Wallet in UAE  The complete 2025.pdf
21 Best Crypto Wallet in UAE The complete 2025.pdf
Dubiz
The-Leadership-Compass-Navigating-the-Path-to-Success.pptx
The-Leadership-Compass-Navigating-the-Path-to-Success.pptxThe-Leadership-Compass-Navigating-the-Path-to-Success.pptx
The-Leadership-Compass-Navigating-the-Path-to-Success.pptx
Jasmeet Warraich
Project Status Report - Powerpoint Template
Project Status Report - Powerpoint TemplateProject Status Report - Powerpoint Template
Project Status Report - Powerpoint Template
Aurelien Domont, MBA
Why AI is Needed Procurement and Supply Chains
Why AI is Needed Procurement and Supply ChainsWhy AI is Needed Procurement and Supply Chains
Why AI is Needed Procurement and Supply Chains
University of Hertfordshire
Carousel - Five Key FinTech Trends in 2025
Carousel - Five Key FinTech Trends in 2025Carousel - Five Key FinTech Trends in 2025
Carousel - Five Key FinTech Trends in 2025
Anadea
What PE Teachers and PEX Professionals Have in Common
What PE Teachers and PEX Professionals Have in CommonWhat PE Teachers and PEX Professionals Have in Common
What PE Teachers and PEX Professionals Have in Common
KaiNexus
Jatin Mansata - A Leader In Finance And Philanthropy
Jatin Mansata - A Leader In Finance And PhilanthropyJatin Mansata - A Leader In Finance And Philanthropy
Jatin Mansata - A Leader In Finance And Philanthropy
Jatin Mansata
Quality Certification and Accreditation Ecosystem 1.pptx
Quality Certification and Accreditation Ecosystem 1.pptxQuality Certification and Accreditation Ecosystem 1.pptx
Quality Certification and Accreditation Ecosystem 1.pptx
AbbasKeramati2
CRED presentation in entrepreneurship management
CRED presentation in entrepreneurship managementCRED presentation in entrepreneurship management
CRED presentation in entrepreneurship management
kumarka087
Your brand might be pushing clients away without you knowing.
Your brand might be pushing clients away without you knowing.Your brand might be pushing clients away without you knowing.
Your brand might be pushing clients away without you knowing.
Group Buy Seo Tools
No Objection Letter, No Objection Certificate
No Objection Letter, No Objection CertificateNo Objection Letter, No Objection Certificate
No Objection Letter, No Objection Certificate
SeemaAgrawal43
Vitaly Bondar: Are GANs dead or alive? (UA)
Vitaly Bondar: Are GANs dead or alive? (UA)Vitaly Bondar: Are GANs dead or alive? (UA)
Vitaly Bondar: Are GANs dead or alive? (UA)
Lviv Startup Club
CCleaner Pro 6.33 Crack + Key Free Download 2025
CCleaner Pro 6.33 Crack + Key Free Download 2025CCleaner Pro 6.33 Crack + Key Free Download 2025
CCleaner Pro 6.33 Crack + Key Free Download 2025
kortez3
SWOT Analysis: Boutique Consulting Firms in 2025
 SWOT Analysis: Boutique Consulting Firms in 2025  SWOT Analysis: Boutique Consulting Firms in 2025
SWOT Analysis: Boutique Consulting Firms in 2025
Alexander Simon
Norman Cooling - Founder And President Of N.L
Norman Cooling - Founder And President Of N.LNorman Cooling - Founder And President Of N.L
Norman Cooling - Founder And President Of N.L
Norman Cooling
Top Social Media Marketing Trends in 2025
Top Social Media Marketing Trends in 2025Top Social Media Marketing Trends in 2025
Top Social Media Marketing Trends in 2025
bulbulkanwar7070
SponsorPitch.pdf........................
SponsorPitch.pdf........................SponsorPitch.pdf........................
SponsorPitch.pdf........................
mekhilivingston
Siddhartha Bank Navigating_Nepals_Financial_Challenges.pptx
Siddhartha Bank Navigating_Nepals_Financial_Challenges.pptxSiddhartha Bank Navigating_Nepals_Financial_Challenges.pptx
Siddhartha Bank Navigating_Nepals_Financial_Challenges.pptx
Siddhartha Bank
20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...
20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...
20250305_A. Stotz All Weather Strategy - Weights update & Performance review ...
FINNOMENAMarketing
Buy Verified Revolut Account: Secure & USA-Approved!
Buy Verified Revolut Account: Secure & USA-Approved!Buy Verified Revolut Account: Secure & USA-Approved!
Buy Verified Revolut Account: Secure & USA-Approved!
pvaexpress
21 Best Crypto Wallet in UAE The complete 2025.pdf
21 Best Crypto Wallet in UAE  The complete 2025.pdf21 Best Crypto Wallet in UAE  The complete 2025.pdf
21 Best Crypto Wallet in UAE The complete 2025.pdf
Dubiz
The-Leadership-Compass-Navigating-the-Path-to-Success.pptx
The-Leadership-Compass-Navigating-the-Path-to-Success.pptxThe-Leadership-Compass-Navigating-the-Path-to-Success.pptx
The-Leadership-Compass-Navigating-the-Path-to-Success.pptx
Jasmeet Warraich
Project Status Report - Powerpoint Template
Project Status Report - Powerpoint TemplateProject Status Report - Powerpoint Template
Project Status Report - Powerpoint Template
Aurelien Domont, MBA
Why AI is Needed Procurement and Supply Chains
Why AI is Needed Procurement and Supply ChainsWhy AI is Needed Procurement and Supply Chains
Why AI is Needed Procurement and Supply Chains
University of Hertfordshire
Carousel - Five Key FinTech Trends in 2025
Carousel - Five Key FinTech Trends in 2025Carousel - Five Key FinTech Trends in 2025
Carousel - Five Key FinTech Trends in 2025
Anadea
What PE Teachers and PEX Professionals Have in Common
What PE Teachers and PEX Professionals Have in CommonWhat PE Teachers and PEX Professionals Have in Common
What PE Teachers and PEX Professionals Have in Common
KaiNexus
Jatin Mansata - A Leader In Finance And Philanthropy
Jatin Mansata - A Leader In Finance And PhilanthropyJatin Mansata - A Leader In Finance And Philanthropy
Jatin Mansata - A Leader In Finance And Philanthropy
Jatin Mansata
Quality Certification and Accreditation Ecosystem 1.pptx
Quality Certification and Accreditation Ecosystem 1.pptxQuality Certification and Accreditation Ecosystem 1.pptx
Quality Certification and Accreditation Ecosystem 1.pptx
AbbasKeramati2

editegygty u yiuuiiy h dt loi yr6viyb7bo8u0nnpt.pptx

  • 1. BUDDHA INSTITUTE OF MANAGEMENT GIDA,GORAKHPUR Presented by: Prince Sahani BCA 1st Year
  • 2. UI/ UX DESIGN D e s I g n
  • 3. UX refers to the term User Experience while UI stands for User Interface. But despite their closeness, there are lot more to their execution process and design discipline. UI AND UX
  • 5. User Interface (UI) is about visual design and information design around screens. Though a lot of process go into this graphical element, UI as the name implies, about the things the user will actually see and interact. It delivers tangible results and focuses on how an app or product surface look and functions. User Interface
  • 7. Introduction: User Interface (UI) Design focuses on: cess, understand,nd use to facilitate those actions. UI brings together concepts from: 1. Interaction Design 2. Information Architecture 3. Visual Design
  • 8. 1. INTERACTION DESIGN Interaction design is an important component within the giant umbrella of user experience (UX) design. - Interaction design focuses on creating engaging interfaces with well thought out behaviors. - Understanding how users and technology communicate with each other is fundamental to this field. - With this understanding, you can anticipate how someone might interact with the system, fix problems early, as well as invent new ways of doing things.
  • 9. 3. 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 brand.
  • 10. 2 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 theyve found, whats around, and what to expect.
  • 13. EXAMPLE OF PUTTING IT ALL TOGETHER
  • 14. UX design relates to the overall user interaction and experience with an application or a website. It is well known that great user experience results in return customers and great app usage. Typically, the UX Design process include research, design, prototyping, testing and measurement. Lot of factors influence UX process such as usability, utility, accessibility, design/aesthetics, performance, ergonomics, overall human interaction and marketing. User Experience
  • 15. /
  • 21. GROUP MEMBERS Sahar Zaidi Neha Nasim Ali Zia Sarmad Tufail Khawaja Moeen Thankyou!