4
Most read
5
Most read
Presented By:
Gautam Singal
Lead Consultant (UI/UX)
Understanding UI/UX
Lack of etiquette and manners is a huge turn off.
KnolX Etiquettes
Punctuality
Respect Knolx session timings,
you are requested not to join
sessions after a 5 minutes
threshold post the session start
time.
Feedback
Make sure to submit a
constructive feedback for all
sessions as it is very helpful for
the presenter.
Mute
Keep your window on mute
Our Agenda
01 What is UI/UX?
02 Importance of UX
03 Why Efficient UI/UX needed?
04 Honeycomb Usability and 6 Circles Approach
05 How to achieve efficient UI/UX?
06 Knoldus UI/UX Process
What is UI/UX?
✓ User Interface (UI) in a layman definition refers to the visual elements, like,
screens, pages, buttons, icons, typography, etc. which enables the user to
interact with a product or service.
✓ User Experience (UX) on the other hand deals with the interaction
process of how the user interacts with the product or service.
.
Understanding UX
Understanding UX
Importance of UX?
✓ User Experience is evolved by regularly improving User Interfaces. When
there is something for the user to interact, then based on the positive or
negative feedback, iterations are done and features are evolved.
✓ User Experience involves all aspects of the end user’s interaction with
company, it’s services and products.
.
Importance of UX?
✓ It is incredibly important to know what your target
users prefer and dislike before taking the design
decisions for your product.
✓ If the success of an effective marketing campaign is
ultimately evaluated through the number of leads it
generates, a great user experience makes the
biggest push for business conversion.
Why efficient UI/UX is needed?
✓ Enhanced Customer Satisfaction and Improved ROI.
✓ Helps Understanding Audience
✓ Builds Brand
✓ Saves Time and Money
Honeycomb Usability
✓ Honeycomb Usability by Peter Morville has become the foundation for
best practices for UX professionals. It helps in guiding the efforts across
multiple points with the user, including.
✓ How the user will discover the company’s product.
✓ The sequence of actions the user will take as he interacts with the
interface.
Honeycomb Usability
6 Circles Approach
✓ 6 Circles Approach was designed by James Kelway
✓ Experience is a human condition, a mixture of cognitive process and
memory.
✓ The 6 Circles Approach helps us in seeing the UX problems through these
circles to create a better UX
6 Circles Approach
How to Achieve Better UI/UX?
✓ Retain Uniformity
✓ Simple Design
✓ Focus on Target Audience
✓ Using Adaptive / Responsive UI Design
✓ Iteration of UI Designs
How to Achieve Better UI/UX?
✓ Wireframing
✓ Good Loading Speed
✓ Usage of Standard Elements
✓ Interactive
✓ Include Feedback and Response Time
Knoldus UI/UX Process
References
✓ https://blog.knoldus.com/ui-ux-an-in-depth-understanding/
✓ https://blog.knoldus.com/ui-ux-trends-2020/
✓ https://www.codeinwp.com/blog/react-best-practices/
✓ https://levelup.gitconnected.com/master-ux-with-react-in-2020-four-wa
ys-to-upgrade-your-react-app-user-experience-a053b3ffbf59
Thank You !
Get in touch with me:
Gautam Singal
+91-9971334157

More Related Content

PDF
UX IN AGILE TEAM
PPTX
4 MISCONCEPTIONS ABOUT UX DESIGN AND ONE HARD-TO-IGNORE TRUTH
PDF
Power-duo UX and Scrum - Going the extra mile for your users
PPTX
Steps to ui ux by-kapil puri
PPTX
Beyond code
PDF
User Experience 101 - A Practical Guide
PDF
Growth Hacking - UX
PDF
UX Process | Collaborating with Engineering
UX IN AGILE TEAM
4 MISCONCEPTIONS ABOUT UX DESIGN AND ONE HARD-TO-IGNORE TRUTH
Power-duo UX and Scrum - Going the extra mile for your users
Steps to ui ux by-kapil puri
Beyond code
User Experience 101 - A Practical Guide
Growth Hacking - UX
UX Process | Collaborating with Engineering

What's hot (20)

PDF
Website Usability & User Experience: Veel bezoekers, weinig klanten?
PDF
UX principles for co-founders
PDF
Niiu digital - UX is your secret weapon
PPTX
An Easy Explanation of UX (User Experience) By Think 360 Studio
PDF
What is UX?
PDF
Beyond User Experience - Designing Strategy and Services
PDF
UI/UX by Meraki Design
PPTX
UX Process : Process at a Glance
PDF
Usability...Or Strategic User Experience?
PPTX
Usability audit
PPTX
Ready to Democratise UX Insights?
PPTX
User Experience Process
PPTX
UX Debt: The Cost of Taking Short Cuts
PDF
User Experience: Process and Guidelines
PPTX
UX Design Tactics for Product Managers
PDF
Mapping Human-Centric Product Vision (ProductCamp Boston 2016)
PPTX
UX Design Mini Course
PPTX
Why UX Matters in Marketing?
PDF
Best Practices for a Great User Experience
PDF
Make design happen
Website Usability & User Experience: Veel bezoekers, weinig klanten?
UX principles for co-founders
Niiu digital - UX is your secret weapon
An Easy Explanation of UX (User Experience) By Think 360 Studio
What is UX?
Beyond User Experience - Designing Strategy and Services
UI/UX by Meraki Design
UX Process : Process at a Glance
Usability...Or Strategic User Experience?
Usability audit
Ready to Democratise UX Insights?
User Experience Process
UX Debt: The Cost of Taking Short Cuts
User Experience: Process and Guidelines
UX Design Tactics for Product Managers
Mapping Human-Centric Product Vision (ProductCamp Boston 2016)
UX Design Mini Course
Why UX Matters in Marketing?
Best Practices for a Great User Experience
Make design happen
Ad

