SlideShare a Scribd company logo
UX/UI in
DEPTH
Introduction
Design related roles exist in a wide range of
areas from industrial (Automobiles,
Engineering) to print(Magazine, publications)
to Tech companies(Web, Software, Apps).
With the relatively recent tech companies
focused on creating interfaces for screens,
many new design roles have emerged. Job
titles like UX or UI designer are confusing and
unfamiliar even to designers who come from
other industries.
The terms UI and UX (design) are very often and
used as a single term by many people or designers.
The first thing we need to know straight is that UI
and UX are not the same.
Design is a rather broad and huge term. When
someone says “I’m a designer,” it is not that clear
what they actually do. There are a number of
different responsibilities term designer. There are
many aspects of design now a days.
It’s common for designers to use these terms incorrectly sometimes. If you don’t know the difference
between UI and UX, in today’s post we’ll describe a bit deeper into UI and UX to get a better
understanding of the differences between them.
2
1.
What is UI Design?
Simply UI stands for User Interface. The graphical
representation of any application or framework is UI
design. UI is what we are seeing in front of us while
browsing the websites of using the software and mobile
application. The main role of UI designer is to maintain
the consistency in the visual elements and defining their
behavior. It consists the visual representation of button,
text, images, slider, entry fields in the form and many
more.
2.
What is UX design?
UX stands for User eXperience. What the user can
experience or the interaction with the UI design is User
Experience. The UX designer determines the functionality
and structure of the UI design. The UI Designer designs
the button of the web site and the UX designer design
how it works and what happens when the user clicks or
hover in that button. The pleasure provided in the
interaction between the customer and the product.
3.
The Case study
Back in the 1970’s or lets' say in the early age of the computer,
you had to use the command line interface if you wanted to
use a computer. The graphical interfaces which we use today
didn’t exist. For a computer to work, users needed to
communicate via programming language, requiring seemingly
infinite lines of code to complete a simple task.
This shift in technology helped anyone could use a computer, with no
coding required, and the personal computer revolution began.
After decade in 1980’s the first graphical user
interface (GUI) was developed by computer
scientists at Xerox PARC. With this breathtaking
innovation, users could now interact with their
personal computers by visually submitting
commands through icons, buttons, menus, and
checkboxes.
In 1984 Apple released the Macintosh personal computer which
included a point and click mouse for the first time in the computer
history. The Macintosh became commercially successful home
computer to use this type of interface.
If users couldn’t interact with their computers in the way they
wanted, they wouldn’t buy it. So as a result, the UI designer was
born.
With the growing technology, the UI designer’s role has evolved and
has been vast. Now UI designers are not limited just on computer
interfaces, but mobile phones, augmented and virtual reality, and
even or screenless interfaces like voice, gesture, and light.
Today’s UI designer has nearly unlimited opportunities to work on
websites, mobile apps, wearable technology, and smart home
devices, software interface just to name a few. There will be the
need to make the interfaces as long as computers continue to be a
part of daily life.
7
4.
The difference between
UI and UX design
👉 UI is focused on how a product’s surfaces or interface looks and function, UX is
focused on the user’s journey to solve a problem.
👉 UI designer to focus on the more visual elements, UX designer is concerned with the
conceptual aspects.
👉 UI designer to focus on the more visual elements, UX designer is concerned with the
conceptual aspects.
UI makes interfaces beautiful, UX makes interfaces useful
UI determines the look while UX searches for solutions
UI is the bridge to go somewhere, UX is the feeling we get there.
👉
👉
👉
5.
So, What’s More Important?
A beautiful design with no good presentation is
going to fail because users are going to hate
trying to use the site. But, any site which has
great functionality with no focus on design and
key notes will fall equally as flat. So we need both
hand in hand. They are two coins of the same
side. They have to go parallel.
The short answer is both.
6.
UI vs UX, the conclusion
some designers or professionals get angry when the
topic raises. Some say that the two are completely
unrelated and that they shouldn’t be discussed
together. While others say that both are same and no
need to discuss. Honestly, though, we won’t avoid
thinking about one without the other.
After this long discussion what we can conclude is:
UI is simply the first thing we can work on as part of UX
design.
A beautiful design can’t save an interface that’s horrible and
confusing to navigate.
Likewise a brilliant, perfect user experience can be sunk by
bad visual interface
design that makes using the app unpleasant.
11
Thanks!
Any questions?
You can find me at:
Fb, twitter, pinterest: @dewebkiller
dewebkiller@gmail.com
To know more about these kinds of stuff:
www.dewebkiller.com

More Related Content

What's hot

UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
Shrutee Aneja
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
Dotinum
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
iFactory Digital
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
What is UX?
What is UX?What is UX?
What is UX?
David Carr
 

What's hot (20)

UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
What is UX?
What is UX?What is UX?
What is UX?
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
What is UX?
What is UX?What is UX?
What is UX?
 

Similar to UI UX in depth

UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
DariaPersell
 
