The session discovers about What is UI and UX, what are the differences between them, and how a better UX helps us in a good product. Further, it talks about how to achieve a better 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.

11. Honeycomb Usability

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

13. 6 Circles Approach

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

16. Knoldus UI/UX Process

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