Similar to Understanding UX (20)

PPTX
Best UI UX Design Services - Advist Global
PDF
UX/UI Decoded: Demystifying the Secrets Behind Captivating User Experiences!
PPTX
User Experience For Startups
PDF
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
PDF
The ultimate guide to ui & ux for digital marketing
PDF
Introduction to User Experience - Mike Biggs
PDF
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
PDF
The business value of UX/UI
PDF
Demystifying User Experience - General Assembly
PDF
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
PDF
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
PDF
The Ultimate UXUI Guide Boost Engagement and Skyrocket Conversion Rates with ...
PDF
Design Best Practices - TechAhead Corp
PDF
Intro to UX UI Presentation at StartCo - May 24, 2017
PPTX
Business Decisions Done Right: Through the Four Elements of User Experience
PDF
Ux Design Basics ProductCamp Toronto2013
PPTX
User Interface (UI) and User Experience (UX) Design Principles in Software De...
PPSX
UX Explained
PPTX
2023: The Era Of Ui/Ux Design
PDF
UX crash course - part 1
Best UI UX Design Services - Advist Global
UX/UI Decoded: Demystifying the Secrets Behind Captivating User Experiences!
User Experience For Startups
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
The ultimate guide to ui & ux for digital marketing
Introduction to User Experience - Mike Biggs
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
The business value of UX/UI
Demystifying User Experience - General Assembly
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
The Ultimate UXUI Guide Boost Engagement and Skyrocket Conversion Rates with ...
Design Best Practices - TechAhead Corp
Intro to UX UI Presentation at StartCo - May 24, 2017
Business Decisions Done Right: Through the Four Elements of User Experience
Ux Design Basics ProductCamp Toronto2013
User Interface (UI) and User Experience (UX) Design Principles in Software De...
UX Explained
2023: The Era Of Ui/Ux Design
UX crash course - part 1
Ad

More from Knoldus Inc. (20)

PPTX
Angular Hydration Presentation (FrontEnd)
PPTX
Optimizing Test Execution: Heuristic Algorithm for Self-Healing
PPTX
Self-Healing Test Automation Framework - Healenium
PPTX
Kanban Metrics Presentation (Project Management)
PPTX
Java 17 features and implementation.pptx
PPTX
Chaos Mesh Introducing Chaos in Kubernetes
PPTX
GraalVM - A Step Ahead of JVM Presentation
PPTX
Nomad by HashiCorp Presentation (DevOps)
PPTX
Nomad by HashiCorp Presentation (DevOps)
PPTX
DAPR - Distributed Application Runtime Presentation
PPTX
Introduction to Azure Virtual WAN Presentation
PPTX
Introduction to Argo Rollouts Presentation
PPTX
Intro to Azure Container App Presentation
PPTX
Insights Unveiled Test Reporting and Observability Excellence
PPTX
Introduction to Splunk Presentation (DevOps)
PPTX
Code Camp - Data Profiling and Quality Analysis Framework
PPTX
AWS: Messaging Services in AWS Presentation
PPTX
Amazon Cognito: A Primer on Authentication and Authorization
PPTX
ZIO Http A Functional Approach to Scalable and Type-Safe Web Development
PPTX
Managing State & HTTP Requests In Ionic.
Angular Hydration Presentation (FrontEnd)
Optimizing Test Execution: Heuristic Algorithm for Self-Healing
Self-Healing Test Automation Framework - Healenium
Kanban Metrics Presentation (Project Management)
Java 17 features and implementation.pptx
Chaos Mesh Introducing Chaos in Kubernetes
GraalVM - A Step Ahead of JVM Presentation
Nomad by HashiCorp Presentation (DevOps)
Nomad by HashiCorp Presentation (DevOps)
DAPR - Distributed Application Runtime Presentation
Introduction to Azure Virtual WAN Presentation
Introduction to Argo Rollouts Presentation
Intro to Azure Container App Presentation
Insights Unveiled Test Reporting and Observability Excellence
Introduction to Splunk Presentation (DevOps)
Code Camp - Data Profiling and Quality Analysis Framework
AWS: Messaging Services in AWS Presentation
Amazon Cognito: A Primer on Authentication and Authorization
ZIO Http A Functional Approach to Scalable and Type-Safe Web Development
Managing State & HTTP Requests In Ionic.

