SlideShare a Scribd company logo
UI vs UX workshop
UI / UX Workshop
Mobile Track Design
- Understanding UI vs. UX
UI is the user interface. This comprises everything a user can see
and touch, such as menu options, buttons, text, layouts, navigation
elements, sharing options, etc.
UX is why you made that change to affect how the user feels and
behaves. The user experience is an umbrella term for the user’s
overall experience with the product: what they liked about it, how
easily they accomplished their goals, moments of delight and
frustration, etc.
The UI is the paint, the canvas, the types of
strokes and colors. The UX is the wonder you
feel when you see the girl in the pearl earring.
Tools you should learn
- UX Process
- Wireframing
- Wireframing
Who Uses Wireframes?
In short, anyone involved in the product – in any capacity.Although designers, developers,
and product managers typically create and use wireframes the most in their daily work,
many people bene t from wireframes.
Graphic Designers use wireframes to push the user interface (UI) development process. It can inspire the
designer, resulting in a more uid creative process. And is ultimately used to create graphic mockups, interactive
prototypes, and the nal design. Typically, a combination of sketching, storyboarding and wireframing in low or high- delity
are used to achieve this.
Developers use wireframes to get a more tangible grasp of the site’s functionality. It gives the developer a clear
picture of the elements that they will need to code.
-Wireframing
Why Should Anyone Use Wireframes?
Wireframes are visual representations of an interface, used to communicate the following
details to get everyone on the same page:
● CStructure – How will the pieces of this site be put together?
● ontent – What will be displayed on the site?
● Informational hierarchy – How is this information organized and displayed?
● Functionality – How will this interface work?
- UI / UX Mistakes
1. Poor UI/UX Design
2. Implementing too many features
3. Neglecting Target Audience
4. Tiring Tutorials
5. Making Things Difficult
6. White Space Is Missing
7. Sticking To Sign In
8. Trying To Copy Other Apps
9. Redesigning Without Proper Feedback
10. Ignoring Social Media Link
11. Not Informing The Happenings To User
12. Wrong Estimates Of Updates
- Poor UI/UX Design
This is the biggest mistake a designer can commit during
the creation stage. UI takes care of the placement of
elements in the mobile app which not only affects the
performance but also UX. While designing, place
yourself in the user’s shoes and then decide about the
design interface that will go for the app. A simple and
interactive UI helps to engage users better as they can
easily navigate across and use all the features.
- Implementing too many features
Implementing too many features in your app can
make your app sluggish and lower the overall
performance. Having several features can
consume a lot of memory and thus affect the
output of the app.
- Neglecting Target Audience
Ignoring target audience will lead you on the path
of failure. Yes, target audience is even more
significant than the app design concept. Your
extraordinary plans won’t work unless you are
clear whom you will be catering to.
- Tiring Tutorials
No doubt tutorials are important to guide a person
with proper explanation, but most tutorials are a
burden than a blessing. They are overloaded with
excessive information and it’s just like beating
about the bush with the subject.
- Making Things Difficult
For mobile app designing, the KISS rule works
very well. Yes, Keep It Short and Simple. Don’t
complicate things as it will create confusion which
will meddle in the working of the app.
- White Space Is Missing
White space gives a breathing space to the page.
Although taken for granted, but it adds a balance
to your design and its elements. Don’t get so
driven by other elements that you forget to include
white space in your design.
Thank You

More Related Content

What's hot

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)
Sonali Pawar
 
UX and UI
UX and UIUX and UI
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
Aciron Consulting
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
Muhammad Hijazi
 
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®
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
Michał Aleksander
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
Emerentiana Meicy
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
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 RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
Mayank Lambhate
 
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
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
Motivate Design
 
What is UX?
What is UX?What is UX?
What is UX?
David Carr
 
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
 

What's hot (20)

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)UI vs UX ( User Interface vs User Experience)
UI vs UX ( User Interface vs User Experience)
 
UX and UI
UX and UIUX and UI
UX and UI
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
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
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
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
 

Similar to UI vs UX workshop

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
 
