1. INTRO TO
UX DESIGN
By Rasheed O.Salem
UX/UI Designer

2. Engineering Bachelor
Degree
Rasheed O.Salem
UX/UI Designer
Color blind
Google UX Design
professional certificate
No code solutions

3. TOPICS TO COVER
What is UX
Design?
UX vs UI
Design
Psychology
behind UX Design
Design tips to
follow
01 02
03 04

4. What is UX Design
01

5. UX Design
Is how a user interacts with and experiences a
product, system or service.
It includes a person's perceptions of utility, ease of
use, and efficiency.

6. Bad user experience

7. Real life bad UX

8. Real life bad UX

9. UX Design in digital products

10. Demand for UX Design is on the rise
Probably you enrolled in this workshop to either consider studying or working in UX
design , good news is UX design is a rapidly changing field with a projected 10-
year growth rate of 15%.

11. User experience careers

12. Responsibilities of an entry-level UX
designer
As an entry-level UX designer, you’ll have a lot of exciting opportunities to gain
experience. When you first start out, you’ll probably take on a lot of different roles
and responsibilities.

13. Specialist and generalist designers
As you get further along in your career, you can choose to specialize in a certain
area of UX design or keep your skill set more broad.

14. Specialist designers
A specialist dives deep into one type of UX design, like interaction, visual, or
motion design, and becomes an expert. Specialist UX designers are more
common at large companies that have a lot of designers, like Google.
Some of the benefits of becoming a specialist include:
- Focusing on one type of design that you enjoy more than others.
- Gaining deep knowledge of one type of design.
- Becoming well-known in the industry for your expertise in a particular type of
design.

15. Generalist designers
A generalist has a broad number of responsibilities. A majority of UX design jobs
are generalist positions, especially at companies with fewer UX designers.
Typically, entry-level UX designers work in generalist roles, and some people
choose to stay in generalist design roles for their entire careers.
There are a lot of benefits to being a generalist UX designer, like:
- Expanding your skills in many different types of UX work.
- Trying a variety of responsibilities and finding an area of UX that you’re
especially passionate about.
- Keeping your job feeling fresh and new, while doing a variety of tasks.

16. T-shaped designers
A T-shaped designer is a specialist who also
has a lot of capabilities in other areas.
● T-shaped designers are great to have on
your team, since they come with the
benefits of both specialists and generalists.

17. Think like a designer:
Design thinking process

18. As a UX designer your job is to fight for
User’s interest
You have the responsibility to defend the user’s interest and unify the business
goals and the user’s satisfaction.

19. Top UX design tools
Figma Sketch Adobe XD
These are three top tools in the industry and you can’t go wrong with learning
any of them.

20. Let’s jump to figma
Figma
Discussing wireframes and prototypes

21. UX vs UI
UX design is the whole, and UI design is a part of UX design
02

22. Ux design ensures the
user’s interactions with a
product will be the most
pleasing and useful.
Ex. an app overall ease of use.
It’s more about the look
and feel, UI design makes
sure the product is visually
laid out to create the most
effective user experience.
Ex. an app visual style and
typography style.
User Experience
Design
User Interface
Design

24. UX is a great direction for people who
love continuous learning, lots of
collaboration and have
passion for user-oriented
experiences.
Type of person

25. If you feel more into fascinating users
with intuitive and beautifully designed
interfaces, consider focusing on UI.
More
interested in
this

26. Remember
UX and UI are both two sides of the
same coin they go hand in hand to
achieve the goal of user satisfaction.

27. UX psychology
UX law and principles
03

28. User experience design has
its roots in behavioral
psychology and it is a
blueprint of a human being's
interaction with a machine

29. Famous UX laws & principles
Isolation Effect Hick’s Law Fitts’s Law
www.lawsofux.com

30. 1- Isolation Effect
Also known as Von Restorff effect, predicts that when multiple similar objects are
present, the one that differs from the rest is most likely to be remembered.
Most memorable

31. Which rectangle do you think easier to
recall after leaving this slide?

32. Distinctive features can be like colors

33. Shapes

34. And Size

35. For example, if a person examines a shopping list with one item
highlighted in bright green, he or she will be more likely to remember
the highlighted item than any of the others.

36. How to implement it
1- Make important information or key actions visually distinctive.
2- If many elements are competing for user’s attention
None of them will stand out.

37. Practical example
Make the favorable option more distinctive to meet the
user & the business goals

38. 2- Hick’s law
The time it takes to make a decision increases with the number
of choices.
Psychologist
William Edmund Hick

39. We assume that the more choices
The better the experience But it’s
actually paralyzing

40. Too many options = delay in reaction

41. Until apple came with a user centered
design
Foucing on the primary actions

42. You may think providing too many
options is for the user
But in fact too many options lead to a bad experience

43. Which one feel easier?

44. 3- fitts’s law
The time to acquire a target is a function of the distance to and size of
the target.
psychologist Paul Fitts

45. As targets gets smaller and further
away, it takes longer to acquire.

46. How to implement it
1- Touch targets should be large enough for users to accurately
select them.
2- Touch targets should be placed in areas of an interface that
allow them to be easily acquired.

47. This law directly affects the user experience
when designing buttons, for example, larger
ones, especially on mobile devices that are
tactile, reaching the conclusion that with
smaller buttons it is more difficult to interact.

48. Keep the main CTA big and close to the
thumb

50. Keep in mind ease of reach when
creating your layout.

51. Tips & hints
04

52. 1- Always look for design inspirations.

55. 2- Don’t use more than 3 fonts in a design

56. 3- Keep in mind the Z-pattern
The user scans the page from top left
to top right and then travels diagonally
to bottom left while reading to make a
decision and eventually the user should
be ready to decide by the time they
reach to bottom left.
Decision would be either take an action or leave the
page or maybe read more details to decide.

57. CREDITS: This presentation template was created by Slidesgo,
including icons by Flaticon, and infographics & images by Freepik
THANKS
Do you have any questions?
@rasheedosalem

58. REFERENCES
● Lawsofux.com
● UX collective medium.com
● digitalsynopsis.com/design/ux-design-laws/