This gives a brief understanding on the diferrence between UI & UX with examples. Also, there's a process defined at the end - this is done for a project and should be modified based on your product/project.

2. UI : User Interface
A TOOL
A POINT OF INTERACTION
A MEANS OF COMMUNICATION BETWEEN PERSON AND SYSTEM

3. UX : User Experience
IS THE INTERACTION ITSELF
INCLUDES INTERFACES
ADDRESSES ALL ASPECTS OF A SYSTEM AS PERCEIVED BY A PERSON

4. CONTENT
ALL TOGETHER NOW
USER INTERFACE USER EXPERIENCE
Whatpeoplearelookingfor. Thetoolthatservesit up. Consumption.

5. Let’s apply this to a website.

6. These are elements of an interface.

7. IEEE Blended Learning Program
All these elements together on a screen make up UI.

8. Whyis it important to
illustrate these icons?
Whyis a banner
used here?
Whyis there a
Log Inbutton?Whyis the menu
leftaligned?
Why are
these
specific
topics
highlighted?
Why are
filters placed
here?
Whydo we
assume users
would like this
content?
UX answers the “why?”

9. Where do
you find the
answers to
“why?”

10. People. Good UX is the
manifestation of deeply
understanding people.
Aka: “Users”

11. What understanding people looks like:

12. What understanding people looks like:

13. UX activities
Surveys
Interviews
Contextual Inquiry
Empathy mapping
Card sort & Reaction cards
Information Architecture
Usability Testing
Data Analytics
Personas
User flows
Experience Maps
Site Maps
Sketches/Wireframes
Wire flows
UI elements/components
Prototype of Interface
UX deliverables

15. Thank You!