SlideShare a Scribd company logo
2
Most read
3
Most read
5
Most read
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 (20)

PPTX
UI vs UX workshop
Inova LLC
 
PDF
Good UX Bad UX
Michał Aleksander
 
PDF
Ui vs UX design
Maksym Babych
 
PDF
UX/UI Introduction
Shrutee Aneja
 
PPTX
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
PPTX
A UI and UX training presentation
aayush_jain_87
 
PPTX
UI UX Introductory session
Sooraj P R
 
PPTX
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
PDF
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
PDF
UX design
Tanay Kumar
 
PPTX
The Importance of UX
Bart Van Hecke
 
PDF
What is UX?
David Carr
 
PDF
Ux is not UI
Bruno Mendes
 
PDF
UI & UX Design for Startups
Richard Fang
 
PPTX
The difference between ux and ui design
Shweta Joshi
 
PPTX
UX Design Mini Course
Digital Snack
 
PDF
UX & UI Design - Differentiate through design
DMI
 
PDF
Ux design process
Junying Chang
 
PDF
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
UI vs UX workshop
Inova LLC
 
Good UX Bad UX
Michał Aleksander
 
Ui vs UX design
Maksym Babych
 
UX/UI Introduction
Shrutee Aneja
 
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
A UI and UX training presentation
aayush_jain_87
 
UI UX Introductory session
Sooraj P R
 
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
UX design
Tanay Kumar
 
The Importance of UX
Bart Van Hecke
 
What is UX?
David Carr
 
Ux is not UI
Bruno Mendes
 
UI & UX Design for Startups
Richard Fang
 
The difference between ux and ui design
Shweta Joshi
 
UX Design Mini Course
Digital Snack
 
UX & UI Design - Differentiate through design
DMI
 
Ux design process
Junying Chang
 
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 

Similar to UI UX in depth (20)

PDF
UI vs UX.pdf
panditsharma23
 
PDF
What is the difference between UI and UX 2024 Guide Jamtech.pdf
Jamtech Technologies Pvt Ltd
 
PPTX
A UX designer is concerned with the enti
ROHISIVAM
 
PPTX
A Detailed Differentiate Guide on UI and UX Design.pptx
bubblewrap4
 
DOCX
UI vs. UX: What’s the difference?
DariaPersell
 
PDF
Difference Between UI and UX Designer.pdf
Codevelop us
 
PDF
The Fundamentals of UI and UX Design - Cuneiform
Cuneiform Consulting Pvt Ltd.
 
PPTX
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
DOCX
UI.docx
zeeshanahmad318
 
DOCX
UI.docx
Tabassum Bahar
 
PDF
Ui design by mhm
Md Mosharof Hosen
 
PPTX
UI-UX Design - Definition and Importance of UI-UX.pptx
Mitchell Marsh
 
PPTX
UI and UX.pptx
IsmailIbrahimNajmudd
 
PPTX
What is the difference between UI and UX design_.pptx
TandrimaTithi
 
PPTX
ui vs ux design and designers presentation.pptx
AnjaneyaDas1
 
PPTX
How UI UX Brings in a Change in Web Design - UIUXDen.pptx
UIUXDen
 
PPTX
Game interface design part 1
Durgesh Pandey
 
PPTX
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
digitalcoaching97
 
PPTX
UI and UX design
sketchart2
 
PDF
Lodi Palle - UI vs. UX Design What's the Difference.pdf
Lode Emmanuel Palle
 
UI vs UX.pdf
panditsharma23
 
What is the difference between UI and UX 2024 Guide Jamtech.pdf
Jamtech Technologies Pvt Ltd
 
A UX designer is concerned with the enti
ROHISIVAM
 
A Detailed Differentiate Guide on UI and UX Design.pptx
bubblewrap4
 
UI vs. UX: What’s the difference?
DariaPersell
 
Difference Between UI and UX Designer.pdf
Codevelop us
 
The Fundamentals of UI and UX Design - Cuneiform
Cuneiform Consulting Pvt Ltd.
 
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
Ui design by mhm
Md Mosharof Hosen
 
UI-UX Design - Definition and Importance of UI-UX.pptx
Mitchell Marsh
 
UI and UX.pptx
IsmailIbrahimNajmudd
 
What is the difference between UI and UX design_.pptx
TandrimaTithi
 
ui vs ux design and designers presentation.pptx
AnjaneyaDas1
 
How UI UX Brings in a Change in Web Design - UIUXDen.pptx
UIUXDen
 
Game interface design part 1
Durgesh Pandey
 
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
digitalcoaching97
 
UI and UX design
sketchart2
 
Lodi Palle - UI vs. UX Design What's the Difference.pdf
Lode Emmanuel Palle
 
Ad

More from Shrestha Raaz (7)

PDF
Top 10 Must Have CSS Tools to Enhance Your Web Design Workflow.pdf
Shrestha Raaz
 
PDF
Introduction to JavaScript Frameworks: React vs Angular vs Vue Compared
Shrestha Raaz
 
PDF
Best CSS Animation Libraries for Web Developers
Shrestha Raaz
 
PDF
10 PRINCIPLES OF GOOD WEB DESIGN
Shrestha Raaz
 