UIUX Design - report on summer training.docx
UIUX Design - report on summer training.docxUIUX Design - report on summer training.docx
UIUX Design - report on summer training.docx
bhawnamangla2
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
Jessie Doan
 
UI.docx
UI.docxUI.docx
UI.docx
UI.docxUI.docx
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
MoodLabs
 
Ui design by mhm
Ui design by mhmUi design by mhm
Ui design by mhm
Md Mosharof Hosen
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
KevinHao14
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
Akhil Kumar
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
Lewis Lin 🦊
 
Best Practices for a Great User Experience
Best Practices for a Great User ExperienceBest Practices for a Great User Experience
Best Practices for a Great User Experience
User Experience Labs
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
NotifyVisitors
 
2014 UX/UI trends for mobile solutions
2014 UX/UI trends for mobile solutions2014 UX/UI trends for mobile solutions
2014 UX/UI trends for mobile solutions
DMI
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
Lewis Lin 🦊
 
ui&ux design for study purposes at engineering
ui&ux design for study purposes at engineeringui&ux design for study purposes at engineering
ui&ux design for study purposes at engineering
NathiyaP4
 
UI Development Content
UI Development ContentUI Development Content
UI Development Content
MUDDUKRISHNA14
 
UI Development Content
UI Development ContentUI Development Content
UI Development Content
MUDDUKRISHNA14
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
imdurgesh
 
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
 