A Detailed Differentiate Guide on UI and UX Design.pptx
A Detailed Differentiate Guide on UI and UX Design.pptxA Detailed Differentiate Guide on UI and UX Design.pptx
A Detailed Differentiate Guide on UI and UX Design.pptx
bubblewrap4
 
Ui design by mhm
Ui design by mhmUi design by mhm
Ui design by mhm
Md Mosharof Hosen
 
UI UX Designer vs UI UX Developer
UI UX Designer vs UI UX DeveloperUI UX Designer vs UI UX Developer
UI UX Designer vs UI UX Developer
Red Baton Design Studio
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Everett McKay
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
RiniyaMary
 
What is UI UX Design?
What is UI UX Design?What is UI UX Design?
What is UI UX Design?
Elightwalk Technology PVT. LTD.
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
Cuneiform Consulting Pvt Ltd.
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
Harsh Wardhan Dave
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
TurboAnchor
 
7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx
Red Baton Design Studio
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
sravanthisravanthi6
 
Ui_ Ux design course in Pune Complete Information .pptx
Ui_ Ux design course in Pune Complete Information .pptxUi_ Ux design course in Pune Complete Information .pptx
Ui_ Ux design course in Pune Complete Information .pptx
AkshayPatil114609
 
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX DesignersTop 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
topseowebmaster
 
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
 
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
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
imdurgesh
 
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
 
UI.docx
UI.docxUI.docx

Similar to UI UX in depth (20)

UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
 
A Detailed Differentiate Guide on UI and UX Design.pptx
A Detailed Differentiate Guide on UI and UX Design.pptxA Detailed Differentiate Guide on UI and UX Design.pptx
A Detailed Differentiate Guide on UI and UX Design.pptx
 
Ui design by mhm
Ui design by mhmUi design by mhm
Ui design by mhm
 
UI UX Designer vs UI UX Developer
UI UX Designer vs UI UX DeveloperUI UX Designer vs UI UX Developer
UI UX Designer vs UI UX Developer
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
What is UI UX Design?
What is UI UX Design?What is UI UX Design?
What is UI UX Design?
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
 
7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
 
Ui_ Ux design course in Pune Complete Information .pptx
Ui_ Ux design course in Pune Complete Information .pptxUi_ Ux design course in Pune Complete Information .pptx
Ui_ Ux design course in Pune Complete Information .pptx
 
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX DesignersTop 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
 
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
 
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
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
 
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
 
UI.docx
UI.docxUI.docx
UI.docx
 

Recently uploaded

How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
Anit Kapoor
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
asazt
 
pdfanddoc-581770-.pdf...... idea WHT this
pdfanddoc-581770-.pdf...... idea WHT thispdfanddoc-581770-.pdf...... idea WHT this
pdfanddoc-581770-.pdf...... idea WHT this
ChiranthanR2
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga
AvtaritTripathi
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Fashions
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Ram Krishna Singh
 
Geometric dimensioning & tolerance for precise manufacturing process
Geometric dimensioning & tolerance for precise manufacturing processGeometric dimensioning & tolerance for precise manufacturing process
Geometric dimensioning & tolerance for precise manufacturing process
vicky196116
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
miss ekta$A17
 
siu degree offer diploma Transcript
siu degree offer diploma Transcriptsiu degree offer diploma Transcript
siu degree offer diploma Transcript
ymeada
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
vsingram
 
Otago degree offer diploma Transcript
Otago degree offer diploma TranscriptOtago degree offer diploma Transcript
Otago degree offer diploma Transcript
asazt
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
Resolute
 
Carleton University degree Cert diploma offer
Carleton University degree Cert diploma offerCarleton University degree Cert diploma offer
Carleton University degree Cert diploma offer
sabsge
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Deuglo Infosystem Pvt Ltd
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
taradcunha
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
Lecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptxLecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptx
SamanArshad11
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
Anam Kanwal
 
Introduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptxIntroduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptx
yashashreeg2307
 

Recently uploaded (20)

How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
 
pdfanddoc-581770-.pdf...... idea WHT this
pdfanddoc-581770-.pdf...... idea WHT thispdfanddoc-581770-.pdf...... idea WHT this
pdfanddoc-581770-.pdf...... idea WHT this
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
 
Stress Analysis of Maraging Steel Differential Gear using ANSYS
Stress Analysis of Maraging Steel Differential Gear  using ANSYSStress Analysis of Maraging Steel Differential Gear  using ANSYS
Stress Analysis of Maraging Steel Differential Gear using ANSYS
 
Geometric dimensioning & tolerance for precise manufacturing process
Geometric dimensioning & tolerance for precise manufacturing processGeometric dimensioning & tolerance for precise manufacturing process
Geometric dimensioning & tolerance for precise manufacturing process
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
 
siu degree offer diploma Transcript
siu degree offer diploma Transcriptsiu degree offer diploma Transcript
siu degree offer diploma Transcript
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
 
Otago degree offer diploma Transcript
Otago degree offer diploma TranscriptOtago degree offer diploma Transcript
Otago degree offer diploma Transcript
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
 
