SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
WHAT’S THE DIFFERENCE BETWEEN A
DESIGNER
UX UI
Welcome to the second instalment in
our series on UX and UI design. We’re
here to help you spot the difference
between these two types of design so
you can understand what kind of
designer you need and when.
What is UI design all about?
UI is short for User Interface. This comes out of
the software world, in which the user interface of
a product (or website) IS the product.
If UX web design is all about helping users accomplish
meaningful tasks on a website, then UI design is the next
stage in the process that makes compelling and aesthetically
pleasing interfaces that connect emotionally with humans.
In layman’s terms:
How the product or
service is “laid out”
UI designers are responsible for the transference of
a brands strengths and visual assets to a product’s
interface – in this case, a website – to optimise the
user's experience.
They visually guide a website user through each
stage via interactive elements, which are consistent
and accessible across all platforms.
Primary Navigation menu accross all pages
UI is the more technical side of design and may be
responsible for creating a defined style guide and
ensuring a cohesive design language is applied
across the product or service.
An example of UI design could involve using analytics via heat
mapping technology to decide whether a slider function or
control spinning knob makes more intuitive sense when
adjusting a graph on a web page or when deciding where to
put call-to-action buttons on an email newsletter.
Identifying the difference between UX and UI designers can
often be blurred and it’s quite common to see companies
opt to find a designer who encompasses both those skills.
Do you need a skilled UI or UX web designer
to create the best website experience for
your business?
iFactory’s team of UI and UX experts are highly
skilled in understanding what your users need
and building it into a meaningful, intuitive
website. Get in contact with the team today.
Digital Strategy
Digital Marketing
Website Design
Application Development
Website Support
+61 7 3844 0577 | info@ifactory.com.au | ifactory.com.au

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
What is UX?
What is UX?What is UX?
What is UX?
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
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
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 

Semelhante a What’s the difference between a UX and UI designer? (Part two)

Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
Ayesha Siddika
 

Semelhante a What’s the difference between a UX and UI designer? (Part two) (20)

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
 
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
 
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
 
UI_UX Design Program.pdf
UI_UX Design Program.pdfUI_UX Design Program.pdf
UI_UX Design Program.pdf
 
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
 
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
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
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
 
The ultimate guide to ui &amp; ux for digital marketing
The ultimate guide to ui &amp; ux for digital marketingThe ultimate guide to ui &amp; ux for digital marketing
The ultimate guide to ui &amp; ux for digital marketing
 
UI UX Design Fundamentals
UI UX Design FundamentalsUI UX Design Fundamentals
UI UX Design Fundamentals
 
The Art of User Experience : Why UI/UX Design Courses Matter
The Art of User Experience : Why UI/UX Design Courses MatterThe Art of User Experience : Why UI/UX Design Courses Matter
The Art of User Experience : Why UI/UX Design Courses Matter
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
 
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...
 
What is UI UX Design?
What is UI UX Design?What is UI UX Design?
What is UI UX Design?
 
The Art of UI/UX Designing
The Art of UI/UX DesigningThe Art of UI/UX Designing
The Art of UI/UX Designing
 
2023: The Era Of Ui/Ux Design
2023: The Era Of Ui/Ux Design2023: The Era Of Ui/Ux Design
2023: The Era Of Ui/Ux Design
 
How UI UX Design Can Improve User Engagement.pdf
How UI UX Design Can Improve User Engagement.pdfHow UI UX Design Can Improve User Engagement.pdf
How UI UX Design Can Improve User Engagement.pdf
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........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 for best futureui ux design course in hyderabad for best future
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........
ui ux design course in hyderabad........
 

Mais de iFactory Digital

scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]
iFactory Digital
 

Mais de iFactory Digital (20)

Overworked creatives are producing more content than ever before [infographic]
Overworked creatives are producing more content than ever before [infographic]Overworked creatives are producing more content than ever before [infographic]
Overworked creatives are producing more content than ever before [infographic]
 
What does GDPR laws mean for Australian businesses
What does GDPR laws mean for Australian businessesWhat does GDPR laws mean for Australian businesses
What does GDPR laws mean for Australian businesses
 
Case Study: Glowworms Home
Case Study: Glowworms HomeCase Study: Glowworms Home
Case Study: Glowworms Home
 
How to develop your brand voice (and stick with it)
How to develop your brand voice (and stick with it)How to develop your brand voice (and stick with it)
How to develop your brand voice (and stick with it)
 
Case Study: Downer Connect Website by iFactory
Case Study: Downer Connect Website by iFactoryCase Study: Downer Connect Website by iFactory
Case Study: Downer Connect Website by iFactory
 
How to write a powerful blog post in 60 minutes (or less) [INFOGRAPHIC]
How to write a powerful blog post in 60 minutes (or less) [INFOGRAPHIC]How to write a powerful blog post in 60 minutes (or less) [INFOGRAPHIC]
How to write a powerful blog post in 60 minutes (or less) [INFOGRAPHIC]
 