Similar to UI vs UX workshop (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?
 
UIUX Design - report on summer training.docx
UIUX Design - report on summer training.docxUIUX Design - report on summer training.docx
UIUX Design - report on summer training.docx
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
 
UI.docx
UI.docxUI.docx
UI.docx
 
UI.docx
UI.docxUI.docx
UI.docx
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Ui design by mhm
Ui design by mhmUi design by mhm
Ui design by mhm
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Best Practices for a Great User Experience
Best Practices for a Great User ExperienceBest Practices for a Great User Experience
Best Practices for a Great User Experience
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
 
2014 UX/UI trends for mobile solutions
2014 UX/UI trends for mobile solutions2014 UX/UI trends for mobile solutions
2014 UX/UI trends for mobile solutions
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
ui&ux design for study purposes at engineering
ui&ux design for study purposes at engineeringui&ux design for study purposes at engineering
ui&ux design for study purposes at engineering
 
UI Development Content
UI Development ContentUI Development Content
UI Development Content
 
UI Development Content
UI Development ContentUI Development Content
UI Development Content
 
Uxpin web ui_design_best_practices
Uxpin web ui_design_best_practicesUxpin web ui_design_best_practices
Uxpin web ui_design_best_practices
 
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
 

More from Inova LLC

MVVM presentation
MVVM presentationMVVM presentation
MVVM presentation
Inova LLC
 
Activities vs fragment
Activities vs fragmentActivities vs fragment
Activities vs fragment
Inova LLC
 
Benefits of idea treasury
Benefits of idea treasuryBenefits of idea treasury
Benefits of idea treasury
Inova LLC
 
Advertising
Advertising Advertising
Advertising
Inova LLC
 
Market research
Market researchMarket research
Market research
Inova LLC
 
Disc Personality Type
Disc Personality TypeDisc Personality Type
Disc Personality Type
Inova LLC
 
Positive thinking
Positive thinkingPositive thinking
Positive thinking
Inova LLC
 
Sketch app interface
Sketch app interfaceSketch app interface
Sketch app interface
Inova LLC
 
Inova
InovaInova
Inova
Inova LLC
 
Inova
InovaInova
Inova
Inova LLC
 
CSED 2018 Orientation
CSED 2018 OrientationCSED 2018 Orientation
CSED 2018 Orientation
Inova LLC
 
Objective C Tricks
Objective C TricksObjective C Tricks
Objective C Tricks
Inova LLC
 
Mind map Introduction
Mind map IntroductionMind map Introduction
Mind map Introduction
Inova LLC
 
Agile scheduling
Agile schedulingAgile scheduling
Agile scheduling
Inova LLC
 
Business plan
Business planBusiness plan
Business plan
Inova LLC
 
Introduction to Sencha touch
Introduction to Sencha touchIntroduction to Sencha touch
Introduction to Sencha touch
Inova LLC
 
Introduction to Agile
Introduction to AgileIntroduction to Agile
Introduction to Agile
Inova LLC
 
Internet Presence
Internet PresenceInternet Presence
Internet Presence
Inova LLC
 
Agile Planning for value
Agile Planning for valueAgile Planning for value
Agile Planning for value
Inova LLC
 
Agile estimate size
Agile estimate sizeAgile estimate size
Agile estimate size
Inova LLC
 

More from Inova LLC (20)

MVVM presentation
MVVM presentationMVVM presentation
MVVM presentation
 
Activities vs fragment
Activities vs fragmentActivities vs fragment
Activities vs fragment
 
Benefits of idea treasury
Benefits of idea treasuryBenefits of idea treasury
Benefits of idea treasury
 
Advertising
Advertising Advertising
Advertising
 
Market research
Market researchMarket research
Market research
 
Disc Personality Type
Disc Personality TypeDisc Personality Type
Disc Personality Type
 
Positive thinking
Positive thinkingPositive thinking
Positive thinking
 
Sketch app interface
Sketch app interfaceSketch app interface
Sketch app interface
 
Inova
InovaInova
Inova
 
Inova
InovaInova
Inova
 
CSED 2018 Orientation
CSED 2018 OrientationCSED 2018 Orientation
CSED 2018 Orientation
 
Objective C Tricks
Objective C TricksObjective C Tricks
Objective C Tricks
 
Mind map Introduction
Mind map IntroductionMind map Introduction
Mind map Introduction
 
Agile scheduling
Agile schedulingAgile scheduling
Agile scheduling
 
Business plan
Business planBusiness plan
Business plan
 
Introduction to Sencha touch
Introduction to Sencha touchIntroduction to Sencha touch
Introduction to Sencha touch
 
Introduction to Agile
Introduction to AgileIntroduction to Agile
Introduction to Agile
 
Internet Presence
Internet PresenceInternet Presence
Internet Presence
 
Agile Planning for value
Agile Planning for valueAgile Planning for value
Agile Planning for value
 
Agile estimate size
Agile estimate sizeAgile estimate size
Agile estimate size
 

Recently uploaded

Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
AidanOKeefe2
 
Carleton University degree Cert diploma offer
Carleton University degree Cert diploma offerCarleton University degree Cert diploma offer
Carleton University degree Cert diploma offer
sabsge
 
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
tanupasswan6
 
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
arti singh$A17
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
Hemant Nagwekar
 
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptxNityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
ailynolive
 
Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.
Vista Fashions
 
Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
siddharthsinghdikhit
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
Anam Kanwal
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
asazt
 
University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
eacwpay
 
Neom | Brand Design Studio Portfolio_2024_English_Version
Neom | Brand Design Studio Portfolio_2024_English_VersionNeom | Brand Design Studio Portfolio_2024_English_Version
Neom | Brand Design Studio Portfolio_2024_English_Version
NEOM nuova comunicazione
 
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
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
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
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
 
Business Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptxBusiness Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptx
davidsaputra50
 

Recently uploaded (20)

Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
 
Carleton University degree Cert diploma offer
Carleton University degree Cert diploma offerCarleton University degree Cert diploma offer
Carleton University degree Cert diploma offer
 
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
 
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
Noida Girls Call Gurgaon 🛵🚡9873940964 💃 Choose Best And Top Girl Service And ...
 
Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024Product And Design Portfolio - Hemant Nagwekar 2024
Product And Design Portfolio - Hemant Nagwekar 2024
 
Nityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptxNityanamya Transforming Kitchens with Style and Functionality.pptx
Nityanamya Transforming Kitchens with Style and Functionality.pptx
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
 
Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.Vista Fashions Outdoor Awnings Brochure.
Vista Fashions Outdoor Awnings Brochure.
 
Inspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptxInspection of Substation Equipements upto 33 KV.pptx
Inspection of Substation Equipements upto 33 KV.pptx
 
GRAPHIC DESIGNING COURSES IN LAHORE
GRAPHIC DESIGNING COURSES  IN     LAHOREGRAPHIC DESIGNING COURSES  IN     LAHORE
GRAPHIC DESIGNING COURSES IN LAHORE
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
 
University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
 
Neom | Brand Design Studio Portfolio_2024_English_Version
Neom | Brand Design Studio Portfolio_2024_English_VersionNeom | Brand Design Studio Portfolio_2024_English_Version
Neom | Brand Design Studio Portfolio_2024_English_Version
 
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Private Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
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
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
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
 
Business Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptxBusiness Roadmap Infographic Blue variant.pptx
Business Roadmap Infographic Blue variant.pptx
 

UI vs UX workshop

  • 2. UI / UX Workshop Mobile Track Design
  • 3. - Understanding UI vs. UX UI is the user interface. This comprises everything a user can see and touch, such as menu options, buttons, text, layouts, navigation elements, sharing options, etc. UX is why you made that change to affect how the user feels and behaves. The user experience is an umbrella term for the user’s overall experience with the product: what they liked about it, how easily they accomplished their goals, moments of delight and frustration, etc. The UI is the paint, the canvas, the types of strokes and colors. The UX is the wonder you feel when you see the girl in the pearl earring.
  • 7. - Wireframing Who Uses Wireframes? In short, anyone involved in the product – in any capacity.Although designers, developers, and product managers typically create and use wireframes the most in their daily work, many people bene t from wireframes. Graphic Designers use wireframes to push the user interface (UI) development process. It can inspire the designer, resulting in a more uid creative process. And is ultimately used to create graphic mockups, interactive prototypes, and the nal design. Typically, a combination of sketching, storyboarding and wireframing in low or high- delity are used to achieve this. Developers use wireframes to get a more tangible grasp of the site’s functionality. It gives the developer a clear picture of the elements that they will need to code.
  • 8. -Wireframing Why Should Anyone Use Wireframes? Wireframes are visual representations of an interface, used to communicate the following details to get everyone on the same page: ● CStructure – How will the pieces of this site be put together? ● ontent – What will be displayed on the site? ● Informational hierarchy – How is this information organized and displayed? ● Functionality – How will this interface work?
  • 9. - UI / UX Mistakes 1. Poor UI/UX Design 2. Implementing too many features 3. Neglecting Target Audience 4. Tiring Tutorials 5. Making Things Difficult 6. White Space Is Missing 7. Sticking To Sign In 8. Trying To Copy Other Apps 9. Redesigning Without Proper Feedback 10. Ignoring Social Media Link 11. Not Informing The Happenings To User 12. Wrong Estimates Of Updates
  • 10. - Poor UI/UX Design This is the biggest mistake a designer can commit during the creation stage. UI takes care of the placement of elements in the mobile app which not only affects the performance but also UX. While designing, place yourself in the user’s shoes and then decide about the design interface that will go for the app. A simple and interactive UI helps to engage users better as they can easily navigate across and use all the features.
  • 11. - Implementing too many features Implementing too many features in your app can make your app sluggish and lower the overall performance. Having several features can consume a lot of memory and thus affect the output of the app.
  • 12. - Neglecting Target Audience Ignoring target audience will lead you on the path of failure. Yes, target audience is even more significant than the app design concept. Your extraordinary plans won’t work unless you are clear whom you will be catering to.
  • 13. - Tiring Tutorials No doubt tutorials are important to guide a person with proper explanation, but most tutorials are a burden than a blessing. They are overloaded with excessive information and it’s just like beating about the bush with the subject.
  • 14. - Making Things Difficult For mobile app designing, the KISS rule works very well. Yes, Keep It Short and Simple. Don’t complicate things as it will create confusion which will meddle in the working of the app.
  • 15. - White Space Is Missing White space gives a breathing space to the page. Although taken for granted, but it adds a balance to your design and its elements. Don’t get so driven by other elements that you forget to include white space in your design.

Editor's Notes

  1. https://onepotprojects.com/ux-design-my-workflow-tools-and-resources-dd752776f403#.dcmlur9pd
  2. https://think360studio.com/15-ui-ux-mistakes-that-can-ruin-your-mobile-app/