Carleton University degree Cert diploma offer
Carleton University degree Cert diploma offerCarleton University degree Cert diploma offer
Carleton University degree Cert diploma offer
 
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UPBeyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
Beyond Creativity: Deuglo’s UI UX Design Company in Noida, UP
 
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdfTemple Architecture in India - 9 major styles · UPSCprep.com.pdf
Temple Architecture in India - 9 major styles · UPSCprep.com.pdf
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
Lecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptxLecture KIPS 2023 English and maths Unit 6.pptx
Lecture KIPS 2023 English and maths Unit 6.pptx
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
 
Introduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptxIntroduction to Urban studies-Module I.pptx
Introduction to Urban studies-Module I.pptx
 

UI UX in depth

  • 2. Introduction Design related roles exist in a wide range of areas from industrial (Automobiles, Engineering) to print(Magazine, publications) to Tech companies(Web, Software, Apps). With the relatively recent tech companies focused on creating interfaces for screens, many new design roles have emerged. Job titles like UX or UI designer are confusing and unfamiliar even to designers who come from other industries. The terms UI and UX (design) are very often and used as a single term by many people or designers. The first thing we need to know straight is that UI and UX are not the same. Design is a rather broad and huge term. When someone says “I’m a designer,” it is not that clear what they actually do. There are a number of different responsibilities term designer. There are many aspects of design now a days. It’s common for designers to use these terms incorrectly sometimes. If you don’t know the difference between UI and UX, in today’s post we’ll describe a bit deeper into UI and UX to get a better understanding of the differences between them. 2
  • 3. 1. What is UI Design? Simply UI stands for User Interface. The graphical representation of any application or framework is UI design. UI is what we are seeing in front of us while browsing the websites of using the software and mobile application. The main role of UI designer is to maintain the consistency in the visual elements and defining their behavior. It consists the visual representation of button, text, images, slider, entry fields in the form and many more.
  • 4. 2. What is UX design? UX stands for User eXperience. What the user can experience or the interaction with the UI design is User Experience. The UX designer determines the functionality and structure of the UI design. The UI Designer designs the button of the web site and the UX designer design how it works and what happens when the user clicks or hover in that button. The pleasure provided in the interaction between the customer and the product.
  • 5. 3. The Case study Back in the 1970’s or lets' say in the early age of the computer, you had to use the command line interface if you wanted to use a computer. The graphical interfaces which we use today didn’t exist. For a computer to work, users needed to communicate via programming language, requiring seemingly infinite lines of code to complete a simple task. This shift in technology helped anyone could use a computer, with no coding required, and the personal computer revolution began.
  • 6. After decade in 1980’s the first graphical user interface (GUI) was developed by computer scientists at Xerox PARC. With this breathtaking innovation, users could now interact with their personal computers by visually submitting commands through icons, buttons, menus, and checkboxes.
  • 7. In 1984 Apple released the Macintosh personal computer which included a point and click mouse for the first time in the computer history. The Macintosh became commercially successful home computer to use this type of interface. If users couldn’t interact with their computers in the way they wanted, they wouldn’t buy it. So as a result, the UI designer was born. With the growing technology, the UI designer’s role has evolved and has been vast. Now UI designers are not limited just on computer interfaces, but mobile phones, augmented and virtual reality, and even or screenless interfaces like voice, gesture, and light. Today’s UI designer has nearly unlimited opportunities to work on websites, mobile apps, wearable technology, and smart home devices, software interface just to name a few. There will be the need to make the interfaces as long as computers continue to be a part of daily life. 7
  • 8. 4. The difference between UI and UX design 👉 UI is focused on how a product’s surfaces or interface looks and function, UX is focused on the user’s journey to solve a problem. 👉 UI designer to focus on the more visual elements, UX designer is concerned with the conceptual aspects. 👉 UI designer to focus on the more visual elements, UX designer is concerned with the conceptual aspects. UI makes interfaces beautiful, UX makes interfaces useful UI determines the look while UX searches for solutions UI is the bridge to go somewhere, UX is the feeling we get there. 👉 👉 👉
  • 9. 5. So, What’s More Important? A beautiful design with no good presentation is going to fail because users are going to hate trying to use the site. But, any site which has great functionality with no focus on design and key notes will fall equally as flat. So we need both hand in hand. They are two coins of the same side. They have to go parallel. The short answer is both.
  • 10. 6. UI vs UX, the conclusion some designers or professionals get angry when the topic raises. Some say that the two are completely unrelated and that they shouldn’t be discussed together. While others say that both are same and no need to discuss. Honestly, though, we won’t avoid thinking about one without the other. After this long discussion what we can conclude is: UI is simply the first thing we can work on as part of UX design. A beautiful design can’t save an interface that’s horrible and confusing to navigate. Likewise a brilliant, perfect user experience can be sunk by bad visual interface design that makes using the app unpleasant.
  • 11. 11 Thanks! Any questions? You can find me at: Fb, twitter, pinterest: @dewebkiller dewebkiller@gmail.com To know more about these kinds of stuff: www.dewebkiller.com