UX/UI design - from research to prototype Stages of developing a comfortable and functional user interface

1. Congratulations! You’ve done something great!
Beware – you should be careful with this
Holy component library, Batman! It’s gone wrong
Oh, hey there, this is just a friendly reminder
Label
Label
Ooops! You missed one
Label
Placeholder@email.com
Ooops! You missed one
Label
Placeholder@email.com
Ooops! You missed one
Label
Label
Placeholder
Label
Placeholder@email.com
Label
Option selected
Option 1
Option 2
Option 3
Option 4
Option 1
Option 2
Option 3
Option 4
L
Link
Link
Link
Link
xs
sml
sml
med
med
lrg
lrg
xl
xl
xl-2
xl-2
Label
Select an option
Label
Select an option
Label
Select an option
What is
UI/ UX?

2. Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Link
Link
What is UI/ UX?
What is UI/ UX?
UI — User Interface, in other words —
the design of the site: color combinations,
typograhy, icons and buttons.
UX — User Experience. The "backbone" of
the site — its structure, communication. In
simple words, it is how the user interacts with
the interface and how clear and convenient
the site or application is for him.
UX— is the functionality of the interface
UI— its visual appearance

3. It's not that primitive.
What’s the
difference?
What’s the
difference?
UX and UI are indeed closely related and
require similar skills. It would be wrong to
say that UX is about logic and UI is solely
creativity. It's not that primitive.
This helps us separate
one from another:

4. What’sthe
difference?
What’sthe
difference?
UX UI
scenarios
audienceanalysis
structure
interactivity
prototype
visual
Typography
colours
graphicelements
storytelling

5. Want to know more about
our UX process?
Let us know!
UX and UI always go together,
because they are very closely linked.
But at the same time, there are some types of
projects in which UX is more important, and
in some — the UI.
almost