UI and UX Explained: How the Interface Fits into the Customer Experience

The six points in the video

This is a silent video. The headings, explanations and labels below reproduce the information on screen.

1. 1

   Step 1: UI is the interface

   0:18

   It includes the controls and presentation people interact with.

   On-screen labels: Page presentation; Visible controls; Interaction details.

2. 2

   Step 2: UX covers the experience

   0:30

   It includes how the person experiences the product or service overall.

   On-screen labels: Customer need; Complete interaction; Overall outcome.

3. 3

   Step 3: Appearance is one part

   0:42

   A polished page can still leave a customer unable to finish their task.

   On-screen labels: Visual design; Useful content; Task completion.

4. 4

   Step 4: Content affects the result

   0:54

   A clear interface cannot supply important information that is missing.

   On-screen labels: Needed answer; Relevant information; Understandable wording.

5. 5

   Step 5: The service continues

   1:06

   For an enquiry journey, the response after submission also matters.

   On-screen labels: Submitted request; Helpful response; Next step.

6. 6

   Step 6: Review the whole task

   1:18

   Look at the interface and what happens before and after it.

   On-screen labels: Usable controls; Connected journey; Useful customer result.

Common questions

Go further