Suche senden
Hochladen
UX is Not Equal to UI Design
•
0 gefällt mir
•
435 views
Rifat Talukder
Folgen
In the slide you will get clear difference between UI and UX with real life example.
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 28
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
What is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
The difference between ux and ui design
The difference between ux and ui design
Shweta Joshi
UX/UI Design 101
UX/UI Design 101
Jasmine Phan
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
UX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
UI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
Ux design process
Ux design process
Junying Chang
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
Empfohlen
What is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
The difference between ux and ui design
The difference between ux and ui design
Shweta Joshi
UX/UI Design 101
UX/UI Design 101
Jasmine Phan
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
UX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
UI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
Ux design process
Ux design process
Junying Chang
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
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
Introduction to UX Research
Introduction to UX Research
Josh (Adi Tedjasaputra)
UI vs UX workshop
UI vs UX workshop
Inova LLC
UX/UI design
UX/UI design
deorwine infotech
Ux/ui Design Solution Services
Ux/ui Design Solution Services
deorwine infotech
UX Best Practices
UX Best Practices
Theresa Neil
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
UI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
The Importance of UX
The Importance of UX
Bart Van Hecke
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
Ui vs UX design
Ui vs UX design
Maksym Babych
Ux is not UI
Ux is not UI
Bruno Mendes
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
Roshan Karunarathna
What is UX, in 10 Slides
What is UX, in 10 Slides
Jordan Julien
UI UX in depth
UI UX in depth
Shrestha Raaz
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
UI/UX Courses
UI/UX Courses
Nardia Infotech
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
TurboAnchor
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
topseowebmaster
Weitere ähnliche Inhalte
Was ist angesagt?
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
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
Introduction to UX Research
Introduction to UX Research
Josh (Adi Tedjasaputra)
UI vs UX workshop
UI vs UX workshop
Inova LLC
UX/UI design
UX/UI design
deorwine infotech
Ux/ui Design Solution Services
Ux/ui Design Solution Services
deorwine infotech
UX Best Practices
UX Best Practices
Theresa Neil
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
UI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
The Importance of UX
The Importance of UX
Bart Van Hecke
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
Ui vs UX design
Ui vs UX design
Maksym Babych
Ux is not UI
Ux is not UI
Bruno Mendes
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
Roshan Karunarathna
What is UX, in 10 Slides
What is UX, in 10 Slides
Jordan Julien
UI UX in depth
UI UX in depth
Shrestha Raaz
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
UI/UX Courses
UI/UX Courses
Nardia Infotech
Was ist angesagt?
(20)
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
Introduction to UX Research
Introduction to UX Research
UI vs UX workshop
UI vs UX workshop
UX/UI design
UX/UI design
Ux/ui Design Solution Services
Ux/ui Design Solution Services
UX Best Practices
UX Best Practices
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
UI/UX Fundamentals
UI/UX Fundamentals
The Importance of UX
The Importance of UX
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
Ui vs UX design
Ui vs UX design
Ux is not UI
Ux is not UI
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
What is UX, in 10 Slides
What is UX, in 10 Slides
UI UX in depth
UI UX in depth
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
UI/UX Courses
UI/UX Courses
Ähnlich wie UX is Not Equal to UI Design
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
TurboAnchor
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
topseowebmaster
ui ux design course in hyderabad
ui ux design course in hyderabad
tejashrireddyvibhin
ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
aparna3zen
ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
ui ux design courses and training in hyderabad
ui ux design courses and training in hyderabad
madhupriya3zen
UI_UX Design Program.pdf
UI_UX Design Program.pdf
topseowebmaster
Intro to UIUX.pptx
Intro to UIUX.pptx
ADRIANASAAGCAOILI
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
Brenna Mickey
Rachit ux portfolio (1)
Rachit ux portfolio (1)
PoojaSawant68
Creative/UX Director cv 2016
Creative/UX Director cv 2016
Dave Landis
Careers In Web Design
Careers In Web Design
Adrian Mendoza
GUI Web Designs
GUI Web Designs
Sanjida Afrin
What are the Key Features of UI UX Technology? - Croma Campus
What are the Key Features of UI UX Technology? - Croma Campus
Ashu Pal
Best Prototyping Tools for Mobile Apps in 2023
Best Prototyping Tools for Mobile Apps in 2023
Baek Yongsun
Unique UI/UX Design
Unique UI/UX Design
Andriy Tatchyn
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021
Kelly Ston
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
Nur Fadli Utomo
Web UI Design Examples.pdf
Web UI Design Examples.pdf
Ayesha Siddika
Ähnlich wie UX is Not Equal to UI Design
(20)
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
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 future
ui ux design course in hyderabad........
ui ux design course in hyderabad........
ui ux design courses and training in hyderabad
ui ux design courses and training in hyderabad
UI_UX Design Program.pdf
UI_UX Design Program.pdf
Intro to UIUX.pptx
Intro to UIUX.pptx
Fundamentals of Web Design - Professional Development Workshop
Fundamentals of Web Design - Professional Development Workshop
Rachit ux portfolio (1)
Rachit ux portfolio (1)
Creative/UX Director cv 2016
Creative/UX Director cv 2016
Careers In Web Design
Careers In Web Design
GUI Web Designs
GUI Web Designs
What are the Key Features of UI UX Technology? - Croma Campus
What are the Key Features of UI UX Technology? - Croma Campus
Best Prototyping Tools for Mobile Apps in 2023
Best Prototyping Tools for Mobile Apps in 2023
Unique UI/UX Design
Unique UI/UX Design
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
Web UI Design Examples.pdf
Web UI Design Examples.pdf
Kürzlich hochgeladen
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
Office Furniture Plus - Irving
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
Nikhil Raut
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
samsungultra782445
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
trose8
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
amanda2495
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Nitya salvi
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
amgadibrahim92
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
Amil baba
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
Kürzlich hochgeladen
(20)
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
UX is Not Equal to UI Design
1.
UX is Not
Equal to UI design Copyright © 2022 Rifat Talukder
2.
I am Rifat
Talukder UI & UX Designer Save The Children Bangladesh Hello! Copyright © 2022 Rifat Talukder
3.
“ Imagine you’re designing
a house. UX would be the foundation, while UI would be the paint and furniture. Copyright © 2022 Rifat Talukder
4.
What is UX
Design? 1 UX design is about understanding the overall journey of your users and turning it into a product Copyright © 2022 Rifat Talukder
5.
What does a
UX designer do? The role of a user experience designer is to understand the customer journey. That means understanding the target audience, interviewing customers, defining user flows, and conducting user testing. Copyright © 2022 Rifat Talukder
6.
Research and strategy Plan At
the beginning of the UX design process, designers need to create a strategic plan that ensures stakeholders are aligned and working towards common goals. User Research While we often think of design as something visual, a UX designer’s work is mostly conceptual problem-solving based on research and data. Info Architecture Information architecture focuses on organizing and labeling the content of a website, app, or product. The goal is to help users find information and accomplish their goals. Copyright © 2022 Rifat Talukder
7.
Wireframing and prototyping Creating
the user flow The UX design process involves speaking to users to pinpoint their needs, then devising the best user flow that will help them complete their tasks. Wireframing A wireframe is like the skeleton of an interface. It can be produced digitally, or even drawn on paper. Copyright © 2022 Rifat Talukder
8.
Wireframing and prototyping Testing The
best way for a UX designer to know if they’re doing their job right or not? Testing with real users. Analysis UX designers work closely with product managers and researchers to analyze the test results and define the next steps Copyright © 2022 Rifat Talukder
9.
What is UI
Design? 2 UI design is about using typography, images, and other visual design elements to turn a basic interface into something digestible and usable. Copyright © 2022 Rifat Talukder
10.
What does a
UI designer do? A UI designer’s job begins where a UX designer’s job ends—at the prototyping stage. They take the wireframes and add visual design to make them more usable, aesthetically appealing, and optimized for different screen sizes. Copyright © 2022 Rifat Talukder
11.
Look and feel
of the product Design Research Research provides information about users and competitors and gives insight into the latest design trends. Visual Design UI designers are responsible for designing the product layout and all the visual elements of the user interface, including colors, fonts, icons, buttons etc Aa Copyright © 2022 Rifat Talukder
12.
Look and feel
of the product Brand Design Designers must strike the right balance between usability and consistently showcasing the brand identity established by the marketing or creative team. Design System To ensure product and brand consistency, UI designers create style guides, pattern libraries, and components that detail how each element should look (color, font) Copyright © 2022 Rifat Talukder
13.
“ A UI designer
focuses on how the colors, typography, and images of a design connect to the brand of a product. Copyright © 2022 Rifat Talukder
14.
Layouts Visual Design Colors Typography Interaction Design Wireframe
& Prototypes Information Architect User Research Scenarios UI UX Copyright © 2022 Rifat Talukder
15.
◉ UX Design
is what makes an interface useful. ◉ UI Design is what makes an interface beautiful. Why is UI/UX important? User Experience User Interface Copyright © 2022 Rifat Talukder
16.
1. UX deals
with the purpose and functionality of the product. UI deals with the quality of the interaction that the end-user has with the product. 2. UI design has an artistic component as it relates to the design and interface with the product. It affects what the end-user sees, hears, and feels. UX has more of a social component for market research and communicating with clients to understand what their needs are. 3. UX focuses on project management and analysis through the entire phase of ideation, development, and delivery. UI has more of a technical component to produce the design components for the finished product. Differences between UX and UI Copyright © 2022 Rifat Talukder
17.
How do UX
design and UI design work together? Product UX UI Copyright © 2022 Rifat Talukder
18.
UI/UX Fails Copyright ©
2022 Rifat Talukder
19.
How do UX
design and UI design work together? Make sure to also learn outside the field, by exploring different professions within the design space, such as graphic design or UX writing, and how they interact with UX and UI. Copyright © 2022 Rifat Talukder
20.
Tools for UI/
UX Designer Inspiration Ideation Implementation Copyright © 2022 Rifat Talukder
21.
Great Adobe XD
Plugins Icons 4 Design is an Adobe XD plugin that searches 5,000+ free, high-quality icons and symbols. UI Faces create your perfect persona or randomly generate profiles from 1000+ avatars. Lorem Ipsum: A small plugin to insert placeholder text that fits your needs. UnDraw Use hundreds of vector illustrations without attribution or cost and bring them to life with Auto-Animate. Photosplash provides a high- quality, free, and exclusive stock shot, a fantastic stock picture plugin. Copyright © 2022 Rifat Talukder
22.
8-point grid system The
value of 8-point grid system: ◉ It provides a visual hierarchy to elements and drives consistent scalability with fewer decisions to make while maintaining a quality rhythm. When designing the UI look clean, better, and beautiful. ◉ The best system of communication between designers and developers. A developer can easily understand and eyeball 8pt increment instead of having to measure each time. Copyright © 2022 Rifat Talukder
23.
8-point grid system Spacing
system between elements and 8- point grid: Spacing is very important in UI design because it makes the design neat and clean. UI looks logical (developers friendly), attractive and beautiful. Use principles of 8 point: 8px / 16px / 24px / 32px / 40px / 48px / 56px and so on for all padding and margin between elements (sometimes you can use 4px if you need to go in tight). Copyright © 2022 Rifat Talukder
24.
Mobile project Font size Smallest:
12 px Details: 13-14 px Body Text : 16-18 px Subtitle: 18-20 px Title: 24-28 px Header: 32-38 px Tab – 375 x 812 (Columns – 8, Gutter width – 20) Screen size Copyright © 2022 Rifat Talukder
25.
Tablet project Font size Smallest:
14 px Details: 16-18 px Body Text : 18 px Subtitle: 20 px Title: 28-32 px Header: 40-44 px Tab – 820 x 1180 (Columns – 8, Gutter width – 20) Screen size Copyright © 2022 Rifat Talukder
26.
Desktop project(Font) Font size Smallest:
16 px Details: 16-18 px Body Text : 20 px Subtitle: 24 px Title: 32-36 px Header: 40-48 px Web – 1366 x 768 (Columns – 12, Gutter width – 40, Margin - 97) Screen size Copyright © 2022 Rifat Talukder
27.
Extensions CSS Peeper Extract CSS
and build beautiful style guides. ColorZilla Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies Dimensions A tool for designers to measure screen dimensions Fonts Ninja Identify fonts from any website. Speed up your design workflow! GoFullPage Capture a screenshot of your current page in entirety and reliably— without requesting any extra permissions! Window Resizer Resize the browser window to emulate various screen resolutions. Muzli 2 The freshest links about design and interactive, from around the web. A designer's must! Similarweb See website traffic and key metrics for any website, including engagement rate, traffic ranking, keyword ranking and traffic source. Copyright © 2022 Rifat Talukder
28.
Any questions ? You
can find me at ◉ rifatrafa007@gmail.com ◉ rifat.talukder@savethechildren.org Thanks! Copyright © 2022 Rifat Talukder
Jetzt herunterladen