PDF
Best sites to download minimalist characters for free.pdf
Shrestha Raaz
 
PPTX
web design trends to follow in 2023.pptx
Shrestha Raaz
 
PDF
Best google ad sense alternatives to monetize your website
Shrestha Raaz
 
Top 10 Must Have CSS Tools to Enhance Your Web Design Workflow.pdf
Shrestha Raaz
 
Introduction to JavaScript Frameworks: React vs Angular vs Vue Compared
Shrestha Raaz
 
Best CSS Animation Libraries for Web Developers
Shrestha Raaz
 
10 PRINCIPLES OF GOOD WEB DESIGN
Shrestha Raaz
 
Best sites to download minimalist characters for free.pdf
Shrestha Raaz
 
web design trends to follow in 2023.pptx
Shrestha Raaz
 
Best google ad sense alternatives to monetize your website
Shrestha Raaz
 
Ad

Recently uploaded (20)

PDF
safiyayahaya-portfoliohighres-171228115344.pdf
architectsdreamdesig1
 
PPTX
6. PMES PORTFOLIO_PINK DESIGN_T1-TE_A4.pptx
GynnelNicanor1
 
PPTX
In the sweet by and by, We shall meet on that beautiful shore; In the sweet b...
kuysniya14
 
PPTX
CorelDRAW Graphics Suite 2021 Crack Free Version [Latest]
royeroye1122
 
PPTX
澳洲学位证(VU毕业证书)维多利亚大学毕业证书如何办理
Taqyea
 
PDF
IDES-502_Project-1-Home_Presentation-Boards_Codamon.pdf
codamona
 
PPTX
一比一原版(UCB毕业证书)加利福尼亚大学伯克利分校毕业证如何办理
Taqyea
 
PPTX
QBDqbdqbdqbdqbdqbdqbdqbdqbdqbqdbqd .pptx
komoja3525
 
PPTX
西班牙硕士毕业证加泰罗尼亚理工大学文凭证书UPC录取通知书2025年新版
Taqyea
 
PPTX
原版一样(UCAM毕业证书)西班牙武康大学毕业证如何办理
Taqyea
 
PPTX
condylar pptx.in relation to dental seurgery
abishekgowtham586
 
PPTX
Untitled presentation (1).pptx testdsaff
David Arbirk
 
PDF
Digital Marketing Expert Training Program
marketing226932
 
PPTX
N-doped FSHC 2nrdddddddddddddddddrrrd.pptx
71762306019
 
PPTX
BMC S6 M3 P1 building mATERIALS AND CONSTRUCTION.pptx
RizwanAlavi
 
PPTX
Face ATM nadar saraswathi college of arts and science, vadaputhupatti- Full....
priyaayalraj
 
PPTX
(2) Cell Wall Inhibitors_Cephalosporins others.pptx
mkurdi133
 
PPTX
Power BI - The future of Data Presentation and Visualizations
Techera
 
PDF
Balance Your Home with These Vastu Tips!
https://homzinterio.in/
 
PPTX
英国硕士毕业证伦敦城市大学学位证书City毕业完成信办理
Taqyea
 
safiyayahaya-portfoliohighres-171228115344.pdf
architectsdreamdesig1
 
6. PMES PORTFOLIO_PINK DESIGN_T1-TE_A4.pptx
GynnelNicanor1
 
In the sweet by and by, We shall meet on that beautiful shore; In the sweet b...
kuysniya14
 
CorelDRAW Graphics Suite 2021 Crack Free Version [Latest]
royeroye1122
 
澳洲学位证(VU毕业证书)维多利亚大学毕业证书如何办理
Taqyea
 
IDES-502_Project-1-Home_Presentation-Boards_Codamon.pdf
codamona
 
一比一原版(UCB毕业证书)加利福尼亚大学伯克利分校毕业证如何办理
Taqyea
 
QBDqbdqbdqbdqbdqbdqbdqbdqbdqbqdbqd .pptx
komoja3525
 
西班牙硕士毕业证加泰罗尼亚理工大学文凭证书UPC录取通知书2025年新版
Taqyea
 
原版一样(UCAM毕业证书)西班牙武康大学毕业证如何办理
Taqyea
 
condylar pptx.in relation to dental seurgery
abishekgowtham586
 
Untitled presentation (1).pptx testdsaff
David Arbirk
 
Digital Marketing Expert Training Program
marketing226932
 
N-doped FSHC 2nrdddddddddddddddddrrrd.pptx
71762306019
 
BMC S6 M3 P1 building mATERIALS AND CONSTRUCTION.pptx
RizwanAlavi
 
Face ATM nadar saraswathi college of arts and science, vadaputhupatti- Full....
priyaayalraj
 
(2) Cell Wall Inhibitors_Cephalosporins others.pptx
mkurdi133
 
Power BI - The future of Data Presentation and Visualizations
Techera
 
Balance Your Home with These Vastu Tips!
https://homzinterio.in/
 
英国硕士毕业证伦敦城市大学学位证书City毕业完成信办理
Taqyea
 

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 [email protected] To know more about these kinds of stuff: www.dewebkiller.com