How to write a powerful blog post in 60 minutes (or less)
How to write a powerful blog post in 60 minutes (or less)How to write a powerful blog post in 60 minutes (or less)
How to write a powerful blog post in 60 minutes (or less)
 
Case Study: INCO Serviced Offices Website by iFactory
Case Study: INCO Serviced Offices Website by iFactoryCase Study: INCO Serviced Offices Website by iFactory
Case Study: INCO Serviced Offices Website by iFactory
 
Case Study: AVE Bikes Website by iFactory
Case Study: AVE Bikes Website by iFactoryCase Study: AVE Bikes Website by iFactory
Case Study: AVE Bikes Website by iFactory
 
scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]
 
Case Study: Golden Cockerel website by iFactory
Case Study: Golden Cockerel website by iFactoryCase Study: Golden Cockerel website by iFactory
Case Study: Golden Cockerel website by iFactory
 
What’s the difference between a UX and UI designer? (Part one)
What’s the difference between a UX and UI designer? (Part one)What’s the difference between a UX and UI designer? (Part one)
What’s the difference between a UX and UI designer? (Part one)
 
Case Study: The Coffee Club Telethon Ball
Case Study: The Coffee Club Telethon BallCase Study: The Coffee Club Telethon Ball
Case Study: The Coffee Club Telethon Ball
 
Why design thinking matters in digital business strategy [INFOGRAPHIC]
Why design thinking matters in digital business strategy [INFOGRAPHIC]Why design thinking matters in digital business strategy [INFOGRAPHIC]
Why design thinking matters in digital business strategy [INFOGRAPHIC]
 
Colour basics hues tints tones and shades [INFOGRAPHIC]
Colour basics hues tints tones and shades [INFOGRAPHIC]Colour basics hues tints tones and shades [INFOGRAPHIC]
Colour basics hues tints tones and shades [INFOGRAPHIC]
 
Spotting the difference between branding, identity and logo design
Spotting the difference between branding, identity and logo designSpotting the difference between branding, identity and logo design
Spotting the difference between branding, identity and logo design
 
Essential features for a successful website
Essential features for a successful websiteEssential features for a successful website
Essential features for a successful website
 
The difference between image size and image resolution
The difference between image size and image resolutionThe difference between image size and image resolution
The difference between image size and image resolution
 
Case Study: ATF Services
Case Study: ATF ServicesCase Study: ATF Services
Case Study: ATF Services
 
Do You Need a Web App or a Native App?
Do You Need a Web App or a Native App?Do You Need a Web App or a Native App?
Do You Need a Web App or a Native App?
 

Último

Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
Amil baba
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
joshuaclack73
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
joshuaclack73
 

Último (20)

The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Cascading Style Sheet(CSS) PDF Notes by Apna College
Cascading Style Sheet(CSS) PDF Notes by Apna CollegeCascading Style Sheet(CSS) PDF Notes by Apna College
Cascading Style Sheet(CSS) PDF Notes by Apna College
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(BC毕业证书)波士顿学院毕业证成绩单本科硕士学位证留信学历认证
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 

What’s the difference between a UX and UI designer? (Part two)

  • 1. WHAT’S THE DIFFERENCE BETWEEN A DESIGNER UX UI
  • 2. Welcome to the second instalment in our series on UX and UI design. We’re here to help you spot the difference between these two types of design so you can understand what kind of designer you need and when.
  • 3. What is UI design all about? UI is short for User Interface. This comes out of the software world, in which the user interface of a product (or website) IS the product.
  • 4. If UX web design is all about helping users accomplish meaningful tasks on a website, then UI design is the next stage in the process that makes compelling and aesthetically pleasing interfaces that connect emotionally with humans. In layman’s terms: How the product or service is “laid out”
  • 5. UI designers are responsible for the transference of a brands strengths and visual assets to a product’s interface – in this case, a website – to optimise the user's experience.
  • 6. They visually guide a website user through each stage via interactive elements, which are consistent and accessible across all platforms. Primary Navigation menu accross all pages
  • 7. UI is the more technical side of design and may be responsible for creating a defined style guide and ensuring a cohesive design language is applied across the product or service.
  • 8. An example of UI design could involve using analytics via heat mapping technology to decide whether a slider function or control spinning knob makes more intuitive sense when adjusting a graph on a web page or when deciding where to put call-to-action buttons on an email newsletter.
  • 9. Identifying the difference between UX and UI designers can often be blurred and it’s quite common to see companies opt to find a designer who encompasses both those skills.
  • 10. Do you need a skilled UI or UX web designer to create the best website experience for your business? iFactory’s team of UI and UX experts are highly skilled in understanding what your users need and building it into a meaningful, intuitive website. Get in contact with the team today.
  • 11. Digital Strategy Digital Marketing Website Design Application Development Website Support +61 7 3844 0577 | info@ifactory.com.au | ifactory.com.au