Recently uploaded (20)

PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
Developing a website for English-speaking practice to English as a foreign la...
PPTX
AI IN MARKETING- PRESENTED BY ANWAR KABIR 1st June 2025.pptx
PPTX
Chapter 5: Probability Theory and Statistics
PDF
CloudStack 4.21: First Look Webinar slides
PPTX
Benefits of Physical activity for teenagers.pptx
PDF
Five Habits of High-Impact Board Members
PPTX
Modernising the Digital Integration Hub
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PDF
Abstractive summarization using multilingual text-to-text transfer transforme...
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
NewMind AI Weekly Chronicles – August ’25 Week III
DOCX
search engine optimization ppt fir known well about this
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PPTX
The various Industrial Revolutions .pptx
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
Credit Without Borders: AI and Financial Inclusion in Bangladesh
PDF
STKI Israel Market Study 2025 version august
PDF
Enhancing emotion recognition model for a student engagement use case through...
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
Developing a website for English-speaking practice to English as a foreign la...
AI IN MARKETING- PRESENTED BY ANWAR KABIR 1st June 2025.pptx
Chapter 5: Probability Theory and Statistics
CloudStack 4.21: First Look Webinar slides
Benefits of Physical activity for teenagers.pptx
Five Habits of High-Impact Board Members
Modernising the Digital Integration Hub
Zenith AI: Advanced Artificial Intelligence
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
Abstractive summarization using multilingual text-to-text transfer transforme...
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
NewMind AI Weekly Chronicles – August ’25 Week III
search engine optimization ppt fir known well about this
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
The various Industrial Revolutions .pptx
Module 1.ppt Iot fundamentals and Architecture
Credit Without Borders: AI and Financial Inclusion in Bangladesh
STKI Israel Market Study 2025 version august
Enhancing emotion recognition model for a student engagement use case through...

Understanding UX

  • 1. Presented By: Gautam Singal Lead Consultant (UI/UX) Understanding UI/UX
  • 2. Lack of etiquette and manners is a huge turn off. KnolX Etiquettes Punctuality Respect Knolx session timings, you are requested not to join sessions after a 5 minutes threshold post the session start time. Feedback Make sure to submit a constructive feedback for all sessions as it is very helpful for the presenter. Mute Keep your window on mute
  • 3. Our Agenda 01 What is UI/UX? 02 Importance of UX 03 Why Efficient UI/UX needed? 04 Honeycomb Usability and 6 Circles Approach 05 How to achieve efficient UI/UX? 06 Knoldus UI/UX Process
  • 4. What is UI/UX? ✓ User Interface (UI) in a layman definition refers to the visual elements, like, screens, pages, buttons, icons, typography, etc. which enables the user to interact with a product or service. ✓ User Experience (UX) on the other hand deals with the interaction process of how the user interacts with the product or service. .
  • 7. Importance of UX? ✓ User Experience is evolved by regularly improving User Interfaces. When there is something for the user to interact, then based on the positive or negative feedback, iterations are done and features are evolved. ✓ User Experience involves all aspects of the end user’s interaction with company, it’s services and products. .
  • 8. Importance of UX? ✓ It is incredibly important to know what your target users prefer and dislike before taking the design decisions for your product. ✓ If the success of an effective marketing campaign is ultimately evaluated through the number of leads it generates, a great user experience makes the biggest push for business conversion.
  • 9. Why efficient UI/UX is needed? ✓ Enhanced Customer Satisfaction and Improved ROI. ✓ Helps Understanding Audience ✓ Builds Brand ✓ Saves Time and Money
  • 10. Honeycomb Usability ✓ Honeycomb Usability by Peter Morville has become the foundation for best practices for UX professionals. It helps in guiding the efforts across multiple points with the user, including. ✓ How the user will discover the company’s product. ✓ The sequence of actions the user will take as he interacts with the interface.
  • 12. 6 Circles Approach ✓ 6 Circles Approach was designed by James Kelway ✓ Experience is a human condition, a mixture of cognitive process and memory. ✓ The 6 Circles Approach helps us in seeing the UX problems through these circles to create a better UX
  • 14. How to Achieve Better UI/UX? ✓ Retain Uniformity ✓ Simple Design ✓ Focus on Target Audience ✓ Using Adaptive / Responsive UI Design ✓ Iteration of UI Designs
  • 15. How to Achieve Better UI/UX? ✓ Wireframing ✓ Good Loading Speed ✓ Usage of Standard Elements ✓ Interactive ✓ Include Feedback and Response Time
  • 17. References ✓ https://blog.knoldus.com/ui-ux-an-in-depth-understanding/ ✓ https://blog.knoldus.com/ui-ux-trends-2020/ ✓ https://www.codeinwp.com/blog/react-best-practices/ ✓ https://levelup.gitconnected.com/master-ux-with-react-in-2020-four-wa ys-to-upgrade-your-react-app-user-experience-a053b3ffbf59
  • 18. Thank You ! Get in touch with me: Gautam Singal +91-9971334157